/* Start:/_/css_new/reset.css?17680643042768*/ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}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}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0} /* End */ /* Start:/_/css_new/content.css?176806430414098*/ /** * @author Marat Tanalin | http://tanalin.com/ | 2012 */ /*----- base -----*/ /*BODY, LEGEND, INPUT, TEXTAREA, BUTTON, SELECT, OPTION {font-family: Tahoma, Arial, Verdana, "Lucida Grand", Lucida, Helvetica, sans-serif; }*/ TABLE, INPUT, TEXTAREA, BUTTON, SELECT, OPTION {font-size: 100%; } BODY, FORM, FIELDSET, LEGEND, OBJECT, UL, LI, DL, DT, DD, HEADER, FOOTER, SECTION, NAV {padding: 0; } SMALL {font-size: .846em; } FORM, FIELDSET {border: 0 solid transparent; } OBJECT {vertical-align: top; } IMG, IFRAME {border: none; } IMG {-ms-interpolation-mode: bicubic; } HR {display: none; } HEADER, FOOTER, SECTION, NAV {border: none; display: block; } UL {list-style: none; list-style-type: none !important;} INPUT[type="radio"], INPUT[type="checkbox"] {margin: 0; padding: 0; } .isolated:before, .isolated:after {content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } .isolated:after {clear: both; } TABLE {border-spacing: 0; } TABLE { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } TD, TH {padding: 0; } .bn IMG {vertical-align: top; } /* Neutralizing obsolete presentation markup */ CENTER {text-align: left; } BIG, FONT {font-size: 1em !important; } FONT {color: inherit !important; } U {text-decoration: none !important; } TABLE[background] {background: none !important; } [align] {text-align: inherit !important; } /* /Neutralizing obsolete presentation markup */ /*----- /base -----*/ /*A, A:link, A:visited {color: #000; } A:hover {color: #000; text-decoration: none; }*/ SUP {font-size: .8333em; vertical-align: baseline; position: relative; top: -.4em; } .content P, .content H1, .content H2, .content H3, .content H4, .content H5, .content H6, .content DL, .content UL, .content OL, .content .tbl, .content .hr {margin-bottom: 1em; } .content UL, .content OL, .content DL {margin-top: 1em; } .content UL, .content OL {margin-left: 35px; padding: 0; } /* .content UL {list-style: disc; } .content UL UL {list-style: circle; margin-top: .5em; margin-bottom: .5em; } .content UL UL UL {list-style: square; } */ .content DT {font-weight: bold; } .content DT SMALL {font-weight: normal; } .content DD {margin-bottom: .75em; } .content DL DL {margin: .25em 0; margin-left: 0px; } .content UL.long LI, .content OL.long LI {margin-bottom: .75em; } .content UL.medium LI, .content OL.medium LI {margin-bottom: .3em; } .content UL.short LI, .content OL.short LI {margin-bottom: 0; } .content H1 {font-size: 2em; font-weight: normal; margin: 0 0 .3em; } .content H2 {font-size: 1.5385em; font-weight: normal; margin-top: 1em; margin-bottom: .1em; } .content H3 {font-size: 1.25em; margin-top: 1em; margin-bottom: .3em; } .content H4 {font-size: 1.1em; margin-top: 1em; margin-bottom: .1em; } .content LEGEND {color: #000; font-weight: bold; margin-bottom: 1em; } .content FORM {margin-bottom: 1em; } .content FORM DL {margin-left: 0; width: 75%; } .content FORM DL DL {margin-left: 35px; } .content FORM DT {font-weight: normal; margin: 0; margin-bottom: .1em; } .content FORM.nostars DT SPAN {display: none; } .content FORM DD {margin: 0; margin-bottom: 1em; padding: 0; } .content FORM DD INPUT[type="text"], .content FORM DD INPUT[type="email"], .content FORM DD TEXTAREA {width: 100%; } .content FORM .side-by-side INPUT, .content FORM DD.short INPUT, .content FORM DD.short TEXTAREA, .content FORM DD INPUT.short, .content FORM DD TEXTAREA.short {width: auto; } .content FORM DL UL {list-style: none; margin: 0; padding: 0; } .content FORM DL UL LI {margin: 0; padding: 0; } .content FORM DL UL INPUT {width: auto; } .content FORM DL UL UL {margin: .2em 0 .5em 35px; } .content FORM .submit {margin-top: 1em; } .content FORM .submit INPUT[type="submit"], .content FORM .submit INPUT[type="button"], .content FORM .submit BUTTON {padding: 0 .5em .1em; } .content FORM UL.submit {list-style: none; margin-left: 0; } .content FORM UL.submit > LI {margin-bottom: 3px; } .content FORM UL.radio, .content FORM UL.radio > LI {margin-left: 0; padding-left: 0; } .content FORM UL.radio {list-style: none; } .content .hr {border-top: 1px solid #666; height: 0; margin: 1.25em 0; } .content .spacer {margin: 1.5em 0; width: 0; height: 0; } /* table */ .content DIV.tbl > TABLE, .content TABLE.tbl, .content .tbl TD, .content .tbl TH {border: solid #ccc; } .content .tbl TD, .content .tbl TH {border-width: 0 1px 1px 0; padding: .2em .5em; } .content .tbl TH {text-align: left; } .content .tbl TD.center, .content .tbl TH.center {text-align: center; } .content .tbl TD.number, .content .tbl TH.number, .content .tbl TD.digit, .content .tbl TH.digit {text-align: right; } .content .tbl TD.important {background: #f0f0f0; } .content DIV.tbl > TABLE, .content TABLE.tbl {border-spacing: 0; border-width: 1px 0 0 1px; empty-cells: show; } .content DIV.tbl.narrow > TABLE, .content TABLE.tbl.narrow {width: auto; } .content DIV.tbl {margin-bottom: 1em; } /* /table */ .content UL.photo {list-style: none; font-size: 0; margin: 15px 0 0 -15px; padding: 0; } .content UL.photo > LI {display: inline-block; font-size: 12px; font-size: 1rem; margin: 0 0 15px 15px; padding: 0; vertical-align: top; } .content UL.photo A {display: table; text-decoration: none; width: 1px; } .content UL.photo IMG {border: 1px solid #ccc; vertical-align: top; } .content UL.photo A:hover {text-decoration: underline; } .content UL.photo A:hover > IMG {border-color: #000; } .content UL.photo A > BR + SPAN {display: block; margin-top: .2em; } .content UL.photo A > SPAN:first-child {background-color: #ccc; display: table; width: 122px; height: 122px; } .content UL.photo A > SPAN:first-child > SPAN {display: table-cell; text-align: center; vertical-align: middle; } .content UL.photo A > SPAN:first-child + BR {display: none; } .content .pB, .content .cnt {text-align: center; } .content .pC {text-align: right; } .content .sign {text-align: right; } .content TH.important, .content TH.em {color: #F00; font-weight: bold; } .content P.back, .content P.more, .content P.pages {clear: both; font-size: .917em; padding-top: 2em; } .content DL.pagination {margin: 2em 0 0; } .content DL.pagination > DT, .content DL.pagination > DD, .content DL.pagination UL, .content DL.pagination LI {display: inline; } .content DL.pagination > DD, .content DL.pagination UL {margin-left: 0; } .content DL.pagination > DT {font-weight: normal; } .content DL.pagination > DD {margin: 0; } .content DL.pagination UL {list-style: none; margin: 0 .1em; } .content DL.pagination LI {margin: 0 .1em; } .content DL.pagination STRONG {font-weight: normal; } .content .clr {clear: both; } .content SPAN.clr {display: block; height: 0; } .content DL.news > DT EM, .content DL.news > DT SMALL {font-size: .9167em; font-style: normal; font-weight: normal; } .content UL.news {margin-left: 0px;} .content UL.pure {list-style: none; margin-left: 0; } .content UL.inline, .content UL.inline > LI {margin-left: 0; padding-left: 0; } .content UL.inline {list-style: none; } .content UL.inline > LI {display: inline; } .content .cols {clear: both; margin: 1.25em 0 1.25em -20px; position: relative; } .content .cols > DIV {display: table; table-layout: fixed; width: 100%; } .content .cols > DIV > DIV {display: table-row; } .content .cols > DIV > DIV > DIV {display: table-cell; } .content .cols > DIV > DIV > DIV > DIV {margin-left: 20px; } .content OL.search > LI {margin-bottom: .75em; } .content .imgA UL, .content .imgA UL > LI, .content .pureImgA UL, .content .pureImgA UL > LI, .content .imgC UL, .content .imgC UL > LI, .content .pureImgC UL, .content .pureImgC UL > LI {margin: 0; padding: 0;} .content .imgA UL, .content .pureImgA UL, .content .imgC UL, .content .pureImgC UL {list-style: none; list-style-type: none; } .content .imgA UL, .content .imgC UL {margin-top: -10px; position: relative; } .content .imgA UL > LI, .content .imgC UL > LI {padding-top: 10px; } .content .imgA TH, .content .pureImgA TH, .content .imgC TH, .content .pureImgC TH {font-size: .9167em; font-weight: normal; padding: 0; padding-top: .1em; padding-bottom: .2em; text-align: left; } .content .imgA TABLE, .content TABLE.imgA, .content .pureImgA TABLE, .content TABLE.pureImgA, .content .imgC TABLE, .content TABLE.imgC, .content .pureImgC TABLE, .content TABLE.pureImgC, .content .imgB TABLE, .content TABLE.imgB, .content .pureImgB TABLE, .content TABLE.pureImgB {border-collapse: collapse; border-spacing: 0; width: 1px; } .content .imgA IMG, .content .pureImgA IMG, .content .imgC IMG, .content .pureImgC IMG, .content .imgB IMG, .content .pureImgB IMG {vertical-align: top; } .content .imgA IMG, .content .imgC IMG, .content .imgB IMG {border: 1px solid #ccc; } .content IMG.left, .content IMG.right, .content .imgA, .content .pureImgA, .content .imgC, .content .pureImgC {margin-bottom: 15px; padding-top: .2em; } /* Картинка справа (с комментарием), обтекаемая слева */ .content IMG.left, .content .imgA, .content .pureImgA {float: left; margin-right: 15px; } /* /Картинка справа (с комментарием), обтекаемая слева */ /* Картинка справа (с комментарием), обтекаемая слева */ .content IMG.right, .content .imgC, .content .pureImgC {float: right; margin-left: 15px; } /* /Картинка справа (с комментарием), обтекаемая слева */ /* Картинка по центру (с комментарием) */ .content .imgB, .content .pureImgB {margin-bottom: 15px; } .content .imgB TH, .content .pureImgB TH {font-size: .9167em; font-weight: normal; padding: 0; padding-top: .1em; padding-bottom: .2em; text-align: left; } .content .imgB TABLE, .content TABLE.imgB, .content .pureImgB TABLE, .content TABLE.pureImgB {margin: 0 auto; } /* /Картинка по центру (с комментарием) */ .content .tblPics {text-align: center; } .content .tblPics A IMG {border: 1px solid #ccc; vertical-align: top; } .content .tblPics TABLE {margin-left: auto; margin-right: auto; } .content .tblPics TD {text-align: center; padding: 5px; } .content .important {color: #f00; } DL.compact:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } DL.compact > DT, DL.compact > DD {margin: 0; } DL.compact > DT {float: left; margin-right: .4em; } DL.compact > DT.single {float: none; margin-right: 0 !important; } DL.inline * {display: inline; } DL.inline DT {font-weight: normal; } .content DL.materials-with-dates-n-title-links > DT {color: #999; font-size: .9167em; font-weight: normal; } .content DL.materials > DT {margin-bottom: .2em; } .content UL.materials > LI {margin-bottom: .3em; } .content DIV.side-by-side {margin: .5em 0 1em; } .content .side-by-side {margin-left: -1.5em !important; position: relative; } .content .side-by-side:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .content .side-by-side > * {float: left; margin: .5em 0 0 1.5em; width: auto; } .content .side-by-side > .submit {padding-top: 1.2em; } .content .side-by-side DD {margin-bottom: 0; } /* */ .content DL.showhide > DD {margin: .5em 0 1em; } .content DL.showhide > DD:after {clear: both; content: ""; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } HTML.js .content DL.showhide > DT { cursor: pointer; display: inline-block; position: relative; border-bottom: 1px dotted #333; padding-left: 16px; min-height: 14px; } HTML.js .content DL.showhide > DT:before { background-image: url(/_/css_new/../i/icons/showhide.gif); content: ""; margin-top: -5.5px; position: absolute; left: 0; top: .53em; width: 11px; height: 11px; } HTML.js .content DL.showhide > DD {margin-top: 0; overflow: hidden; width: 0; height: 0; } HTML.js .content DL.showhide > DT._show:before {background-position: right top; } HTML.js .content DL.showhide > DT._show + DD {margin-top: .5em; overflow: auto; width: auto; height: auto; } HTML.js .content DL.showhide > DD > :last-child, HTML.js .content DL.showhide > DD > :last-child > :last-child, HTML.js .content DL.showhide > DD > :last-child > :last-child > :last-child {margin-bottom: 0; } /* */ .content UL.teasers-with-thumbs {display: table; list-style: none; margin: 0; width: 100%; } .content UL.teasers-with-thumbs > LI {display: table-row; } .content UL.teasers-with-thumbs > LI > DIV {display: table-cell; padding: 10px 0 0; vertical-align: top; } .content UL.teasers-with-thumbs > LI:first-child > DIV {padding-top: 0; } .content UL.teasers-with-thumbs > LI > DIV:first-child {width: 0; } .content UL.teasers-with-thumbs IMG {vertical-align: top; } .content UL.teasers-with-thumbs DL, .content UL.teasers-with-thumbs DD {margin: 0; } .content UL.teasers-with-thumbs > LI > DIV + DIV {padding-left: 10px; } .content UL.teasers-with-thumbs > LI > DIV > DL > DT {font-size: 1.5em; font-weight: normal; margin: -.2em 0 .25em; position: relative; } .content UL.teasers-with-thumbs DD DT {margin-top: .4em; } .content UL.teasers-with-thumbs DD DD {margin-bottom: 0; } .content UL.internal-links {margin: 0; color: #0066CC; font-size: .9em; list-style: none; padding-top: 10px;} .content UL.internal-links LI {padding-bottom: 10px;} .content UL.internal-links A {color: #0066CC;} .content DL.compact-with-vspace DT {font-size: 2em !important; font-weight: normal;} .content DL.compact-with-vspace DT {margin: 0 !important; } .content DL.compact-with-vspace DT {float: left; margin-right: .9em !important; padding-left: 0 !important;} .content DL.compact-with-vspace DT.single {float: none; margin-right: 0 !important; margin-bottom: .75em !important; } * HTML DL.compact-with-vspace DT {margin-right: 0 !important;} .content UL.films {margin-left: 0px; } .content .time {color: #777;} /* End */ /* Start:/_/css_new/slick.css?17680643041384*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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; } /*# sourceMappingURL=slick.css.map */ /* End */ /* Start:/_/css_new/old-style/libs.min.css?1768064304180405*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! * Bootstrap v4.1.1 (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) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem}.display-1,.display-2{font-weight:300;line-height:1.2}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-3,.display-4{font-weight:300;line-height:1.2}.display-4{font-size:3.5rem}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer:before{content:"\2014 \00A0"}.img-fluid,.img-thumbnail{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{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:-ms-flexbox;display:flex;-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,.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-auto,.col-lg,.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-auto,.col-md,.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-auto,.col-sm,.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-auto,.col-xl,.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-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{background-color:hsla(0,0%,100%,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label:before,.was-validated .custom-file-input:valid~.custom-file-label:before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label:before,.was-validated .custom-file-input:invalid~.custom-file-label:before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.form-inline .form-group,.form-inline label{display:-ms-flexbox;display:flex;align-items:center;margin-bottom:0}.form-inline .form-group{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(208,7%,46%,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;background-color:transparent}.btn-link.focus,.btn-link:focus,.btn-link:hover{text-decoration:underline;border-color:transparent}.btn-link.focus,.btn-link:focus{box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty:after{margin-left:0}.dropright .dropdown-toggle:after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle:after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";display:none}.dropleft .dropdown-toggle:before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty:after{margin-left:0}.dropleft .dropdown-toggle:before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group,.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split:after,.dropright .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropleft .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label:before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label:before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label:before{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label:after,.custom-control-label:before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:""}.custom-control-label:after{background-repeat:no-repeat;background-position:50%;background-size:50% 50%}.custom-checkbox .custom-control-label:before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);font-size:75%}.custom-select-lg,.custom-select-sm{padding-top:.375rem;padding-bottom:.375rem}.custom-select-lg{height:calc(2.875rem + 2px);font-size:125%}.custom-file{display:inline-block;margin-bottom:0}.custom-file,.custom-file-input{position:relative;width:100%;height:calc(2.25rem + 2px)}.custom-file-input{z-index:2;margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label:after{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label:after{content:"Browse"}.custom-file-label{left:0;z-index:1;height:calc(2.25rem + 2px);background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label,.custom-file-label:after{position:absolute;top:0;right:0;padding:.375rem .75rem;line-height:1.5;color:#495057}.custom-file-label:after{bottom:0;z-index:3;display:block;height:2.25rem;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:none}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-appearance:none;appearance:none}.custom-range::-webkit-slider-thumb:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-appearance:none;appearance:none}.custom-range::-moz-range-thumb:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;appearance:none}.custom-range::-ms-thumb:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower,.custom-range::-ms-fill-upper{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;padding:.5rem 1rem}.navbar,.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat 50%;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child),.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes a{0%{background-position:1rem 0}to{background-position:0 0}}.progress{height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress,.progress-bar{display:-ms-flexbox;display:flex}.progress-bar{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:a 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal,.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:translate(0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{top:0;left:0;z-index:1060;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover,.popover .arrow{position:absolute;display:block}.popover .arrow{width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow:after,.popover .arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:after,.bs-popover-top .arrow:before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow:before,.bs-popover-top .arrow:before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow:after,.bs-popover-top .arrow:after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:after,.bs-popover-right .arrow:before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow:before,.bs-popover-right .arrow:before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow:after,.bs-popover-right .arrow:after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:after,.bs-popover-bottom .arrow:before{border-width:0 .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow:before,.bs-popover-bottom .arrow:before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow:after,.bs-popover-bottom .arrow:after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:after,.bs-popover-left .arrow:before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow:before,.bs-popover-left .arrow:before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow:after,.bs-popover-left .arrow:after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;transition:transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translateZ(0)}}.active.carousel-item-right,.carousel-item-next{transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{transform:translateZ(0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat 50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:hsla(0,0%,100%,.5)}.carousel-indicators li:before{top:-10px}.carousel-indicators li:after,.carousel-indicators li:before{position:absolute;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li:after{bottom:-10px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix:after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width: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:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{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:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive:before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9:before{padding-top:42.857143%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{top:0}.fixed-bottom,.fixed-top{position:fixed;right:0;left:0;z-index:1030}.fixed-bottom{bottom:0}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.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:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.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:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.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:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.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:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.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:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.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:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.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:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.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:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.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:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.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:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.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}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,:after,:before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:hsla(0,0%,100%,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:b 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@keyframes b{to{transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.custom-select{position:relative}.custom-select__option{overflow:hidden;box-sizing:border-box;display:block;width:100%;padding:0;background-color:transparent;border:0;border-radius:0;font-family:inherit;white-space:nowrap;text-align:left;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select__option-wrap{position:relative}.custom-select__input{box-sizing:border-box;display:block;width:100%;padding:0;border-width:1px 0;border-style:solid;border-radius:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select__dropdown{position:absolute;box-sizing:border-box;width:100%;top:100%;left:0}.custom-select--dropup .custom-select__dropdown{top:auto;bottom:100%}.custom-select__option{position:relative;padding:.375rem .75rem;font-size:1rem;color:#212121;line-height:1.5}.custom-select__option:focus{outline:none}.custom-select__option:focus,.custom-select__option:hover{background-color:#f9f9f9}.custom-select__option--value{padding-right:1.875rem;background-color:#fff;border:1px solid #e6e6e6;border-radius:.25rem}.custom-select__option--value:after{position:absolute;box-sizing:border-box;width:0;height:0;top:50%;right:.75rem;border-width:.3rem;border-bottom-width:0;border-style:solid;border-color:currentColor transparent;transform:translateY(-50%);content:""}.custom-select--active .custom-select__option--value:after{transform:translateY(-50%) rotate(-180deg)}.custom-select--active .custom-select__option--value{border-bottom-color:transparent;border-radius:.25rem .25rem 0 0}.custom-select--active .custom-select__option--value:focus,.custom-select--active .custom-select__option--value:hover{background-color:#fff}.custom-select--dropup.custom-select--active .custom-select__option--value{border-top-color:transparent;border-bottom-color:#e6e6e6;border-radius:0 0 .25rem .25rem}.custom-select__option--selected{background-color:#fcfcfc}.custom-select__option[disabled]{color:#a1a1a1;cursor:default}.custom-select__option[disabled]:focus,.custom-select__option[disabled]:hover{background-color:transparent}.custom-select__option-wrap{overflow-y:auto;max-height:11.25rem}.custom-select__option-wrap::-webkit-scrollbar{width:16px}.custom-select__option-wrap::-webkit-scrollbar-thumb{background-color:#e6e6e6;background-clip:padding-box;border-width:0 4px;border-style:solid;border-color:transparent}.custom-select__input{position:relative;z-index:1;height:2.25rem;margin-top:-1px;padding:0 .75rem;border-color:#e6e6e6;transform:translateY(1px);font-size:1rem;color:#212121}.custom-select__input:focus{outline:none}.custom-select--dropup .custom-select__input{border-top-width:0;margin-top:0;transform:translateY(0)}.custom-select__dropdown{overflow:hidden;z-index:1;top:calc(100% - 1px);background-color:#fff;border-width:0 1px 1px;border-style:solid;border-color:#e6e6e6;border-radius:0 0 .25rem .25rem}.custom-select--dropup .custom-select__dropdown{bottom:calc(100% - 1px);border-width:1px 1px 0;border-radius:.25rem .25rem 0 0}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(180deg,#fff 50%,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(180deg,#eee 50%,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(180deg,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(180deg,#eee 50%,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .row{margin-right:0px;margin-left:0px} /*! * bootstrap-lightbox.css v0.6.1 * Copyright 2013 Jason Butz * http://www.apache.org/licenses/LICENSE-2.0.txt */.lightbox{position:relative;top:70px;z-index:1050;line-height:0;text-align:center;background-color:transparent;outline:none}.lightbox .hide{display:none}.lightbox .in{display:block}.lightbox-content{display:inline-block;padding:10px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.3);*border:1px solid #999;border-radius:6px;box-shadow:0 3px 7px rgba(0,0,0,.3);background-clip:padding-box}.lightbox-content .lightbox-caption{position:absolute;right:12px;bottom:11px;left:11px;padding:2%;font-size:14px;line-height:18px;color:#fff;text-align:center;text-shadow:0 -1px 0 #000;text-shadow:0 -1px 0 rgba(0,0,0,.3);background:#000;background:rgba(0,0,0,.6)}.lightbox-header .close{margin-top:-16px;margin-right:-16px;font-size:2em;color:#fff;opacity:.8;filter:alpha(opacity=80)}.lightbox-header .close :hover{opacity:.4;filter:alpha(opacity=40)}.ekko-lightbox{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:c 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes c{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}} /* End */ /* Start:/_/css_new/old-style/main-header-update.css?176806430478600*/ @charset "UTF-8"; /*@font-face {*/ /*font-family: "Calibri";*/ /*src: url("/_/css_new/old-style/../fonts/Calibri/Calibri.woff2");*/ /*font-weight: normal;*/ /*font-style: normal;*/ /*font-display: swap;*/ /*}*/ @font-face { font-family: "Calibri-Bold"; src: url("/_/fonts/Calibri-Bold.eot?#iefix") format("embedded-opentype"), url("/_/fonts/Calibri-Bold.woff") format("woff"), url("/_/fonts/Calibri-Bold.ttf") format("truetype"), url("/_/fonts/Calibri-Bold.svg#Calibri-Bold") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .header, body { padding: 0; margin: 0; } .dropdown-menu { display: none; } body:not(.home) { margin-top: 120px; } .new_header { padding: 25px 0; border-bottom: 1px solid #d8d8d8; position: fixed; top: 0; background: #fff; z-index: 20000; width: 100%; } .new_header .logo-container img { max-width: 145px; width: 145px; } .new_header .container { display: flex; align-items: center; } .new_header .nav-container { display: inline-flex; width: calc(100% - 145px); justify-content: space-between; } @media screen and (min-width: 1023px) { .new_header .nav-container nav > ul > li > a:hover { color: #00659e; border-bottom: 2px solid #00659e; } } .new_header .nav-container nav > ul > li > a.active { color: #00659e; font-family: "Calibri-Bold"; } .new_header .nav-container .phone { font-family: "Calibri-Bold"; border-left: 1px solid #d8d8d8; padding-left: 25px; } /*menu 1*/ .new_header .nav-container nav { width: calc(100% - 315px); } .new_header .nav-container nav > ul { display: flex; justify-content: space-evenly; padding-left: 0; margin-bottom: 0; } .new_header .nav-container nav > ul > li { list-style: none; position: relative; } .new_header .nav-container nav > ul > li > a { transition: color 0.25s, border-color 0.25s; font-size: 16px; color: #333333; border-bottom: 2px solid transparent; line-height: 1.15; padding: 0.2rem 0.5rem; } /*menu 1 end*/ /*menu 2*/ .new_header .nav-container nav > ul > li > ul { position: absolute; padding: 0; list-style: none; width: 270px; pointer-events: none; } .new_header .nav-container nav > ul > li > ul > li { margin-top: 10px; opacity: 0; transition: 0.2s; border-bottom: 1px solid #33598f; } @media screen and (min-width: 1023px) { .new_header .nav-container nav > ul > li:hover > ul { pointer-events: initial; } .new_header .nav-container nav > ul > li:hover > ul > li { margin-top: 0px; opacity: 1; position: relative; } } .new_header .nav-container nav > ul > li > ul > li > a .fa { margin-left: -4px; margin-right: 4px; } .new_header .nav-container nav > ul > li > ul > li > a { display: block; line-height: 20px; padding: 8px 0 8px 15px; background: #4070b8; color: white; font-family: "Calibri-Bold"; padding-right: 15px; transition: 0.2s; } @media screen and (max-width: 480px) { .new_header .nav-container nav > ul > li > ul > li > a { max-width: calc(100% - 45px); } } @media screen and (min-width: 1023px) { .new_header .nav-container nav > ul > li > ul > li > a:hover { padding-left: 20px; } .new_header .nav-container nav > ul > li > ul > li:last-child a { border-bottom: 0; } } /*menu 2 end*/ /*menu 3*/ .new_header .nav-container nav > ul > li > ul li ul li a { display: block; line-height: 16px; padding: 8px 0 8px 15px; background: #4070b8; color: white; font-family: "Calibri-Bold"; padding-right: 15px; border-bottom: 1px solid #3869ae; transition: 0.2s; } @media screen and (min-width: 1023px) { .new_header .nav-container nav > ul > li > ul li:hover ul { display: block; } } .new_header .nav-container nav > ul > li > ul li ul { position: absolute; padding: 0; list-style: none; width: 270px; left: 100%; top: 0; display: none; border-left: 2px solid #3869ae; } /*menu 3 end*/ .open-menu { display: none; } body.hide { overflow: hidden; } .home .new_header { border-bottom: none; background: transparent; } .home .new_header .nav-container .phone { border-left: none; color: white; } .home .new_header .nav-container nav > ul > li > a { color: white; } .home .new_header .nav-container nav > ul > li > a:hover { border-bottom: 2px solid white; } .home .open-menu span { background-color: white; } @media screen and (max-width: 1280px) { .new_header .nav-container nav > ul > li > a { font-size: 12px; } .top-right { width: 170px; } .new_header .nav-container .phone { font-size: 13px; } body .top-right .top-order { font-size: 0.65em; } } @media screen and (max-width: 1024px) { .new_header .nav-container nav > ul > li > ul li ul li a { padding-left: 36px; padding-right: 10px; border-bottom: 0; font-size: 15px; background: #3d67a5; } .new_header .nav-container nav > ul > li > ul li ul { position: relative; width: 100%; left: 0; border-left: 0; } .open-sub-menu { display: block; position: absolute; margin-top: 0px; right: 0px; top: 0; text-align: center; width: 42px; height: 42px; /*border-left: 1px solid #33598f;*/ } .open-sub-menu:before { font-size: 30px; content: "+"; position: absolute; line-height: 41px; color: white; right: 14px; } .new_header .nav-container .phone { border-left: none; padding-left: 15px; margin-top: 15px; color: white; display: block; } .open-sub-menu.active:before { content: "—"; right: 8px; } .new_header.menu .nav-container { left: 0; overflow: auto; padding-bottom: 15px; } .new_header .logo-container img { max-width: 120px; width: 120px; } .new_header { padding: 12px 0 10px; height: 112px; } .new_header .nav-container nav > ul > li > ul > li > a { padding: 8px 0 8px 15px; font-size: 15px; line-height: 21px; } .new_header .nav-container nav > ul > li > ul { position: relative; width: 100%; pointer-events: initial; display: none; } .new_header .nav-container nav > ul > li > ul > li { margin-top: 0; opacity: 1; position: relative; } .new_header .nav-container nav > ul > li > a.active { color: white; background-color: #3c69ac; } .new_header .nav-container nav { width: 100%; } .nav-container nav { width: 100%; } .new_header .nav-container nav > ul > li > a:hover { color: white; } .new_header .nav-container nav > ul > li > a { display: block; line-height: 36px; padding-left: 15px; background: #4070b8; color: white; font-family: "Calibri-Bold"; padding-right: 15px; border-bottom: 1px solid #33598f; transition: 0.2s; } .new_header .nav-container nav > ul { display: block; } .new_header .nav-container { position: fixed; left: -300px; top: 0; height: 100%; background: #4070b8; width: 300px; transition: 0.2s; display: block; } .open-menu { display: block; background-repeat: no-repeat; cursor: pointer; height: 22px; position: absolute; top: 26px; right: 20px; } .open-menu span { display: block; border-radius: 2px; -webkit-transition: 0.2s; transition: 0.2s; position: relative; width: 30px; height: 4px; background-color: black; } .open-menu span:before { content: ""; width: 100%; height: inherit; border-radius: inherit; display: block; background: inherit; margin: 9px 0 0 0; position: absolute; opacity: 1; -webkit-transition: inherit; transition: inherit; } .open-menu span:after { content: ""; width: 100%; height: inherit; border-radius: inherit; display: block; background: inherit; margin: 18px 0 0 0; position: absolute; -webkit-transition: inherit; transition: inherit; } .open-menu.active span { transform: rotate(45deg); margin-top: 12px; } .open-menu.active span:after { transform: rotate(90deg); margin: 0px 0px 0px 0px; } .open-menu.active span:before { opacity: 0; } } @media screen and (max-width: 991px) { .new_header { height: 80px; } } @media screen and (max-width: 360px) { .new_header .nav-container { width: 300px; } } @media screen and (max-width: 320px) { .new_header .nav-container { width: 280px; } } .sub-nav ul::-webkit-scrollbar { display: none; } .scroll-mob #sort_sections li { min-width: 220px; } .scroll-mob #sort_sections, .scroll-mob #activities-list { padding: 0; display: flex; white-space: nowrap; padding: 0 30px; } .pagination { flex-wrap: wrap; } header .navbar-brand img { max-width: 145px; width: 145px; } @media (max-width: 991px) { .scroll-mob #sort_sections, .scroll-mob #activities-list { overflow: auto; min-height: 80px; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .container { max-width: 1460px; padding-right: 40px; padding-left: 40px; } } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding-left: 0; margin-bottom: 0; list-style: none; width: 100%; } .ico { background-image: url("/new_static/img/icons/sprite.png"); background-repeat: no-repeat; display: inline-block; } @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .ico { background-image: url("/new_static/img/icons/sprite@2x.png"); -webkit-background-size: 314px 38px; background-size: 314px 38px; } } .ico-arr-blue { width: 7px; height: 12px; background-position: 0 0; } .ico-arr-gray { width: 7px; height: 12px; background-position: -7px 0; } .ico-arr-l-wh { width: 21px; height: 38px; background-position: -14px 0; } .ico-arr-r { width: 14px; height: 24px; background-position: -35px 0; } .ico-back { width: 25px; height: 22px; background-position: -49px 0; } .ico-close { width: 35px; height: 35px; background-position: -74px 0; } .ico-close-wh { width: 16px; height: 16px; background: url(/new_static/img/icons/close-wh.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; } .ico-file { width: 22px; height: 24px; background-position: -141px 0; } .ico-link { width: 19px; height: 15px; background-position: -181px 0; } .ico-fb-wh { width: 16px; height: 27px; background-position: -109px 0; } .ico-fb { width: 16px; height: 27px; background-position: -125px 0; } .ico-insta { width: 18px; height: 18px; background-position: -163px 0; } .ico-ok { width: 11px; height: 17px; background-position: -200px 0; } .ico-play { width: 15px; height: 17px; background-position: -211px 0; } .ico-tg { width: 18px; height: 16px; background-position: -226px 0; } .ico-vk { width: 18px; height: 11px; background-position: -244px 0; } .ico-yt-wh { width: 26px; height: 21px; background-position: -262px 0; } .ico-yt { width: 26px; height: 21px; background-position: -288px 0; } .ico-build { width: 48px; height: 60px; background: url(/new_static/img/icons/shape-1.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; } @media (max-width: 767.98px) { .ico-build { height: 35px; } } .ico-years-50 { width: 118px; height: 50px; background: url(/new_static/img/icons/50-years.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; } .ico-highly-qualified { width: 58px; height: 50px; background: url(/new_static/img/icons/highly-qualified.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; } .ico-technical-tasks { width: 60px; height: 50px; background: url(/new_static/img/icons/technical-tasks.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; } .modal { overflow-y: auto; z-index: 100000; } .modal .modal-content { width: auto; } .modal.right .modal-title { font-size: 30px; color: #00659e; margin-bottom: 30px; line-height: 1; } .modal.center .modal-title { font-size: 30px; color: #00659e; margin-bottom: 0px; line-height: 1; background-color: #f5fafd; padding: 30px 30px 0px 30px; } .modal.center .close, .modal.right .close { position: absolute; right: 20px; top: 20px; opacity: 1; } .modal.center .modal-dialog { width: 670px; } .modal.right .modal-dialog { width: 670px; min-height: 100%; margin: 0 0 0 auto; background: #fff; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; right: -670px; } @media (max-width: 991.98px) { .modal.center .nw_calculate { margin-left: 0; margin-right: 0; } } @media (max-width: 767.98px) { .modal.center .modal-dialog { width: 100%; max-width: 100%; } .modal.right .modal-dialog { width: 100%; right: -100%; max-width: 100%; } .modal.center .modal-dialog .ico-close, .modal.right .modal-dialog .ico-close { width: 25px; height: 25px; background-image: url(/new_static/img/icons/close.png); -webkit-background-size: cover; background-size: cover; background-position: 0 0; } } .modal.center .modal-content, .modal.right .modal-content { height: 100%; padding: 70px 70px 50px; border: 0; -webkit-border-radius: 0; border-radius: 0; } .modal.center .modal-content { padding: 0px; overflow-y: auto; overflow-x: hidden; } @media (max-width: 767.98px) { .modal.center .modal-content, .modal.right .modal-content { padding: 50px 20px; overflow-y: auto; overflow-x: hidden; } } @media (max-width: 480px) { .modal.center .modal-dialog { margin: 0 !important; } .modal.center .modal-dialog .modal-content { padding: 0; } } .modal.right.show .modal-dialog { right: 0; } #lightbox .close { color: #fff; position: absolute; right: 20px; top: -15px; opacity: 1; font-size: 40px; font-weight: normal; cursor: pointer; } @media (max-width: 991.98px) { #lightbox .close { display: none; } .tab-pane:not(.active) { height: auto; } } #lightbox .modal-dialog { padding: 40px; } @media (max-width: 991.98px) { #lightbox .modal-dialog { padding: 10px; } } #lightbox .modal-body { padding: 2px; } #lightbox .modal-content { -webkit-border-radius: 0; border-radius: 0; } .ekko-lightbox.right { display: block !important; } .ekko-lightbox.right .modal-dialog { max-width: 670px !important; } .ekko-lightbox.right .ekko-lightbox-container { height: auto !important; } .ekko-lightbox.right .modal-header { display: block !important; border: 0; height: 35px; position: relative; padding: 30px 0; } .ekko-lightbox.right .modal-header .modal-title { display: none; } .ekko-lightbox.right .modal-header .close { height: 35px; width: 35px; background: url(/new_static/img/icons/close.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0; margin: 0; top: 20px; } .ekko-lightbox.right .modal-header .close span { display: none; } .ekko-lightbox.right .modal-content { padding: 0 !important; display: block; } .ekko-lightbox.right .ekko-lightbox-container > div.ekko-lightbox-item { position: static; } .modal-backdrop { z-index: 21000; } .lightbox { top: 0; } @media (min-width: 576px) { .modal-dialog { max-width: 100%; } } input, select, textarea { -webkit-appearance: none; outline: 0 !important; -webkit-box-shadow: none; box-shadow: none; } form .form-group { margin-bottom: 10px; } form .form-control { padding: 2px 0 0 10px; height: 50px; outline: 0 !important; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e1e8ed; font-size: 16px; background: transparent !important; -webkit-border-radius: 0; border-radius: 0; color: #6e6e6e; } form .form-control::-webkit-input-placeholder { color: #6e6e6e; } form .form-control::-moz-placeholder { color: #6e6e6e; } form .form-control.bg-blue { border: 0; background: #f5fafd !important; } form textarea { resize: none; border: 1px solid #e1e8ed; width: 100%; padding: 10px 0 0 10px; color: #6e6e6e; font-size: 16px; } form textarea::-webkit-input-placeholder { color: #6e6e6e; } form textarea::-moz-placeholder { color: #6e6e6e; } form textarea.bg-blue { border: 0; background: #f5fafd !important; } .file-link { position: relative; color: #00659e; display: table; cursor: pointer; overflow: hidden; } .file-link span { border-bottom: 1px dotted #00659e; line-height: 1; } .file-link input { position: absolute; left: -121px; top: 0; opacity: 0; cursor: pointer; } #captcontainer2 div, #captcontainer div { width: 140px; height: 35px; text-align: center; border: 1px solid #e1e8ed; border: 0px; } #captcontainer2 > div:first-child, #captcontainer > div:first-child { border-right: 0; padding: 5px 0; padding: 0; /* display: none;*/ } #captcontainer2 img, #captcontainer img { max-width: 100%; max-height: 100%; } #captcontainer2 input[type="text"], #captcontainer input[type="text"] { border: 0; width: 100%; height: 32px; margin-top: 1px; padding: 0 10px; color: #6e6e6e; } /*.select2 {*/ /*outline: 0 !important;*/ /*-webkit-box-shadow: none;*/ /*box-shadow: none;*/ /*}*/ /*.select2-hidden-accessible {*/ /*width: 100% !important;*/ /*outline: 0 !important;*/ /*-webkit-box-shadow: none;*/ /*box-shadow: none;*/ /*}*/ /*.select2-container {*/ /*width: 100% !important;*/ /*}*/ /*.select2-container .select2-selection--single {*/ /*outline: 0 !important;*/ /*-webkit-box-shadow: none;*/ /*box-shadow: none;*/ /*height: 50px;*/ /*border: 1px solid #e1e8ed;*/ /*-webkit-border-radius: 0;*/ /*border-radius: 0;*/ /*}*/ /*.select2-container--default .select2-selection--single .select2-selection__rendered {*/ /*line-height: 50px;*/ /*padding-left: 10px;*/ /*color: #6e6e6e;*/ /*}*/ /*.select2-container--default .select2-selection--single .select2-selection__arrow {*/ /*height: 50px;*/ /*right: 10px;*/ /*}*/ .col { -webkit-flex-basis: inherit; -ms-flex-preferred-size: inherit; flex-basis: inherit; -webkit-box-flex: inherit; -webkit-flex-grow: inherit; -ms-flex-positive: inherit; flex-grow: inherit; } .vertical-center, .carousel-main .carousel-inner .carousel-item .carousel-caption { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; } .border-dashed-light { border-bottom: 1px dashed #fff; } .row.spacing-20 { margin-left: -10px; margin-right: -10px; } .row.spacing-20 > div { padding-right: 10px; padding-left: 10px; } .t-auto { top: auto; } .w-20 { width: 20% !important; } .w-60 { width: 60% !important; } .h110 { height: 110px; } .h150 { height: 150px; } @media (max-width: 991.98px) { .h150-md { height: 150px; } } .h-45 { height: 45%; } .h-55 { height: 55%; } @media (max-width: 991.98px) { .d-block-md { display: block !important; } } .p-20 { padding: 20px; } .p-40 { padding: 40px; } .pl-30 { padding-left: 30px; } .pr-30 { padding-right: 30px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-80 { padding-top: 80px; } .pt-150 { padding-top: 150px; } @media (max-width: 991.98px) { .pt-0-md { padding-top: 0px; } } @media (max-width: 991.98px) { .pt-120-md { padding-top: 120px; } .pt-20-md { padding-top: 20px; } } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-50 { padding-bottom: 50px; } .pb-80 { padding-bottom: 80px; } .pb-100 { padding-bottom: 100px; } @media (max-width: 767.98px) { .pb-0-sm { padding-bottom: 0; } } @media (max-width: 767.98px) { .pb-30-sm { padding-bottom: 30px; } } @media (max-width: 767.98px) { .pb-50-sm { padding-bottom: 50px; } } @media (max-width: 767.98px) { .pl-15-sm { padding-left: 15px; } } @media (max-width: 767.98px) { .pr-15-sm { padding-right: 15px; } } .px-10 { padding: 0 10px; } .px-20 { padding: 0 20px; } .py-80 { padding-top: 80px; padding-bottom: 80px; } @media (max-width: 767.98px) { .py-50-sm { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 767.98px) { .m-5-sm { margin: 5px !important; } } .m-3 { margin: 3px !important; } .m-5 { margin: 5px !important; } .m-15 { margin: 15px; } .my-30 { margin: 30px 0; } .my-50 { margin: 50px 0; } .my-70 { margin: 70px 0; } .mt-5 { margin-top: 5px !important; } .mt-30 { margin-top: 30px; } .mt-50 { margin-top: 50px; } .mt-70 { margin-top: 70px; } @media (max-width: 991.98px) { .mt-50-md { margin-top: 50px; } } .mb-0 { margin-bottom: 0; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-70 { margin-bottom: 70px; } .mb-100 { margin-bottom: 100px; } @media (max-width: 991.98px) { .mb-20-md { margin-bottom: 20px; } } @media (max-width: 991.98px) { .mb-30-md { margin-bottom: 30px; } } @media (max-width: 767.98px) { .mb-0-sm { margin-bottom: 0; } } @media (max-width: 767.98px) { .mb-30-sm { margin-bottom: 30px; } } @media (max-width: 991.98px) { .mb-50-md { margin-bottom: 50px; } } .ml-30 { margin-left: 30px; } .mr-10 { margin-right: 10px; } .mr-20 { margin-right: 20px; } .mr-30 { margin-right: 30px; } @media (max-width: 991.98px) { .mr-30-md { margin-right: 30px !important; } } .mr-50 { margin-right: 50px; } .mr-70 { margin-right: 70px; } @media (max-width: 767.98px) { .mr-0-sm { margin-right: 0; } } @media (max-width: 991.98px) { .mr-0-md { margin-right: 0; } } @media (max-width: 991.98px) { .m-0-md { margin: 0px; } } .border-t { border-top: 1px solid #d8d8d8; } .border-b { border-bottom: 1px solid #d8d8d8; } .border-r, .navbar-light .navbar-nav .nav-item.phone-link-DISABLED { border-right: 1px solid #d8d8d8; } .border-l, .navbar-light .navbar-nav .nav-item.phone-link, .item-list-bordered > div { border-left: 1px solid #d8d8d8; } .border-blue, .item-list-bordered > div { border-color: #b9ccd9; } .col-md-12 table, .col-md-7 table, .col-md-5 table { margin: 20px 0 30px; } .col-md-12 table td, .col-md-7 table td, .col-md-5 table td, .col-md-12 table th, .col-md-7 table th, .col-md-5 table th { padding: 7px 15px; } @media (max-width: 991.98px) { .border-0-md { border: 0; } } .bg-light { background: #f9f9f9; } .bg-blue { background: #f5fafd; } .bg-blue_new { /*background: #edf2f5; padding-top: 80px; padding-bottom: 60px;*/ } .bg-picture { -webkit-background-size: cover; background-size: cover; background-position: 50%; width: 100%; height: 100%; } .color-white { color: #fff; } .color-muted { color: #99a7b2; } .color-link { color: #666; } .color-light { color: #6e6e6e; } .text-type-14 { font-size: 14px; line-height: 1.3; } form .mb-40 .text-type-14 { margin-top: 60px; } .text-type-16 { font-size: 16px; line-height: 1.2; } .text-type-18 { font-size: 18px; font-family: "Calibri-Bold"; line-height: 1.1; } .text-type-20 { font-size: 20px; line-height: 1.1; } .text-type-24 { font-size: 24px; line-height: 1.1; } .text-type-28 { font-size: 28px; line-height: 1.1; font-family: "Calibri-Bold"; } @media (max-width: 767.98px) { .text-type-28 { font-size: 24px; } } .text-bold { font-family: "Calibri-Bold"; } .icon-link { color: #00659e; font-family: "Calibri-Bold"; font-size: 14px; } .icon-link .ico { margin-left: 10px; position: relative; top: 2px; } .link-underline { color: #00659e; border-bottom: 1px solid #00659e; } *::-webkit-input-placeholder { color: #000; opacity: 1; } *:-moz-placeholder { color: #000; opacity: 1; } *::-moz-placeholder { color: #000; opacity: 1; } *:-ms-input-placeholder { color: #000; opacity: 1; } body input:focus:required:invalid, body textarea:focus:required:invalid { color: #000; } body input:required:valid, body textarea:required:valid { color: #000; } html { width: 100%; height: 100%; } body { -webkit-overflow-scrolling: touch; position: relative; line-height: 1.5; font-family: "Calibri"; min-height: 100%; color: #333333; } @media (max-width: 991.98px) { body { overflow-x: hidden; } } b, strong { font-weight: 600; } a { color: #333333; outline: none; text-decoration: none; } a:hover, a:focus, a:active { outline: none; text-decoration: none; } input { outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; } h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: inherit; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } hr { margin: 0; } .row img, .text-content img { max-width: 100%; } main { height: 100%; } .header { position: fixed; min-width: 100%; top: 0; background: #fff; z-index: 200; } .navbar { padding: 25px 0; } @media (max-width: 991.98px) { .navbar { padding: 15px 0; z-index: 10000; } } .navbar-wrapper { 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; width: 100%; } @media (max-width: 991.98px) { .navbar-wrapper { -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: inherit; } } .navbar-nav { width: 100%; } @media (max-width: 991.98px) { .navbar-nav .nav-item { margin-bottom: 15px; } } .navbar-nav .nav-item.active .nav-link { color: #00659e; font-family: "Calibri-Bold"; } @media (max-width: 991.98px) { .navbar-nav .nav-item.active .nav-link { font-family: "Calibri"; } } .navbar-nav a strong { font-family: "Calibri-Bold"; } .navbar-nav .nav-link { font-size: 16px; border-bottom: 2px solid transparent; padding: 0; } .navbar-nav .nav-link.underline-not:hover { border-bottom: 2px solid transparent !important; } @media (max-width: 991.98px) { .navbar-nav .nav-link.underline-not:hover { border-bottom: 0 !important; } } @media (max-width: 1199.98px) { .navbar-nav .nav-link { font-size: 15px; } } @media (max-width: 991.98px) { .navbar-nav .nav-link { padding-right: 0 !important; padding-left: 0 !important; border: 0 !important; } } .navbar-nav .nav-link.dropdown-toggle:after { display: none; } @media (max-width: 991.98px) { .navbar-nav .nav-link.dropdown-toggle:after { display: inline-block; border: 0; background: url(/new_static/img/icons/arr-l-wh.png) no-repeat 0 0; width: 6px; height: 11px; -webkit-background-size: contain; background-size: contain; top: 5px; position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 10px; } } .navbar-nav .dropdown-menu { padding-left: 30px; background-color: transparent; border: 0; } .navbar-nav .dropdown-menu.show { display: none; } @media (max-width: 991.98px) { .navbar-nav .dropdown-menu.show { display: block; } } .navbar-nav .dropdown-menu li { margin-bottom: 10px; } .navbar-nav .dropdown-menu li a { opacity: 0.5; } .navbar-nav .dropdown-menu li a.active { opacity: 1; } .navbar-collapse { -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } @media (max-width: 991.98px) { .navbar-collapse { width: 0; display: none; position: fixed; left: 0; top: 0px; padding: 0; height: 100%; background: #202d43; overflow-y: scroll; overflow: -moz-scrollbars-none; overflow-y: hidden; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .navbar-collapse::-webkit-scrollbar { display: none; } .navbar-collapse .navbar-nav { color: #00659e; padding: 20px; text-align: left; -webkit-box-pack: inherit !important; -webkit-justify-content: inherit !important; -ms-flex-pack: inherit !important; justify-content: inherit !important; display: block; } .navbar-collapse .navbar-nav .nav-link, .navbar-collapse .navbar-nav a { font-size: 18px; display: inline-block; } } .navbar-light .navbar-toggler .navbar-toggler-icon { background: url(/new_static/img/icons/navbar-toggler-black.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; } .navbar-light .navbar-nav .nav-item.phone-link { padding: 0 20px; } @media (max-width: 1199.98px) { .navbar-light .navbar-nav .nav-item.phone-link { padding: 0; border: 0; } } .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav a { color: #333333; -webkit-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s, border-color 0.25s; } @media (max-width: 991.98px) { .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav a { color: #fff !important; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav a:hover { color: #00659e; } .navbar-light .navbar-nav .nav-link:hover { color: #00659e; border-bottom: 2px solid #00659e; } .navbar-dark .navbar-nav { color: #fff; } .navbar-dark .navbar-nav .nav-item.active .nav-link { color: #fff; } .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav a { color: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav a:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link:hover { border-bottom: 2px solid #fff; } .navbar-brand { padding: 0; width: 145px; margin-right: 70px; } @media (max-width: 1199.98px) { .navbar-brand { margin-right: 50px; } } .navbar-brand img { width: 100%; } .navbar .nav-lang { padding-left: 10px; } @media (max-width: 991.98px) { .navbar .nav-lang { padding-left: 0; } } .navbar.show .navbar-collapse { width: 315px; display: block; } @media (max-width: 767.98px) { .navbar.show .navbar-collapse { width: 100%; } } .navbar .collapse-close { position: absolute; right: 10px; top: 10px; padding: 10px; display: block; } .navbar-toggler { outline: 0 !important; border: 0; } @media (max-width: 991.98px) { .navbar-toggler { position: absolute; top: 25px; right: 10px; } } .navbar-toggler .navbar-toggler-icon { background: url(/new_static/img/icons/navbar-toggler.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; width: 30px; height: 20px; } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-left: 20px; } } .sub-nav { background: #f9f9f9; overflow-x: initial; z-index: 10000; min-width: 100%; top: 112px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 1 auto; flex: 0 0 auto; } @media (max-width: 991.98px) { .sub-nav { top: 80px; } } .sub-nav.position-fixed { height: 68px; } .sub-nav.position-fixed > ul { /* height: 80px;*/ position: fixed; background: #f9f9f9; top: 112px; /* min-width: 1170px; */ padding-top: 10px; } @media (max-width: 991.98px) { .sub-nav.position-fixed ul { top: 80px; /* overflow-y: hidden; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; */ } } .sub-nav.position-fixed ul .nav-item { display: inline-block; vertical-align: middle; } .sub-nav > ul { list-style-type: none; margin: 0 auto; white-space: nowrap; overflow-x: scroll; overflow: -moz-scrollbars-none; overflow-y: hidden; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 1 auto; flex: 0 0 auto; } .sub-nav ul .nav-item { padding: 0 10px; border-top: 0 solid transparent; border-bottom: 0 solid transparent; position: relative; height: auto !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sub-nav ul .nav-item .nav-link { padding: 0px 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; line-height: 1.1; background-color: transparent; height: auto !important; /*min-height: 70px;*/ display: block; white-space: normal; } .position-fixed.sub-nav ul .nav-item .nav-link { height: 68px; } .sub-nav ul .nav-item:first-child { margin-left: -15px; } .sub-nav ul .nav-item:last-child { margin-right: -15px; } .sub-nav ul .nav-item.active .nav-link { font-family: "Calibri-Bold"; } .sub-nav ul .nav-item.active .nav-link span { font-family: "Calibri"; } .sub-nav ul .nav-item.active a, .sub-nav ul .nav-item:hover a { border-bottom: 2px solid #00659e; } .sub-nav ul .nav-item.active .nav-link, .sub-nav ul .nav-item:hover .nav-link { color: #333333; } .scroll-mob { padding: 0 !important; } .nav-tabs { border-bottom: 0; white-space: nowrap; /* overflow-x: scroll; */ overflow: -moz-scrollbars-none; /* overflow-y: hidden; */ -ms-overflow-style: none; -webkit-flex-wrap: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; } .nav-tabs::-webkit-scrollbar { display: none; } .nav-tabs .nav-item { margin-bottom: 0; height: 55px !important; } .nav-tabs .nav-item.structure-item { min-width: 270px; } .nav-tabs .nav-item .nav-link { border: 0; border-top: 2px solid transparent; border-bottom: 2px solid transparent; height: 55px; } .nav-tabs .nav-item .nav-link.active { font-family: "Calibri-Bold"; border-bottom: 2px solid #00659e; } .scroll-container { margin: 0 -20px; padding: 0 20px; overflow-x: scroll; overflow: -moz-scrollbars-none; overflow-y: hidden; -ms-overflow-style: none; } .scroll-container::-webkit-scrollbar { display: none; } .table-type-striped { border: 1px solid #e1e8ed; } .table-type-striped thead th { border-bottom: 0; font-size: 12px; color: #99a7b2; text-align: center; text-transform: uppercase; font-weight: 100; vertical-align: middle; padding-top: 30px; padding-bottom: 30px; } @media (max-width: 991.98px) { .table-type-striped thead th { padding-top: 15px; padding-bottom: 15px; } } .table-type-striped tbody tr:nth-of-type(odd) { background: #f8f9fa; } .table-type-striped td, .table-type-striped th { border-bottom: 1px solid #e1e8ed; border-left: 1px solid #e1e8ed; padding: 20px 30px; min-width: 200px; } @media (max-width: 991.98px) { .table-type-striped td, .table-type-striped th { padding: 20px 20px; } } .table-type-striped td:first-child, .table-type-striped th:first-child { border-left: 0; } .table-type-striped td { white-space: nowrap; } .structure-item { font-size: 14px; font-family: "Calibri-Bold"; } .structure-item-name { font-size: 16px; font-family: "Calibri"; display: block; } .back-link { text-transform: uppercase; color: #00659e; line-height: 1.2; display: inline-block; 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: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (max-width: 991.98px) { .back-link { font-size: 14px; } } .back-link:hover { color: #333; } .back-link .ico { margin-right: 15px; position: relative; top: -2px; } .tab-content .tab-pane.active { opacity: 1; } .btn { outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn-bordered { -webkit-border-radius: 2px; border-radius: 2px; border: 2px solid #000; } .btn-white { color: #fff; border-color: #ffffff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .btn-white:hover { border-color: rgba(255, 255, 255, 0.5); color: #fff; } .btn-lg { padding: 14px 30px 12px; font-size: 18px; } @media (max-width: 991.98px) { .btn-lg { font-size: 16px; padding: 10px 25px; } } @media (max-width: 767.98px) { .btn-lg { font-size: 14px; padding: 8px 25px; } } .btn-blue { background: #00659e; color: #fff; -webkit-border-radius: 0; border-radius: 0; font-family: "Calibri-Bold"; padding: 12px 75px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-top: 10px; } .btn-blue:hover { color: #fff; opacity: 0.8; } .btn-socials { width: 40px; height: 40px; background: #acb6bf; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; text-align: center; 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; } @media (max-width: 991.98px) { .btn-socials { width: 35px; height: 35px; } } .btn-socials .ico { margin: 0 auto; } .btn-socials .ico-fb-wh { height: 15px; width: 8px; background-image: url(/new_static/img/icons/fb-wh.png); -webkit-background-size: cover; background-size: cover; background-position: 0; } .btn-opacity { background: rgba(255, 255, 255, 0.5); height: 25px; border: none; font-size: 14px; -webkit-border-radius: 0px; border-radius: 0px; padding: 3px 40px 0; } @media (max-width: 767.98px) { .footer-contacts .btn-opacity { padding: 3px 20px 0; display: inline-block !important; } .footer-contacts .border-dashed-light { display: table; line-height: 1; } } .more-link { color: #00659e; text-transform: uppercase; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .more-link:hover { opacity: 0.8; } .down-link { display: block; text-align: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .down-link:hover { color: #00659e; } .down-link:before { content: ""; display: block; margin: 0 auto 5px; background: url(/new_static/img/icons/arr-b.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; width: 10px; height: 6px; } .text-content { max-width: 900px; } .text-content strong, .text-content b { font-family: "Calibri-Bold"; } .text-content ul { padding-left: 15px; } .text-content ul li { margin-bottom: 5px; } .title-section { color: #00659e; font-size: 36px; line-height: 1; max-width: 100%; } @media (max-width: 991.98px) { .title-section { font-size: 28px; } } .title-article { font-size: 36px; font-family: "Calibri-Bold"; line-height: 1; max-width: 880px; } @media (max-width: 991.98px) { .title-article { font-size: 28px; } } .section-bg { background-repeat: no-repeat; -webkit-background-size: 1000px auto; background-size: 1000px auto; background-position: 100% 0; } @media (max-width: 991.98px) { .section-bg { background: none !important; } } @media (max-width: 767.98px) { .section-bg { background: none !important; } } .carousel-main { height: 100%; } .carousel-main .carousel-inner { height: 100%; background-color: #626f81; } .carousel-main .carousel-inner .carousel-item { height: 100%; position: relative; transition-duration: 0s; } @keyframes zoominoutsinglefeatured { 0% { transform: scale(1, 1); } 100% { transform: scale(1.2, 1.2); } } .carousel-main .carousel-item-picture { position: absolute; z-index: 1; width: 100%; height: 100%; display: block; background-position: 50%; -webkit-background-size: cover; background-size: cover; animation: zoominoutsinglefeatured 10s forwards linear; } .carousel-main .carousel-inner .carousel-item .carousel-caption { left: 0; text-align: center; right: auto; bottom: auto; } .carousel-main .carousel-inner .carousel-item .carousel-caption h3 { font-size: 50px; font-weight: 600; line-height: 1.2; margin: 0 auto; padding: 0 60px; font-family: "Open Sans", sans-serif; } .carousel-main .carousel-inner .carousel-item .carousel-caption h3 a { display: block; } .carousel-main .carousel-inner .carousel-item .carousel-caption h3 a span:first-child { animation: fadeInDown 0.6s forwards linear; display: block; } .carousel-main .carousel-inner .carousel-item .carousel-caption h3 a span.uc { text-transform: uppercase; font-weight: 300; font-size: 20px; display: block; margin-top: 10px; animation-delay: 0.5s; } .txt-1962 { display: block; width: 260px; height: 54px; margin: 20px auto 0 !important; background: url(/new_static/img/txt-1962.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; animation-delay: 0.5s; } @media (max-width: 1199.98px) { .carousel-main .carousel-inner .carousel-item .carousel-caption h3 { font-size: 40px; } } @media (max-width: 991.98px) { .carousel-main .carousel-inner .carousel-item .carousel-caption h3 { font-size: 30px; padding: 0 20px; } .txt-1962 { display: block; width: 200px; margin-top: 10px !important; } } @media (max-width: 767.98px) { .pagination .page-item .page-link.prev, .pagination .page-item:last-child .page-link { display: none; } .carousel-main .carousel-inner .carousel-item .carousel-caption h3 { font-size: 22px; } .carousel-main .carousel-inner .carousel-item .carousel-caption h3 a span, .carousel-main .carousel-item-picture { animation: none !important; } .carousel-main .carousel-inner .carousel-item .carousel-caption h3 a span, .carousel-main .carousel-inner .carousel-item .carousel-caption h3 a span.uc { font-size: 18px; } .txt-1962 { display: block; width: 150px; } } .carousel-main .carousel-inner .carousel-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .carousel-control-next, .carousel-control-prev { opacity: 1; } .carousel-control-next .ico { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .carousel-description-right .swiper-container { width: 100%; margin-left: auto; margin-right: auto; overflow: inherit; } .carousel-description-right .swiper-slide { position: relative; -webkit-background-size: cover; background-size: cover; background-position: center; height: 100%; overflow: hidden; } .carousel-description-right .swiper-slide .description { position: absolute; font-size: 18px; margin-right: 15px; } .carousel-description-right .swiper-slide .description h3 { color: #00659e; margin-bottom: 20px; font-size: 24px; line-height: 1; } .carousel-description-right .swiper-slide .description h3 a { color: #00659e; } .carousel-description-right .swiper-slide .description .date { margin-bottom: 10px; display: block; } .carousel-description-right .swiper-slide .picture { -webkit-background-size: cover; background-size: cover; background-position: center; height: 500px; display: block; } @media (max-width: 767.98px) { .carousel-description-right .swiper-slide .picture { height: 300px; } } .carousel-description-right .gallery-top { height: 500px; width: 100%; } @media (max-width: 767.98px) { .carousel-description-right .gallery-top { height: 300px; } } .carousel-description-right .gallery-top .swiper-slide { opacity: 0 !important; } .carousel-description-right .gallery-top .swiper-slide.swiper-slide-active { opacity: 1 !important; } .carousel-description-right .gallery-thumbs { height: 95px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; overflow: hidden; } @media (max-width: 767.98px) { .carousel-description-right .gallery-thumbs { height: 60px; } } .carousel-description-right .gallery-thumbs .swiper-slide-active { opacity: 1; border: 3px solid #53b6ee; } .carousel-description-right .gallery-thumbs .swiper-slide { cursor: pointer; width: 25%; height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .carousel-description-right .gallery-thumbs .swiper-slide:hover { opacity: 0.8; } .carousel-description-right .swiper-button-next, .carousel-description-right .swiper-button-prev { width: 14px; height: 24px; margin-top: -12px; background-image: url(/new_static/img/icons/arr-r.png) !important; -webkit-background-size: 14px 24px; background-size: 14px 24px; outline: 0; } @media (max-width: 767.98px) { .carousel-description-right .swiper-button-next, .carousel-description-right .swiper-button-prev { display: none; } } .carousel-description-right .swiper-button-next { right: -20px; } .carousel-description-right .swiper-button-prev { left: -20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .logo-list-item { height: 80px; position: relative; } .logo-list-item img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; max-height: 100%; } .logo-list-item a { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .logo-list-item a:hover { opacity: 0.6; } .card .card-img { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .card:hover .card-img { opacity: 0.8; } .card a { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .card a:hover { color: #00659e; } .card-body { padding: 20px 25px 30px; } @media (max-width: 991.98px) { .card-body { padding: 20px 20px 30px; } } .card img { -webkit-border-radius: 0; border-radius: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .card img:hover { opacity: 0.8; } .card-img-top-list .card { -webkit-border-radius: 0; border-radius: 0; border: 0; border-top: 5px solid #00659e; } .card-img-top-list .card-text { line-height: 1.4; } .card-bordered-list .card { -webkit-border-radius: 0; border-radius: 0; border: 0; border: 1px solid #e1e8ed; } .card-bordered-list .card-text { line-height: 1.4; } .date { font-size: 18px; color: #6e6e6e; line-height: 1; display: block; } .article-date { font-size: 24px; line-height: 1; color: #6e6e6e; } @media (max-width: 991.98px) { .article-date { font-size: 18px; } } .article-text-prev { font-size: 18px; } @media (max-width: 767.98px) { .article-scrollbar-block { position: static !important; padding: 0; overflow: visible !important; } } .nav-tab-type-1 a { color: #99a7b2; } .nav-tab-type-1 a.active { color: #333333; } .video-list { padding: 30px 0; } .video-list-item { background-position: 50%; -webkit-background-size: cover; background-size: cover; width: 100%; position: relative; padding-bottom: 0px; } .video-list-item .link { position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; display: inline-block; width: 64px; height: 64px; background: rgba(149, 151, 156, 0.49); -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .video-list-item .link:hover { background: #95979c; } .video-list-item .link .ico { margin: 24px 0 0 26px; } .item-list-logo { height: 85px; 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; margin-bottom: 5px; } .item-list-logo img { max-height: 100%; } .item-list-bordered > div { padding: 0 25px; position: relative; padding-bottom: 30px; } @media (max-width: 991.98px) { .item-list-bordered > div { border: 0; margin-bottom: 30px; } } @media (max-width: 767.98px) { .item-list-bordered > div { border-bottom: 1px solid #b9ccd9 !important; padding: 0 0 15px; } } .item-list-bordered > div:first-child { border: 0; } .item-list-bordered > div .position-bottom { position: absolute; bottom: 0; width: 100%; left: 0; padding: 0 25px; } @media (max-width: 767.98px) { .item-list-bordered > div .position-bottom { position: static; padding: 0; } } .jumbotron-over { padding: 30px 35px; position: relative; z-index: 1; } .jumbotron-cover { padding: 35px 35px; padding-bottom: 50px; /*margin-top: -40px;*/ position: relative; z-index: 0; } @media (max-width: 767.98px) { .jumbotron-over { padding: 20px 20px 25px; } } .jumbotron-over-left { margin-right: -200px; } .jumbotron-cover-left { margin-right: -200px; padding-right: 200px; } @media (max-width: 767.98px) { .jumbotron-over-left { margin-right: 0 !important; padding-right: 0 !important; } .jumbotron-cover-left { margin-right: 0 !important; padding-right: 0 !important; } } .jumbotron-over-right { margin-left: -200px; } .jumbotron-cover-right { margin-left: -200px; padding-left: 200px; } @media (max-width: 767.98px) { .jumbotron-over-right { margin-left: 0 !important; padding-left: 0 !important; } .jumbotron-cover-right { margin-left: 0 !important; padding-left: 0 !important; } } .gallery-four { margin: -15px; z-index: 1; } @media (max-width: 767.98px) { .gallery-four { margin: 0 0 30px; } } .gallery-four img { display: block; } .pagination { margin-bottom: 0; } .pagination .page-item .page-link { background-color: transparent; border: 0; color: #333333; font-size: 18px; padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none; } .pagination .page-item .page-link.prev .ico { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination .page-item .ico { position: relative; top: 1px; } .pagination .page-item.disabled .ico { background-image: url(/new_static/img/icons/arr-gray.png); -webkit-background-size: cover; background-size: cover; } .pagination .page-item.disabled:first-child .ico { -webkit-transform: none; -ms-transform: none; transform: none; } .pagination .page-item.disabled:last-child .ico { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination .page-item.active .page-link { color: #00659e; font-family: "Calibri-Bold"; cursor: default; } .scrollbar-block { position: absolute; top: 0; right: 0; left: 0; height: 100%; padding-right: 40px; overflow-y: scroll; overflow: -moz-scrollbars-none; overflow-x: hidden; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 15px; } @media (max-width: 767.98px) { .scrollbar-block { padding-right: 0; } } .scrollbar-block::-webkit-scrollbar { width: 3px; background-color: transparent; } .scrollbar-block::-webkit-scrollbar-track { background: #e1e8ed; width: 1px; } .scrollbar-block::-webkit-scrollbar-thumb { background: #00659e; } .tab-content .text-content { padding-bottom: 50px; } @media (max-width: 991.98px) { .tab-content > .tab-pane { border-bottom: 1px solid #e1e8ed; position: relative; display: block; opacity: 1; margin: 0 0px; padding: 0 20px; } .tab-content > .tab-pane .collapse-item { position: relative; padding: 20px 50px 20px 0; line-height: 1.1; } .tab-content > .tab-pane .collapse-item:after { position: absolute; top: 16px; right: 0; content: "+"; line-height: 1; font-size: 24px; color: #00659e; font-family: "Calibri"; } .tab-content > .tab-pane .collapse-item.active { font-family: "Calibri-Bold"; color: #333333; } .tab-content > .tab-pane .collapse-item.active:after { content: "−"; } .tab-content > .tab-pane .collapse-item.active.collapsed { font-family: "Calibri"; } .tab-content .text-content { padding-top: 10px; } } @media (min-width: 991.98px) { .tab-pane.active .text-content { display: block !important; } } .socials { font-size: 18px; color: #6e6e6e; line-height: 1.1; 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; } @media (max-width: 991.98px) { .socials { font-size: 16px; } } .socials .btn-socials { margin-left: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; min-width: 40px; } @media (max-width: 991.98px) { .socials .btn-socials { margin-left: 10px; min-width: 35px; } } .socials .btn-socials:hover { opacity: 0.8; } .footer { font-size: 14px; padding: 30px 0; color: #6e6e6e; } @media (max-width: 991.98px) { .footer { padding: 20px 0; } } @media (max-height: 767.98px) { .footer { position: static; } } .footer.color-white { color: #fff; } .footer.color-white a { color: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .footer.color-white a:hover { opacity: 0.6; } .footer-contacts { font-weight: 100; position: relative; z-index: 10; } .footer-social { white-space: nowrap; font-size: 30px; line-height: 37px; height: 65px; } .footer-social a { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: inline-block; vertical-align: middle; margin-left: 30px; } @media (max-width: 991.98px) { .footer-social a { margin-left: 20px; } } .footer-social a:first-child { margin-left: 0; } .footer-social a:hover { opacity: 0.6; } @media (max-height: 767.98px) { .footer.fixed-bottom { position: fixed; } } .footer .navbar-nav { margin-right: 30px; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -webkit-flex-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } @media (max-width: 991.98px) { .footer .navbar-nav { display: none; } } .footer .navbar-nav .nav-item { margin-left: 25px; } .footer .navbar-nav .nav-link { padding: 0; font-size: 14px; color: #6e6e6e; } .footer .navbar-nav .nav-link:hover { text-decoration: underline; } .bx-breadcrumb { margin-top: 30px; } @media (min-width: 992px) { .container { max-width: 1460px; padding-right: 40px; padding-left: 40px; } .bx-breadcrumb { margin-top: 50px; } } @media (max-width: 1199.98px) { .container { max-width: 1460px; padding-right: 30px !important; padding-left: 30px; } } .mobile-only { display: none !important; } .sm-only { display: none !important; } @media (max-width: 991.98px) { .desktop-only { display: none !important; } .mobile-only { display: block !important; } .hidden-lg { display: none; } .container { padding-right: 20px !important; padding-left: 20px; } } @media (max-width: 767.98px) { .sm-only { display: block !important; } .sm-hidden { display: none; } } .projects_item_a a { height: 400px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; } .projects_item_a img { opacity: 0; } .calculate { display: flex; justify-content: space-between; padding-bottom: 70px; } .calculate__side { margin-top: 5px; } .calculate__side_left { width: 720px; max-width: 100%; display: flex; flex-wrap: wrap; } .calculate__side_right { width: 460px; max-width: 100%; } .calculate__col { margin-right: 15px; margin-bottom: 30px; width: 165px; } .calculate__col_w-230 { width: 230px; } .calculate__col_w-240 { width: 240px; } .calculate__col_w-big { width: 255px; } .calculate__input-title { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #7f8891; height: 34px; display: table-cell; vertical-align: bottom; position: relative; } .calculate__input-title span { vertical-align: bottom; } .calculate__informer { color: #00659e; cursor: pointer; } .calculate__informer-body { display: none; position: absolute; left: 99%; top: 0px; background-color: rgb(0, 101, 158); color: #fff; width: 200px; padding: 10px; z-index: 100; font-size: 12px; } .calculate__informer-body strong { display: block; } .calculate__informer-text { } .calculate__informer:hover + .calculate__informer-body, .calculate__informer-body:hover { display: block; } .calculate__input-item { margin-top: 5px; } .calculate__input { height: 50px; background-color: #f5fafd; width: 100%; outline: none; line-height: 50px; border: none; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; padding: 0px 10px; font-family: "Calibri"; } .calculate__input.error { background-color: red; } .calculate__input::-webkit-input-placeholder, .calculate__input:-ms-input-placeholder, .calculate__input::-ms-input-placeholder, .calculate__input::placeholder { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; } .calculate__select { height: 50px; line-height: 50px; outline: none; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; font-family: "Calibri"; background-color: #f5fafd; border: none; padding: 0px 10px; padding-right: 30px; width: 100%; } .calculate__select option { } .calculate__input-item_select { position: relative; } .calculate__input-item_select:after { content: ""; display: block; width: 10px; height: 6px; background-image: url(/new_static/img/dropdown-arrow.svg); background-repeat: no-repeat; position: absolute; top: 50%; right: 18px; z-index: 1; transform: translateY(-50%); } .calculate__checkbox { cursor: pointer; } .calculate__checkbox-hidden { display: none; } .calculate__checkbox-input { width: 17px; height: 17px; border: 1px solid #d6e3ea; border-radius: 2px; display: inline-block; vertical-align: middle; margin-right: 5px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; background-repeat: no-repeat; background-position: center center; } .calculate__checkbox-hidden:checked + .calculate__checkbox-input { border: 1px solid #00659e; background-image: url(/new_static/img/chek.png); background-repeat: no-repeat; background-position: center center; } .calculate__checkbox-text { font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; display: inline-block; vertical-align: middle; position: relative; } .calculate-result { border: solid 5px rgba(0, 101, 158, 0.17); background-image: linear-gradient(to bottom, #f5fafd, #f5fafd); padding: 30px; padding-right: 20px; } .calculate-result__row { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; display: flex; justify-content: space-between; margin-bottom: 20px; } .calculate-result__row > span { } .calculate-result__row > b { font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; } .calculate-result__row_last { margin-bottom: 0; } .calculate-result__total { font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #333333; } .calculate-result__total span { font-size: 24px; margin-left: 5px; } .calculate-bottom { display: flex; justify-content: space-between; } .calculate-bottom__button { margin-top: 25px; min-width: 230px; } .calculate__btn { background-color: #00659e; display: inline-block; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; padding: 15px 28px; } .calculate__btn:hover { color: #fff; } .calculate-bottom__info { margin-top: 25px; padding-left: 5px; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.08; letter-spacing: normal; color: #7f8891; } .hidden { display: none; } .page-title { color: #00659e; line-height: 1; margin-top: 15px; margin-bottom: 15px; font-size: 42px; } .sertificates_blocks { display: flex; flex-wrap: wrap; } .sertificates_blocks > div { width: 25%; text-align: center; margin-top: 25px; } .sertificates_blocks img { display: block; max-width: 100%; } .sertificates_blocks span { display: block; font-size: 20px; margin-top: 15px; } .jumbotron-image { position: relative; z-index: 1; } .bg-blue_new ul, .act-list { list-style-type: none; padding-left: 0; margin-top: 25px; margin-bottom: 25px; } .bg-blue_new ul li, .act-list li { position: relative; padding-left: 23px; margin-bottom: 10px; } .bg-blue_new ul li:before, .act-list li:before { content: ""; width: 7px; height: 7px; background-color: #00659e; display: block; border-radius: 100%; position: absolute; top: 8px; left: 0px; } .bg-blue_new ul, .act-list ul { list-style-type: none; padding-left: 20px; } .act-pdf { font-size: 28px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 32px; letter-spacing: normal; color: #333333; padding-left: 47px; position: relative; } .act-pdf:before { content: ""; display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: left center; background-image: url("/new_static/img/new-projects/pdf.svg"); top: 0px; left: 0px; } .nw_calculate { background: #f5fafd; border-radius: 3px; } .nw_calculate__body { } .nw_calculate__title { color: #00659e; text-transform: uppercase; font-size: 24px; line-height: 30px; padding-top: 27px; padding-left: 30px; } .nw_calculate__fields { padding-left: 30px; padding-right: 30px; padding-bottom: 25px; } .nw_calculate__row { display: flex; } .nw_calculate__col { width: 50%; margin-top: 15px; } .nw_calculate__col_full { width: 100%; } .nw_calculate__field { display: flex; flex-wrap: wrap; align-items: flex-end; height: 100%; max-width: 100%; } .nw_calculate__field-title { display: table-cell; vertical-align: bottom; position: relative; width: 100%; } .nw_calculate__field-title > span { color: #6e6e6e; font-size: 14px; line-height: 17px; display: inline-block; vertical-align: bottom; margin-right: 10px; } .nw_calculate__field-info { display: inline-block; vertical-align: bottom; font-size: 14px; line-height: 17px; color: #00659e; cursor: pointer; position: relative; } .nw_calculate__informer { display: none; position: absolute; left: 0px; top: 15px; background-color: rgb(0, 101, 158); color: #fff; width: 200px; padding: 10px; z-index: 100; font-size: 12px; transform: translateX(-50%); } .nw_calculate__informer strong { display: block; } .nw_calculate__field-info:hover .nw_calculate__informer { display: block; } .nw_calculate__informer-text { } .nw_calculate__field-input { width: 100%; margin-top: 5px; } .nw_calculate__field-input input[type="text"] { width: 100%; background: #ffffff; border: 1px solid #d0d1d2; font-size: 18px; height: 50px; line-height: 50px; padding-left: 15px; padding-right: 15px; font-family: "Calibri"; } .nw_calculate__field-input input[type="text"].error { border-color: red; } .nw_calculate__field-input input[type="text"]::-moz-placeholder { color: #d0d1d2; font-size: 18px; font-family: "Calibri"; line-height: 50px; } .nw_calculate__field-input input[type="text"]::-webkit-input-placeholder { color: #d0d1d2; font-size: 18px; font-family: "Calibri"; line-height: 50px; } .nw_calculate__field-input input[type="text"]:-ms-input-placeholder { color: #d0d1d2; font-size: 18px; font-family: "Calibri"; line-height: 50px; } .nw_calculate__field-input input[type="text"]::-ms-input-placeholder { color: #d0d1d2; font-size: 18px; font-family: "Calibri"; line-height: 50px; } .nw_calculate__field-input input[type="text"]::placeholder { color: #d0d1d2; font-size: 18px; font-family: "Calibri"; line-height: 50px; } .nw_calculate__field-input select { width: 100%; background: #ffffff; border: 1px solid #d0d1d2; height: 50px; line-height: 50px; padding-left: 15px; padding-right: 15px; font-size: 18px; font-family: "Calibri"; position: relative; } .nw_calculate__field-input select.error { border-color: red; } .nw_calculate__field-input_select { position: relative; } .nw_calculate__field-input_select:after { content: ""; display: block; width: 10px; height: 6px; background-image: url(/new_static/img/dropdown-arrow_blue.svg); background-repeat: no-repeat; position: absolute; top: 50%; right: 18px; z-index: 1; transform: translateY(-50%); max-width: 100%; } .nw_calculate__field-input select option[disabled] { display: none; } .nw_calculate__col:nth-child(2) input, .nw_calculate__col:nth-child(2) select { /* border-left: none; */ } .nw_calculate__checkbox { display: block; margin: 0; } .nw_calculate__checkbox-input { display: block; color: #d0d1d2; font-size: 18px; line-height: 50px; background: #ffffff; border-right: 1px solid #d0d1d2; height: 50px; width: 50px; text-align: center; cursor: pointer; } .nw_calculate__field-input_checkbox { display: flex; align-items: center; border: 1px solid #d0d1d2; width: auto; } .nw_calculate__checkbox-hidden { display: none; } .nw_calculate__checkbox:last-child .nw_calculate__checkbox-input { border-right: none; } .nw_calculate__checkbox-hidden:checked + .nw_calculate__checkbox-input { color: #fff; background-color: #00659e; } .nw_calculate__send { cursor: pointer; font-size: 14px; line-height: 15px; color: #6e6e6e; margin-left: 15px; } .nw_calculate__checkbox-send { padding-left: 25px; position: relative; } .nw_calculate__checkbox-send:before { content: ""; display: block; width: 15px; height: 15px; background: #00659e; position: absolute; top: 0px; left: 0px; border-radius: 2px; background-repeat: no-repeat; background-position: center center; } .nw_calculate__send input:checked + .nw_calculate__checkbox-send:before { background-image: url(/new_static/img/nw_calculate__checkbox-send.svg); } .nw_calculate__rules { margin-top: 5px; font-size: 13px; line-height: 16px; color: #7f8891; } .nw_calculate__rules a { display: inline-block; font-size: 13px; line-height: 16px; color: #7f8891; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nw_calculate__results { color: #fff; background: #00659e; padding: 30px; } .nw_calculate__result { display: flex; margin-top: 10px; } .nw_calculate__result-name { font-size: 16px; line-height: 20px; width: 100%; margin-right: 10px; overflow-x: hidden; } .nw_calculate__result-name span { position: relative; } .nw_calculate__result-name span:after { content: ""; display: block; border-bottom: 1px solid dotted; } .nw_calculate__result-value { font-weight: bold; font-size: 18px; line-height: 22px; display: flex; } .nw_calculate__result-currency { padding-left: 3px; display: inline-block; } .nw_calculate__total { margin-top: 15px; text-transform: uppercase; font-size: 20px; line-height: 26px; vertical-align: middle; } .nw_calculate__total span { font-weight: bold; display: inline-block; vertical-align: middle; line-height: 26px; } .nw_calculate__total #total-price { margin-left: 5px; margin-right: 3px; } .nw_calculate__button { } .nw_calculate__button input { border: 1px solid #ffffff; border-radius: 3px; font-weight: bold; font-size: 14px; line-height: 17px; outline: none; background-color: transparent; color: #fff; cursor: pointer; font-family: "Calibri"; padding: 11px 43px; } .nw_calculate__info { font-size: 13px; line-height: 16px; color: #7f8891; padding-top: 15px; padding-bottom: 20px; background-color: #fff; } .tab-pane:not(.active) { height: 0; overflow: hidden; } body .comagic-o-rack--bottom { padding: 0; bottom: 151px !important; top: auto; max-width: 1460px; padding-right: 56px; padding-left: 56px; width: 100%; right: 50%; transform: translate(50%, 0); align-items: flex-end; } @media (max-width: 1199.98px) { body .comagic-o-rack--bottom { padding-right: 50px; padding-left: 50px; } } @media (max-width: 991.98px) { body .comagic-o-rack--bottom { padding-right: 20px; padding-left: 20px; bottom: 95px !important; } body > .comagic-c-consultant-label.comagic-js-consultant-label--animation-disabled.comagic-js-consultant-label--offline-message.comagic-js-consultant-label--shown, body > .comagic-c-sitephone-label.comagic-js-sitephone-label--shown { top: initial !important; bottom: 105px; left: initial !important; right: 23px; } .nw_calculate__fields, .nw_calculate__results, .nw_calculate__info { display: none; } .nw_calculate__title { font-size: 18px; line-height: 22px; padding: 20px; position: relative; cursor: pointer; } .nw_calculate__title:after { content: ""; display: block; width: 10px; height: 5px; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); background-image: url(/new_static/img/dropdown-arrow_blue.svg); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } .nw_calculate__body.opened .nw_calculate__title:after { transform: rotate(180deg); } .nw_calculate__body.opened .nw_calculate__fields, .nw_calculate__body.opened .nw_calculate__results, .nw_calculate__body.opened .nw_calculate__info { display: block; } .nw_calculate__fields { padding-left: 20px; padding-right: 20px; } .nw_calculate__row { flex-wrap: wrap; } .nw_calculate__row:nth-child(1) .nw_calculate__col, .nw_calculate__row:nth-child(6) .nw_calculate__col { width: 100%; } .nw_calculate__row:nth-child(1) .nw_calculate__col:nth-child(2) input, .nw_calculate__row:nth-child(1) .nw_calculate__col:nth-child(2) select { border-left: 1px solid #d0d1d2; } .nw_calculate { margin-left: -20px; margin-right: -20px; } .nw_calculate__field-title > span { display: inline; } .nw_calculate__info { padding-left: 20px; padding-right: 20px; } .nw_calculate__button input { width: 100%; text-align: center; } .nw_calculate__results { padding: 20px; } .page-title { font-size: 26px; } .title-section { font-size: 22px; } } .bx-breadcrumb { padding-right: 20px !important; padding-left: 20px; } section .sub-nav { padding: 0 30px; } .sub-nav ul.vacancy-menu .nav-item { /* height: 42px !important; */ min-width: 270px; } .sub-nav ul.vacancy-menu .nav-item .nav-link { /* height: 40px !important; */ } .popup-youtube { position: relative; z-index: 3; display: block; } .popup-youtube:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; } .popup-youtube iframe { position: relative; z-index: 1; } .mfp-wrap { z-index: 999999; } .mfp-container { z-index: 999999; } .table-wrapper { max-width: 100%; overflow-x: auto; } table { max-width: 100%; } .card-img-overlay:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(2, 8, 11, 0), #051521 80%); z-index: 1; } .card-img-overlay span { position: relative; z-index: 2; } ul li.plus-minus span { border-bottom: 2px dotted #bbb; cursor: pointer; } ul li.plus-minus ul li { } .plus-minus ul { display: block; margin-top: 10px; } .plus-minus.hide ul { display: none; } .tags-list { columns: 5; color: #00659e; font-size: 18px; list-style: none; } .tags-list a { color: #00659e; } .tags a { color: #00659e; } .tags { font-size: 18px; margin-right: 20px; color: #00659e; } @media (max-width: 767.98px) { .title-section { font-size: 25px; } .text-type-28 { font-size: 22px; } .jumbotron-cover-right { padding-left: 15px !important; padding-right: 15px !important; } .jumbotron-cover-left { padding-right: 15px !important; padding-left: 15px !important; } .jumbotron-over-left { margin-right: 0 !important; padding-right: 15px !important; padding-left: 15px !important; } .jumbotron-over-right { margin-right: 0 !important; padding-right: 15px !important; padding-left: 15px !important; } .jumbotron-over-left p { padding-right: 15px !important; } .table-type-striped td, .table-type-striped th { font-size: 11px; padding: 5px 5px; } .table-type-striped td, .table-type-striped th { min-width: 100px; } .tags-list { columns: 2; } } /* @media (max-width: 991.98px) { .tab-pane:not(.active) { height: auto; } }*/ .vacancy-menu { max-width: none !important; } .vacancy-menu .scrollableArea { position: relative; width: auto; height: 100%; list-style-type: none; margin: 0 auto; white-space: nowrap; overflow-x: scroll; overflow: -moz-scrollbars-none; overflow-y: hidden; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 1 auto; flex: 0 0 auto; display: flex !important; overflow: hidden; } div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } .sub-nav > ul { overflow: hidden; } .select-custom-label { width: 100%; background: #ffffff; border: 1px solid #d0d1d2; height: 50px; line-height: 50px; padding-left: 15px; font-size: 18px; font-family: "Calibri"; position: relative; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 30px; max-width: 100%; } .select-custom-label.error { border-color: red; } .select-custom-drop ul li[data-manyfloors] { display: none; } .select-custom-drop { background: #ffffff; border: 1px solid #e5e5e5; box-sizing: border-box; box-shadow: 0px 4px 20px rgba(23, 92, 173, 0.25); border-radius: 4px; position: absolute; left: 0; right: -100%; z-index: 99; top: 55px; display: none; } .left .select-custom-drop { left: -100%; right: 0; display: none; } .select-custom-drop ul { list-style-type: none; padding: 10px 0; margin: 0; } .select-custom-drop ul li { font-weight: 500; font-size: 14px; line-height: 18px; color: #6e6e6e; display: flex; align-items: flex-start; border-bottom: 1px solid #e5e5e5; padding: 10px 30px; transition: all 0.3s; cursor: pointer; } .select-custom-drop ul li.active, .select-custom-drop ul li.active:hover { color: #fff; background: #00659e; } .select-custom-drop ul li.active span { color: #fff; } .select-custom-drop ul li:hover { background: #ededed; } .select-custom-drop ul li span { white-space: nowrap; min-width: 37px; font-weight: bold; color: #000; text-align: right; padding-right: 10px; } .select-custom-drop ul li p { margin: 0; } .select-custom-drop ul li:last-child { border: none; } .nw_calculate__field-input input[type="number"] { width: 100%; background: #ffffff; border: 1px solid #d0d1d2; font-size: 18px; height: 50px; line-height: 50px; padding-left: 15px; padding-right: 15px; font-family: "Calibri"; } .footer { background-color: rgba(0, 0, 0, 0.23); } .footer-contacts2 { margin-left: 55px; margin-bottom: 0; } .footer-contacts-container { display: flex; } .footer-contacts3 { margin-left: 55px; margin-bottom: 0; display: flex; align-items: center; } .footer-contacts3 i { font-size: 30px; margin-right: 10px; } .footer-contacts-container { display: flex; } .nw_calculate__results .nw_calculate__info { background-color: transparent; color: white; padding: 0 0 0px 30px; } .sk-resident img { height: 65px; } .sk-resident { font-size: 13px; vertical-align: middle; margin-top: 0; margin-bottom: 7px; margin-left: 60px; } .cloned-phone-mob, .mob-tel { display: none; font-weight: 100; } .container-news-slider .swiper-button-next, .container-news-slider .swiper-button-prev { padding: 25px; display: none; } .container-news-slider:hover .swiper-button-next, .container-news-slider:hover .swiper-button-prev { display: block; } .item-news-slider { /* width: 430px; display: inline-block;*/ } .item-news-slider figure { margin: 0; padding-bottom: 55%; background-position: center; background-repeat: no-repeat; background-size: cover; } .item-news-slider .text { padding: 20px 10px 30px; } .item-news-slider .text h5 { font-family: "Calibri-Bold"; font-size: 20px; line-height: 1.1; margin-bottom: 5px !important; } .item-news-slider .text p { margin-bottom: 0; line-height: 1.4; color: #6e6e6e; } .container-news-slider .swiper-pagination { bottom: 10px; } .container-news-slider { overflow: hidden; position: relative; padding-bottom: 30px; } @media screen and (max-width: 1024px) { .container-news-slider:hover .swiper-button-next, .container-news-slider:hover .swiper-button-prev { display: none; } .cloned-phone-mob, .mob-tel { display: inline; margin-left: 5px; padding: 0; } .navbar-brand { width: 120px; } header .navbar-brand img { max-width: 120px; width: 120px; } .navbar-brand { margin-right: 30px; } .sk-resident img { height: 42px; } .footer { font-size: 13px; } .sk-resident { font-size: 13px; vertical-align: middle; margin-top: 0; margin-bottom: 0px; margin-left: 0; position: absolute; top: initial; right: 20px; bottom: 50px; } .footer-social { margin-bottom: -11px; height: 30px; } } @media screen and (max-width: 767px) { .footer-contacts-container { display: block; } .footer-contacts2 { margin-left: 0px; margin-top: 10px; } .footer-social { font-size: 20px; } .footer-contacts3 { margin-left: 0px; margin-top: 10px; } } #calc_bottom { cursor: pointer; } #calc_bottom:hover { border-bottom: solid 2px; } .pt-30 { padding-top: 30px; } .h170 { height: 60px; } body .bg-light.pb-50 .h170.h150-md { height: 60px; } .h150-md, body section .h170.h150-md { height: 60px; } .top-right { display: inline-block; width: 200px; } .top-right .top-order { display: inline-block; font-size: 0.75em; margin-left: 25px; cursor: pointer; border-bottom: 1px dashed #000; } .home .top-right .top-order { color: white !important; border-bottom: 1px dashed #fff; } .btn-right { background: #00659e; height: 40px; border: none; font-size: 14px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px 20px 0; font-weight: bold; } @media screen and (max-width: 1024px) { .btn-right { display: block; margin-top: 20px !important; } } /* End */ /* Start:/_/css/uikit.css?1768064304358083*/ html { /* 1 */ font-family: 'calibri'; font-size: 20px; line-height: 172.19%; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ background: #fff; color: #020202; } /* * Remove the margin in all browsers. */ body { margin: 0; } /* Links ========================================================================== */ /* * Remove the outline on focused links when they are also active or hovered */ a:active, a:hover { outline: none; } /* * Style */ a, .uk-link { color: #4070B8; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link, .uk-link-toggle:focus .uk-link { color: #0f6ecd; text-decoration: underline; } /* Text-level semantics ========================================================================== */ /* * 1. Add the correct text decoration in Edge. * 2. The shorthand declaration `underline dotted` is not supported in Safari. */ abbr[title] { /* 1 */ text-decoration: underline dotted; /* 2 */ -webkit-text-decoration-style: dotted; } /* * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /* Embedded content ========================================================================== */ /* * Remove the gap between embedded content and the bottom of their containers. */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * 1. Add responsiveness. * 2. Auto-scale the height. Only needed if `height` attribute is present. * 3. Corrects responsive `max-width` behavior if padding and border are used. * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio. */ canvas, img, video { /* 1 */ max-width: 100%; /* 2 */ height: auto; /* 3 */ box-sizing: border-box; } /* 4 */ @supports (display: block) { svg { max-width: 100%; height: auto; box-sizing: border-box; } } /* * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* * 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. * 2. Hide `alt` text for lazy loading images. * Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; } */ img:not([src]) { /* 1 */ min-width: 1px; /* 2 */ visibility: hidden; } /* * Iframe * Remove border in all browsers */ iframe { border: 0; } /* Block elements ========================================================================== */ /* * Margins */ p, ul, ol, dl, pre, address, fieldset, figure { margin: 0 0 20px 0; } address{ margin: 0 !important; } /* Add margin if adjacent element */ * + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure { margin-top: 20px; } /* Headings ========================================================================== */ h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge { margin: 0 0 20px 0; font-family: 'calibri'; font-weight: normal; color: #4070B8; text-transform: none; } /* Add margin if adjacent element */ * + h1, * + .uk-h1, * + h2, * + .uk-h2, * + h3, * + .uk-h3, * + h4, * + .uk-h4, * + h5, * + .uk-h5, * + h6, * + .uk-h6, * + .uk-heading-small, * + .uk-heading-medium, * + .uk-heading-large, * + .uk-heading-xlarge, * + .uk-heading-2xlarge { margin-top: 40px; } /* Lists ========================================================================== */ ul, ol { padding-left: 30px; } /* * Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } /* Description lists ========================================================================== */ dt { font-weight: bold; } dd { margin-left: 0; } /* Horizontal rules ========================================================================== */ /* * 1. Show the overflow in Chrome, Edge and IE. * 2. Add the correct text-align in Edge and IE. * 3. Style */ hr, .uk-hr { /* 1 */ overflow: visible; /* 2 */ text-align: inherit; /* 3 */ margin: 0 0 20px 0; border: 0; border-top: 1px solid #e5e5e5; } /* Add margin if adjacent element */ * + hr, * + .uk-hr { margin-top: 20px; } /* Address ========================================================================== */ address { font-style: normal; } /* Blockquotes ========================================================================== */ blockquote { margin: 0 0 20px 0; font-size: 1.25rem; line-height: 1.5; font-style: italic; color: #333; } /* Add margin if adjacent element */ * + blockquote { margin-top: 20px; } /* * Content */ blockquote p:last-of-type { margin-bottom: 0; } blockquote footer { margin-top: 10px; font-size: 0.875rem; line-height: 1.5; color: #666; } blockquote footer::before { content: "— "; } /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. */ pre { font: 0.875rem / 1.5 Consolas, monaco, monospace; color: #666; -moz-tab-size: 4; tab-size: 4; /* 1 */ overflow: auto; padding: 10px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; } pre code { font-family: Consolas, monaco, monospace; } /* Selection pseudo-element ========================================================================== */ ::selection { background: #39f; color: #fff; text-shadow: none; } /* HTML5 elements ========================================================================== */ /* * 1. Add the correct display in Edge, IE 10+, and Firefox. * 2. Add the correct display in IE. */ details, main { /* 2 */ display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE. */ template { display: none; } /* Pass media breakpoints to JS ========================================================================== */ /* * Breakpoints */ .uk-breakpoint-s::before { content: '640px'; } .uk-breakpoint-m::before { content: '960px'; } .uk-breakpoint-l::before { content: '1200px'; } .uk-breakpoint-xl::before { content: '1600px'; } :root { --uk-breakpoint-s: 640px; --uk-breakpoint-m: 960px; --uk-breakpoint-l: 1200px; --uk-breakpoint-xl: 1600px; } /* ======================================================================== Component: Link ========================================================================== */ /* Muted ========================================================================== */ a.uk-link-muted, .uk-link-muted a { color: #999; } a.uk-link-muted:hover, .uk-link-muted a:hover, .uk-link-toggle:hover .uk-link-muted, .uk-link-toggle:focus .uk-link-muted { color: #666; } /* Text ========================================================================== */ a.uk-link-text, .uk-link-text a { color: inherit; } a.uk-link-text:hover, .uk-link-text a:hover, .uk-link-toggle:hover .uk-link-text, .uk-link-toggle:focus .uk-link-text { color: #999; } /* Heading ========================================================================== */ a.uk-link-heading, .uk-link-heading a { color: inherit; } a.uk-link-heading:hover, .uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading, .uk-link-toggle:focus .uk-link-heading { color: #1e87f0; text-decoration: none; } /* Reset ========================================================================== */ /* * `!important` needed to override inverse component */ a.uk-link-reset, .uk-link-reset a { color: inherit !important; text-decoration: none !important; } /* Toggle ========================================================================== */ .uk-link-toggle { color: inherit !important; text-decoration: none !important; } .uk-link-toggle:focus { outline: none; } /* ======================================================================== Component: Divider ========================================================================== */ /* * 1. Reset default `hr` * 2. Set margin if a `div` is used for semantical reason */ [class*='uk-divider'] { /* 1 */ border: none; /* 2 */ margin-bottom: 20px; } /* Add margin if adjacent element */ * + [class*='uk-divider'] { margin-top: 20px; } /* Icon ========================================================================== */ .uk-divider-icon { position: relative; height: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat: no-repeat; background-position: 50% 50%; } .uk-divider-icon::before, .uk-divider-icon::after { content: ""; position: absolute; top: 50%; max-width: calc(50% - (50px / 2)); border-bottom: 1px solid #e5e5e5; } .uk-divider-icon::before { right: calc(50% + (50px / 2)); width: 100%; } .uk-divider-icon::after { left: calc(50% + (50px / 2)); width: 100%; } /* Small ========================================================================== */ /* * 1. Fix height because of `inline-block` * 2. Using ::after and inline-block to make `text-align` work */ /* 1 */ .uk-divider-small { line-height: 0; } /* 2 */ .uk-divider-small::after { content: ""; display: inline-block; width: 100px; max-width: 100%; border-top: 1px solid #e5e5e5; vertical-align: top; } /* Vertical ========================================================================== */ .uk-divider-vertical { width: 1px; height: 100px; margin-left: auto; margin-right: auto; border-left: 1px solid #e5e5e5; } /* ======================================================================== Component: Table ========================================================================== */ /* * 1. Remove most spacing between table cells. * 2. Behave like a block element * 3. Style */ .uk-table { /* 1 */ border-collapse: collapse; border-spacing: 0; /* 2 */ width: 100%; /* 3 */ margin-bottom: 20px; } /* Add margin if adjacent element */ * + .uk-table { margin-top: 20px; } /* Header cell ========================================================================== */ /* * 1. Style */ .uk-table th { padding: 16px 12px; text-align: left; vertical-align: bottom; /* 1 */ font-size: 0.875rem; font-weight: normal; color: #999; text-transform: uppercase; } /* Cell ========================================================================== */ .uk-table td { padding: 16px 12px; vertical-align: top; } /* * Remove margin from the last-child */ .uk-table td > :last-child { margin-bottom: 0; } /* Footer ========================================================================== */ .uk-table tfoot { font-size: 0.875rem; } /* Caption ========================================================================== */ .uk-table caption { font-size: 0.875rem; text-align: left; color: #999; } /* Alignment modifier ========================================================================== */ .uk-table-middle, .uk-table-middle td { vertical-align: middle !important; } /* Style modifiers ========================================================================== */ /* * Divider */ .uk-table-divider > tr:not(:first-child), .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > :first-child > tr:not(:first-child) { border-top: 1px solid #e5e5e5; } /* * Striped */ .uk-table-striped > tr:nth-of-type(odd), .uk-table-striped tbody tr:nth-of-type(odd) { background: #f8f8f8; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } /* * Hover */ .uk-table-hover > tr:hover, .uk-table-hover tbody tr:hover { background: #ffd; } /* Active state ========================================================================== */ .uk-table > tr.uk-active, .uk-table tbody tr.uk-active { background: #ffd; } /* Size modifier ========================================================================== */ .uk-table-small th, .uk-table-small td { padding: 10px 12px; } .uk-table-large th, .uk-table-large td { padding: 22px 12px; } /* Justify modifier ========================================================================== */ .uk-table-justify th:first-child, .uk-table-justify td:first-child { padding-left: 0; } .uk-table-justify th:last-child, .uk-table-justify td:last-child { padding-right: 0; } /* Cell size modifier ========================================================================== */ .uk-table-shrink { width: 1px; } .uk-table-expand { min-width: 150px; } /* Cell link modifier ========================================================================== */ /* * Does not work with `uk-table-justify` at the moment */ .uk-table-link { padding: 0 !important; } .uk-table-link > a { display: block; padding: 16px 12px; } .uk-table-small .uk-table-link > a { padding: 10px 12px; } /* Responsive table ========================================================================== */ /* Phone landscape and smaller */ @media (max-width: 959px) { .uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive th, .uk-table-responsive td, .uk-table-responsive tr { display: block; } .uk-table-responsive thead { display: none; } .uk-table-responsive th, .uk-table-responsive td { width: auto !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; } .uk-table-responsive th:not(:first-child):not(.uk-table-link), .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: 5px !important; } .uk-table-responsive th:not(:last-child):not(.uk-table-link), .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: 5px !important; } .uk-table-justify.uk-table-responsive th, .uk-table-justify.uk-table-responsive td { padding-left: 0; padding-right: 0; } } .uk-table tbody tr { transition: background-color 0.1s linear; } /* ======================================================================== Component: Icon ========================================================================== */ /* * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. * 1. Remove margins in Chrome, Safari and Opera. * 2. Remove borders for `button`. * 3. Remove border-radius in Chrome. * 4. Address `overflow` set to `hidden` in IE. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. * 7. Remove default `button` padding and background color * 8. Style * 9. Fill all SVG elements with the current text color if no `fill` attribute is set * 10. Let the container fit the height of the icon */ .uk-icon { /* 1 */ margin: 0; /* 2 */ border: none; /* 3 */ border-radius: 0; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: inherit; /* 6 */ text-transform: none; /* 7. */ padding: 0; background-color: transparent; /* 8 */ display: inline-block; /* 9 */ fill: currentcolor; /* 10 */ line-height: 0; } /* Required for `button`. */ button.uk-icon:not(:disabled) { cursor: pointer; } /* * Remove the inner border and padding in Firefox. */ .uk-icon::-moz-focus-inner { border: 0; padding: 0; } /* * Set the fill and stroke color of all SVG elements to the current text color */ .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } /* * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 */ .uk-icon > * { transform: translate(0, 0); } /* Image modifier ========================================================================== */ /* * Display images in icon dimensions */ .uk-icon-image { width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; vertical-align: middle; } /* Style modifiers ========================================================================== */ /* * Link */ .uk-icon-link { color: #999; } .uk-icon-link:hover, .uk-icon-link:focus { color: #666; outline: none; } /* OnClick + Active */ .uk-icon-link:active, .uk-active > .uk-icon-link { color: #595959; } /* * Button * 1. Center icon vertically and horizontally */ .uk-icon-button { box-sizing: border-box; width: 36px; height: 36px; border-radius: 500px; background: #f8f8f8; color: #999; vertical-align: middle; /* 1 */ display: inline-flex; justify-content: center; align-items: center; transition: 0.1s ease-in-out; transition-property: color, background-color; } /* Hover + Focus */ .uk-icon-button:hover, .uk-icon-button:focus { background-color: #ebebeb; color: #666; outline: none; } /* OnClick + Active */ .uk-icon-button:active, .uk-active > .uk-icon-button { background-color: #dfdfdf; color: #666; } /* ======================================================================== Component: Form ========================================================================== */ /* * 1. Define consistent box sizing. * Default is `content-box` with following exceptions set to `border-box` * `select`, `input[type="checkbox"]` and `input[type="radio"]` * `input[type="search"]` in Chrome, Safari and Opera * `input[type="color"]` in Firefox * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Change font properties to `inherit` in all browsers. */ .uk-input, .uk-select, .uk-textarea, .uk-radio, .uk-checkbox { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; } /* * Show the overflow in Edge. */ .uk-input { overflow: visible; } /* * Remove the inheritance of text transform in Firefox. */ .uk-select { text-transform: none; } /* * 1. Change font properties to `inherit` in all browsers * 2. Don't inherit the `font-weight` and use `bold` instead. * NOTE: Both declarations don't work in Chrome, Safari and Opera. */ .uk-select optgroup { /* 1 */ font: inherit; /* 2 */ font-weight: bold; } /* * Remove the default vertical scrollbar in IE 10+. */ .uk-textarea { overflow: auto; } /* * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */ .uk-input[type="search"]::-webkit-search-cancel-button, .uk-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Correct the cursor style of increment and decrement buttons in Chrome. */ .uk-input[type="number"]::-webkit-inner-spin-button, .uk-input[type="number"]::-webkit-outer-spin-button { height: auto; } /* * Removes placeholder transparency in Firefox. */ .uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder { opacity: 1; } /* * Improves consistency of cursor style for clickable elements */ .uk-radio:not(:disabled), .uk-checkbox:not(:disabled) { cursor: pointer; } /* * Define consistent border, margin, and padding. */ .uk-fieldset { border: none; margin: 0; padding: 0; } /* Input, select and textarea * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`, `month`, `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` ========================================================================== */ /* * Remove default style in iOS. */ .uk-input, .uk-textarea { -webkit-appearance: none; } /* * 1. Prevent content overflow if a fixed width is used * 2. Take the full width * 3. Reset default * 4. Style */ .uk-input, .uk-select, .uk-textarea { /* 1 */ max-width: 100%; /* 2 */ width: 100%; /* 3 */ border: 0 none; /* 4 */ padding: 0 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; } /* * Single-line * 1. Allow any element to look like an `input` or `select` element * 2. Make sure line-height is not larger than height * Also needed to center the text vertically */ .uk-input, .uk-select:not([multiple]):not([size]) { height: 40px; vertical-align: middle; /* 1 */ display: inline-block; } /* 2 */ .uk-input:not(input), .uk-select:not(select) { line-height: 38px; } /* * Multi-line */ .uk-select[multiple], .uk-select[size], .uk-textarea { padding-top: 4px; padding-bottom: 4px; vertical-align: top; } .uk-select[multiple], .uk-select[size] { resize: vertical; } /* Focus */ .uk-input:focus, .uk-select:focus, .uk-textarea:focus { outline: none; background-color: #fff; color: #666; border-color: #1e87f0; } /* Disabled */ .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled { background-color: #f8f8f8; color: #999; border-color: #e5e5e5; } /* * Placeholder */ .uk-input::-ms-input-placeholder { color: #999 !important; } .uk-input::placeholder { color: #999; } .uk-textarea::-ms-input-placeholder { color: #999 !important; } .uk-textarea::placeholder { color: #999; } /* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* * Small */ .uk-form-small { font-size: 0.875rem; } .uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px; padding-left: 8px; padding-right: 8px; } .uk-form-small:not(select):not(input):not(textarea) { line-height: 28px; } /* * Large */ .uk-form-large { font-size: 1.25rem; } .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 55px; padding-left: 12px; padding-right: 12px; } .uk-form-large:not(select):not(input):not(textarea) { line-height: 53px; } /* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* * Error */ .uk-form-danger, .uk-form-danger:focus { color: #f0506e; border-color: #f0506e; } /* * Success */ .uk-form-success, .uk-form-success:focus { color: #32d296; border-color: #32d296; } /* * Blank */ .uk-form-blank { background: none; border-color: transparent; } .uk-form-blank:focus { border-color: #e5e5e5; border-style: dashed; } /* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* * Fixed widths * Different widths for mini sized `input` and `select` elements */ input.uk-form-width-xsmall { width: 50px; } select.uk-form-width-xsmall { width: 75px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } /* Select ========================================================================== */ /* * 1. Remove default style. Also works in Firefox * 2. Style * 3. Remove default style in IE 10/11 * 4. Set `color` for options in the select dropdown, because the inherited `color` might be too light. */ .uk-select:not([multiple]):not([size]) { /* 1 */ -webkit-appearance: none; -moz-appearance: none; /* 2 */ padding-right: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat: no-repeat; background-position: 100% 50%; } /* 3 */ .uk-select:not([multiple]):not([size])::-ms-expand { display: none; } /* 4 */ .uk-select:not([multiple]):not([size]) option { color: #444; } /* * Disabled */ .uk-select:not([multiple]):not([size]):disabled { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } /* Datalist ========================================================================== */ /* * 1. Remove default style in Chrome */ .uk-input[list] { padding-right: 20px; background-repeat: no-repeat; background-position: 100% 50%; } .uk-input[list]:hover, .uk-input[list]:focus { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } /* 1 */ .uk-input[list]::-webkit-calendar-picker-indicator { display: none; } /* Radio and checkbox * Note: Does not work in IE11 ========================================================================== */ /* * 1. Style * 2. Make box more robust so it clips the child element * 3. Vertical alignment * 4. Remove default style * 5. Fix black background on iOS * 6. Center icons */ .uk-radio, .uk-checkbox { /* 1 */ display: inline-block; height: 16px; width: 16px; /* 2 */ overflow: hidden; /* 3 */ margin-top: -4px; vertical-align: middle; /* 4 */ -webkit-appearance: none; -moz-appearance: none; /* 5 */ background-color: transparent; /* 6 */ background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #cccccc; transition: 0.2s ease-in-out; transition-property: background-color, border; } .uk-radio { border-radius: 50%; } /* Focus */ .uk-radio:focus, .uk-checkbox:focus { outline: none; border-color: #1e87f0; } /* * Checked */ .uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate { background-color: #1e87f0; border-color: transparent; } /* Focus */ .uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus { background-color: #0e6dcd; } /* * Icons */ .uk-radio:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-checkbox:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .uk-checkbox:indeterminate { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); } /* * Disabled */ .uk-radio:disabled, .uk-checkbox:disabled { background-color: #f8f8f8; border-color: #e5e5e5; } .uk-radio:disabled:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-checkbox:disabled:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .uk-checkbox:disabled:indeterminate { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); } /* Legend ========================================================================== */ /* * Legend * 1. Behave like block element * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove padding so people aren't caught out if they zero out fieldsets. * 4. Style */ .uk-legend { /* 1 */ width: 100%; /* 2 */ color: inherit; /* 3 */ padding: 0; /* 4 */ font-size: 1.5rem; line-height: 1.4; } /* Custom controls ========================================================================== */ /* * 1. Container fits its content * 2. Create position context * 3. Prevent content overflow * 4. Behave like most inline-block elements */ .uk-form-custom { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; } /* * 1. Position and resize the form control to always cover its container * 2. Required for Firefox for positioning to the left * 3. Required for Webkit to make `height` work * 4. Hide controle and show cursor * 5. Needed for the cursor * 6. Clip height caused by 5. Needed for Webkit only */ .uk-form-custom select, .uk-form-custom input[type="file"] { /* 1 */ position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; /* 2 */ left: 0; /* 3 */ -webkit-appearance: none; /* 4 */ opacity: 0; cursor: pointer; } .uk-form-custom input[type="file"] { /* 5 */ font-size: 500px; /* 6 */ overflow: hidden; } /* Label ========================================================================== */ .uk-form-label { color: #333; font-size: 0.875rem; } /* Layout ========================================================================== */ /* * Stacked */ .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; } /* * Horizontal */ /* Tablet portrait and smaller */ @media (max-width: 959px) { /* Behave like `uk-form-stacked` */ .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 7px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } /* Better vertical alignment if controls are checkboxes and radio buttons with text */ .uk-form-horizontal .uk-form-controls-text { padding-top: 7px; } } /* Icons ========================================================================== */ /* * 1. Set position * 2. Set width * 3. Center icon vertically and horizontally * 4. Style */ .uk-form-icon { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; /* 2 */ width: 40px; /* 3 */ display: inline-flex; justify-content: center; align-items: center; /* 4 */ color: #999; } /* * Required for `a`. */ .uk-form-icon:hover { color: #666; } /* * Make `input` element clickable through icon, e.g. if it's a `span` */ .uk-form-icon:not(a):not(button):not(input) { pointer-events: none; } /* * Input padding */ .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { padding-left: 40px !important; } /* * Position modifier */ .uk-form-icon-flip { right: 0; left: auto; } .uk-form-icon-flip ~ .uk-input { padding-right: 40px !important; } /* ======================================================================== Component: Button ========================================================================== */ /* * 1. Remove margins in Chrome, Safari and Opera. * 2. Remove borders for `button`. * 3. Address `overflow` set to `hidden` in IE. * 4. Correct `font` properties and `color` not being inherited for `button`. * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. * 6. Remove default style for `input type="submit"`in iOS. * 7. Style * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. * 9. Align text if button has a width * 10. Required for `a`. */ .uk-button { /* 1 */ margin: 0; /* 2 */ border: none; /* 3 */ overflow: visible; /* 4 */ font: inherit; color: inherit; /* 5 */ text-transform: none; /* 6 */ -webkit-appearance: none; border-radius: 0; /* 7 */ display: inline-block; box-sizing: border-box; padding: 0 30px; vertical-align: middle; font-size: 0.875rem; /* 8 */ line-height: 38px; /* 9 */ text-align: center; /* 10 */ text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color, border-color; } .uk-button:not(:disabled) { cursor: pointer; } /* * Remove the inner border and padding in Firefox. */ .uk-button::-moz-focus-inner { border: 0; padding: 0; } /* Hover */ .uk-button:hover { /* 9 */ text-decoration: none; } /* Focus */ .uk-button:focus { outline: none; } /* OnClick + Active */ /* Style modifiers ========================================================================== */ /* * Default */ .uk-button-default { background-color: transparent; color: #333; border: 1px solid #e5e5e5; } /* Hover + Focus */ .uk-button-default:hover, .uk-button-default:focus { background-color: transparent; color: #333; border-color: #b2b2b2; } /* OnClick + Active */ .uk-button-default:active, .uk-button-default.uk-active { background-color: transparent; color: #333; border-color: #999999; } /* * Primary */ .uk-button-primary { background-color: #1e87f0; color: #fff; border: 1px solid transparent; } /* Hover + Focus */ .uk-button-primary:hover, .uk-button-primary:focus { background-color: #0f7ae5; color: #fff; } /* OnClick + Active */ .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #0e6dcd; color: #fff; } /* * Secondary */ .uk-button-secondary { background-color: #222; color: #fff; border: 1px solid transparent; } /* Hover + Focus */ .uk-button-secondary:hover, .uk-button-secondary:focus { background-color: #151515; color: #fff; } /* OnClick + Active */ .uk-button-secondary:active, .uk-button-secondary.uk-active { background-color: #080808; color: #fff; } /* * Danger */ .uk-button-danger { background-color: #f0506e; color: #fff; border: 1px solid transparent; } /* Hover + Focus */ .uk-button-danger:hover, .uk-button-danger:focus { background-color: #ee395b; color: #fff; } /* OnClick + Active */ .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #ec2147; color: #fff; } /* * Disabled * The same for all style modifiers */ .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled, .uk-button-danger:disabled { background-color: transparent; color: #999; border-color: #e5e5e5; } /* Size modifiers ========================================================================== */ .uk-button-small { padding: 0 15px; line-height: 28px; font-size: 0.875rem; } .uk-button-large { padding: 0 40px; line-height: 53px; font-size: 0.875rem; } /* Text modifiers ========================================================================== */ /* * Text * 1. Reset * 2. Style */ .uk-button-text { /* 1 */ padding: 0; line-height: 1.5; background: none; /* 2 */ color: #333; position: relative; } .uk-button-text::before { content: ""; position: absolute; bottom: 0; left: 0; right: 100%; border-bottom: 1px solid #333; transition: right 0.3s ease-out; } /* Hover + Focus */ .uk-button-text:hover, .uk-button-text:focus { color: #333; } .uk-button-text:hover::before, .uk-button-text:focus::before { right: 0; } /* Disabled */ .uk-button-text:disabled { color: #999; } .uk-button-text:disabled::before { display: none; } /* * Link * 1. Reset * 2. Style */ .uk-button-link { /* 1 */ padding: 0; line-height: 1.5; background: none; /* 2 */ color: #1e87f0; } /* Hover + Focus */ .uk-button-link:hover, .uk-button-link:focus { color: #0f6ecd; text-decoration: underline; } /* Disabled */ .uk-button-link:disabled { color: #999; text-decoration: none; } /* Group ========================================================================== */ /* * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements * 2. Behave like button * 3. Create position context */ .uk-button-group { /* 1 */ display: inline-flex; /* 2 */ vertical-align: middle; /* 3 */ position: relative; } /* Group ========================================================================== */ /* * Collapse border */ .uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; } /* * Create position context to superimpose the successor elements border * Known issue: If you use an `a` element as button and an icon inside, * the active state will not work if you click the icon inside the button * Workaround: Just use a `button` or `input` element as button */ .uk-button-group .uk-button:hover, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:active, .uk-button-group .uk-button.uk-active { position: relative; z-index: 1; } /* ======================================================================== Component: Section ========================================================================== */ /* * 1. Make it work with `100vh` and height in general */ .uk-section { display: flow-root; box-sizing: border-box; /* 1 */ padding-top: 40px; padding-bottom: 40px; } /* Desktop and bigger */ @media (min-width: 960px) { .uk-section { padding-top: 70px; padding-bottom: 70px; } } /* * Remove margin from the last-child */ .uk-section > :last-child { margin-bottom: 0; } /* Size modifiers ========================================================================== */ /* * XSmall */ .uk-section-xsmall { padding-top: 20px; padding-bottom: 20px; } /* * Small */ .uk-section-small { padding-top: 40px; padding-bottom: 40px; } /* * Large */ .uk-section-large { padding-top: 70px; padding-bottom: 70px; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-section-large { padding-top: 140px; padding-bottom: 140px; } } /* * XLarge */ .uk-section-xlarge { padding-top: 140px; padding-bottom: 140px; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-section-xlarge { padding-top: 210px; padding-bottom: 210px; } } /* Style modifiers ========================================================================== */ /* * Default */ .uk-section-default { background: #fff; } /* * Muted */ .uk-section-muted { background: #f8f8f8; } /* * Primary */ .uk-section-primary { background: #1e87f0; } /* * Secondary */ .uk-section-secondary { background: #222; } /* Overlap modifier ========================================================================== */ /* * Reserved modifier to make a section overlap another section with an border image * Implemented by the theme */ /* ======================================================================== Component: Container ========================================================================== */ /* * 1. Box sizing has to be `content-box` so the max-width is always the same and * unaffected by the padding on different breakpoints. It's important for the size modifiers. */ .uk-container, .container, .header__container { display: flow-root; /* 1 */ box-sizing: content-box; max-width: 1760px !important; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .uk-container .container { max-width: 100%; padding: 0; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-container { padding-left: 30px; padding-right: 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-container { padding-left: 40px; padding-right: 40px; } } /* * Remove margin from the last-child */ .uk-container > :last-child { margin-bottom: 0; } /* * Remove padding from nested containers */ .uk-container .uk-container { padding-left: 0; padding-right: 0; } /* Size modifier ========================================================================== */ .uk-container-xsmall { max-width: 750px; } .uk-container-small { max-width: 900px; } .uk-container-large { max-width: 1400px; } .uk-container-xlarge { max-width: 1600px; } .uk-container-expand { max-width: none; } /* Expand modifier ========================================================================== */ /* * Expand one side only */ .uk-container-expand-left { margin-left: 0; } .uk-container-expand-right { margin-right: 0; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + (750px / 2) - 30px); } .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small { max-width: calc(50% + (900px / 2) - 30px); } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-container-expand-left, .uk-container-expand-right { max-width: calc(50% + (1200px / 2) - 40px); } .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + (750px / 2) - 40px); } .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small { max-width: calc(50% + (900px / 2) - 40px); } .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large { max-width: calc(50% + (1400px / 2) - 40px); } .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge { max-width: calc(50% + (1600px / 2) - 40px); } } /* Item ========================================================================== */ /* * Utility classes to reset container padding on the left or right side * Note: It has to be negative margin on the item, because it's specific to the item. */ .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width: calc(100% + 15px); } .uk-container-item-padding-remove-left { margin-left: -15px; } .uk-container-item-padding-remove-right { margin-right: -15px; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width: calc(100% + 30px); } .uk-container-item-padding-remove-left { margin-left: -30px; } .uk-container-item-padding-remove-right { margin-right: -30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width: calc(100% + 40px); } .uk-container-item-padding-remove-left { margin-left: -40px; } .uk-container-item-padding-remove-right { margin-right: -40px; } } /* ======================================================================== Component: Close ========================================================================== */ /* * Adopts `uk-icon` */ .uk-close { color: #999; transition: 0.1s ease-in-out; transition-property: color, opacity; } /* Hover + Focus */ .uk-close:hover, .uk-close:focus { color: #666; outline: none; } /* ======================================================================== Component: Spinner ========================================================================== */ /* * Adopts `uk-icon` */ /* SVG ========================================================================== */ .uk-spinner > * { animation: uk-spinner-rotate 1.4s linear infinite; } @keyframes uk-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } /* * Circle */ .uk-spinner > * > * { stroke-dasharray: 88px; stroke-dashoffset: 0; transform-origin: center; animation: uk-spinner-dash 1.4s ease-in-out infinite; stroke-width: 1; stroke-linecap: round; } @keyframes uk-spinner-dash { 0% { stroke-dashoffset: 88px; } 50% { stroke-dashoffset: 22px; transform: rotate(135deg); } 100% { stroke-dashoffset: 88px; transform: rotate(450deg); } } /* ======================================================================== Component: Totop ========================================================================== */ /* * Addopts `uk-icon` */ .uk-totop { padding: 5px; color: #999; transition: color 0.1s ease-in-out; } /* Hover + Focus */ .uk-totop:hover, .uk-totop:focus { color: #666; outline: none; } /* OnClick */ .uk-totop:active { color: #333; } /* ======================================================================== Component: Marker ========================================================================== */ /* * Addopts `uk-icon` */ .uk-marker { padding: 5px; background: #222; color: #fff; border-radius: 500px; } /* Hover + Focus */ .uk-marker:hover, .uk-marker:focus { color: #fff; outline: none; } /* ======================================================================== Component: Alert ========================================================================== */ .uk-alert { position: relative; margin-bottom: 20px; padding: 15px 29px 15px 15px; background: #f8f8f8; color: #666; } /* Add margin if adjacent element */ * + .uk-alert { margin-top: 20px; } /* * Remove margin from the last-child */ .uk-alert > :last-child { margin-bottom: 0; } /* Close * Adopts `uk-close` ========================================================================== */ .uk-alert-close { position: absolute; top: 20px; right: 15px; color: inherit; opacity: 0.4; } /* * Remove margin from adjacent element */ .uk-alert-close:first-child + * { margin-top: 0; } /* * Hover + Focus */ .uk-alert-close:hover, .uk-alert-close:focus { color: inherit; opacity: 0.8; } /* Style modifiers ========================================================================== */ /* * Primary */ .uk-alert-primary { background: #d8eafc; color: #1e87f0; } /* * Success */ .uk-alert-success { background: #edfbf6; color: #32d296; } /* * Warning */ .uk-alert-warning { background: #fff6ee; color: #faa05a; } /* * Danger */ .uk-alert-danger { background: #fef4f6; color: #f0506e; } /* * Content */ .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit; } .uk-alert a:not([class]) { color: inherit; text-decoration: underline; } .uk-alert a:not([class]):hover { color: inherit; text-decoration: underline; } /* ======================================================================== Component: Placeholder ========================================================================== */ .uk-placeholder { margin-bottom: 20px; padding: 30px 30px; background: transparent; border: 1px dashed #e5e5e5; } /* Add margin if adjacent element */ * + .uk-placeholder { margin-top: 20px; } /* * Remove margin from the last-child */ .uk-placeholder > :last-child { margin-bottom: 0; } /* ======================================================================== Component: Search ========================================================================== */ /* * 1. Container fits its content * 2. Create position context * 3. Prevent content overflow * 4. Reset `form` */ .uk-search { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ margin: 0; } /* Input ========================================================================== */ /* * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */ .uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes placeholder transparency in Firefox. */ .uk-search-input::-moz-placeholder { opacity: 1; } /* * 1. Define consistent box sizing. * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Change font properties to `inherit` in all browsers * 5. Show the overflow in Edge. * 6. Remove default style in iOS. * 7. Vertical alignment * 8. Take the full container width * 9. Style */ .uk-search-input { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; /* 5 */ overflow: visible; /* 6 */ -webkit-appearance: none; /* 7 */ vertical-align: middle; /* 8 */ width: 100%; /* 9 */ border: none; color: #666; } .uk-search-input:focus { outline: none; } /* Placeholder */ .uk-search-input:-ms-input-placeholder { color: #999 !important; } .uk-search-input::placeholder { color: #999; } /* Icon (Adopts `uk-icon`) ========================================================================== */ /* * Remove default focus style */ .uk-search-icon:focus { outline: none; } /* * Position above input * 1. Set position * 2. Center icon vertically and horizontally * 3. Style */ .uk-search .uk-search-icon { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; /* 2 */ display: inline-flex; justify-content: center; align-items: center; /* 3 */ color: #999; } /* * Required for `a`. */ .uk-search .uk-search-icon:hover { color: #999; } /* * Make `input` element clickable through icon, e.g. if it's a `span` */ .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none; } /* * Position modifier */ .uk-search .uk-search-icon-flip { right: 0; left: auto; } /* Default modifier ========================================================================== */ .uk-search-default { width: 180px; } /* * Input */ .uk-search-default .uk-search-input { height: 40px; padding-left: 6px; padding-right: 6px; background: transparent; border: 1px solid #e5e5e5; } /* Focus */ .uk-search-default .uk-search-input:focus { background-color: transparent; } /* * Icon */ .uk-search-default .uk-search-icon { width: 40px; } .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-search-default .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } /* Navbar modifier ========================================================================== */ .uk-search-navbar { width: 400px; } /* * Input */ .uk-search-navbar .uk-search-input { height: 40px; background: transparent; font-size: 1.5rem; } /* * Icon */ .uk-search-navbar .uk-search-icon { width: 40px; } .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } /* Large modifier ========================================================================== */ .uk-search-large { width: 500px; } /* * Input */ .uk-search-large .uk-search-input { height: 80px; background: transparent; font-size: 2.625rem; } /* * Icon */ .uk-search-large .uk-search-icon { width: 80px; } .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 80px; } .uk-search-large .uk-search-icon-flip ~ .uk-search-input { padding-right: 80px; } /* Toggle ========================================================================== */ .uk-search-toggle { color: #999; } /* Hover + Focus */ .uk-search-toggle:hover, .uk-search-toggle:focus { color: #666; } /* ======================================================================== Component: Accordion ========================================================================== */ .uk-accordion { padding: 0; list-style: none; } /* Item ========================================================================== */ .uk-accordion > :nth-child(n+2) { margin-top: 20px; } /* Title ========================================================================== */ .uk-accordion-title { display: block; font-size: 1.25rem; line-height: 1.4; color: #333; overflow: hidden; } .uk-accordion-title::before { content: ""; width: 1.4em; height: 1.4em; margin-left: 10px; float: right; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 50% 50%; } .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); } /* Hover + Focus */ .uk-accordion-title:hover, .uk-accordion-title:focus { color: #666; text-decoration: none; outline: none; } /* Content ========================================================================== */ .uk-accordion-content { display: flow-root; margin-top: 20px; } /* * Remove margin from the last-child */ .uk-accordion-content > :last-child { margin-bottom: 0; } /* ======================================================================== Component: Drop ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Set a default width */ .uk-drop { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; width: 300px; } /* Show */ .uk-drop.uk-open { display: block; } /* Direction / Alignment modifiers ========================================================================== */ /* Direction */ [class*='uk-drop-top'] { margin-top: -20px; } [class*='uk-drop-bottom'] { margin-top: 20px; } [class*='uk-drop-left'] { margin-left: -20px; } [class*='uk-drop-right'] { margin-left: 20px; } /* Grid modifiers ========================================================================== */ .uk-drop-stack .uk-drop-grid > * { width: 100% !important; } /* ======================================================================== Component: Dropdown ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Set a default width * 4. Style */ .uk-dropdown { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; min-width: 320px; /* 4 */ padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } /* Show */ .uk-dropdown.uk-open { display: block; } /* Nav * Adopts `uk-nav` ========================================================================== */ .uk-dropdown-nav { white-space: nowrap; font-size: 0.875rem; } /* * Items */ .uk-dropdown-nav > li > a { color: #999; } /* Hover + Focus + Active */ .uk-dropdown-nav > li > a:hover, .uk-dropdown-nav > li > a:focus, .uk-dropdown-nav > li.uk-active > a { color: #666; } /* * Header */ .uk-dropdown-nav .uk-nav-header { color: #333; } /* * Divider */ .uk-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5; } /* * Sublists */ .uk-dropdown-nav .uk-nav-sub a { color: #999; } .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub a:focus, .uk-dropdown-nav .uk-nav-sub li.uk-active > a { color: #666; } /* Direction / Alignment modifiers ========================================================================== */ /* Direction */ [class*='uk-dropdown-top'] { margin-top: -10px; } [class*='uk-dropdown-bottom'] { margin-top: 10px; } [class*='uk-dropdown-left'] { margin-left: -10px; } [class*='uk-dropdown-right'] { margin-left: 10px; } /* Grid modifiers ========================================================================== */ .uk-dropdown-stack .uk-dropdown-grid > * { width: 100% !important; } /* ======================================================================== Component: Modal ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Allow scrolling for the modal dialog * 4. Horizontal padding * 5. Mask the background page * 6. Fade-in transition */ .uk-modal { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ padding: 15px 15px; /* 5 */ background: rgba(0, 0, 0, 0.6); /* 6 */ opacity: 0; transition: opacity 0.15s linear; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-modal { padding: 50px 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-modal { padding-left: 40px; padding-right: 40px; } } /* * Open */ .uk-modal.uk-open { opacity: 1; } /* Page ========================================================================== */ /* * Prevent scrollbars */ .uk-modal-page { overflow: hidden; } /* Dialog ========================================================================== */ /* * 1. Create position context for spinner and close button * 2. Dimensions * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests * 4. Style * 5. Slide-in transition */ .uk-modal-dialog { /* 1 */ position: relative; /* 2 */ box-sizing: border-box; margin: 0 auto; width: 600px; /* 3 */ max-width: calc(100% - 0.01px) !important; /* 4 */ background: #fff; /* 5 */ opacity: 0; transform: translateY(-100px); transition: 0.3s linear; transition-property: opacity, transform; } /* * Open */ .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0); } /* Size modifier ========================================================================== */ /* * Container size * Take the same size as the Container component */ .uk-modal-container .uk-modal-dialog { width: 1200px; } /* * Full size * 1. Remove padding and background from modal * 2. Reset all default declarations from modal dialog */ /* 1 */ .uk-modal-full { padding: 0; background: none; } /* 2 */ .uk-modal-full .uk-modal-dialog { margin: 0; width: 100%; max-width: 100%; transform: translateY(0); } /* Sections ========================================================================== */ .uk-modal-body { display: flow-root; padding: 30px 30px; } .uk-modal-header { display: flow-root; padding: 15px 30px; background: #fff; border-bottom: 1px solid #e5e5e5; } .uk-modal-footer { display: flow-root; padding: 15px 30px; background: #fff; border-top: 1px solid #e5e5e5; } /* * Remove margin from the last-child */ .uk-modal-body > :last-child, .uk-modal-header > :last-child, .uk-modal-footer > :last-child { margin-bottom: 0; } /* Title ========================================================================== */ .uk-modal-title { font-size: 2rem; line-height: 1.3; } /* Close * Adopts `uk-close` ========================================================================== */ [class*='uk-modal-close-'] { position: absolute; z-index: 1010; top: 10px; right: 10px; padding: 5px; } /* * Remove margin from adjacent element */ [class*='uk-modal-close-']:first-child + * { margin-top: 0; } /* * Hover */ /* * Default */ /* * Outside * 1. Prevent scrollbar on small devices */ .uk-modal-close-outside { top: 0; /* 1 */ right: -5px; transform: translate(0, -100%); color: #ffffff; } .uk-modal-close-outside:hover { color: #fff; } /* Tablet landscape and bigger */ @media (min-width: 960px) { /* 1 */ .uk-modal-close-outside { right: 0; transform: translate(100%, -100%); } } /* * Full */ .uk-modal-close-full { top: 0; right: 0; padding: 20px; background: #fff; } /* ======================================================================== Component: Slideshow ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ .uk-slideshow { /* 1 */ -webkit-tap-highlight-color: transparent; } /* Items ========================================================================== */ /* * 1. Create position and stacking context * 2. Reset list * 3. Clip child elements * 4. Prevent displaying the callout information on iOS. */ .uk-slideshow-items { /* 1 */ position: relative; z-index: 0; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ overflow: hidden; /* 4 */ -webkit-touch-callout: none; } /* Item ========================================================================== */ /* * 1. Position items above each other * 2. Take the full width * 3. Clip child elements, e.g. for `uk-cover` * 4. Optimize animation * 5. Disable horizontal panning gestures in IE11 and Edge * 6. Suppress outline on focus */ .uk-slideshow-items > * { /* 1 */ position: absolute; top: 0; left: 0; /* 2 */ right: 0; bottom: 0; /* 3 */ overflow: hidden; /* 4 */ will-change: transform, opacity; /* 5 */ touch-action: pan-y; } /* 6 */ .uk-slideshow-items > :focus { outline: none; } /* * Hide not active items */ .uk-slideshow-items > :not(.uk-active) { display: none; } /* ======================================================================== Component: Slider ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ .uk-slider { /* 1 */ -webkit-tap-highlight-color: transparent; } /* Container ========================================================================== */ /* * Clip child elements */ .uk-slider-container { overflow: hidden; } .uk-slider-container-news { padding-bottom: 50px; } /* * Widen container to prevent box-shadows from clipping, `large-box-shadow` */ .uk-slider-container-offset { margin: -11px -25px -39px -25px; padding: 11px 25px 39px 25px; } /* Items ========================================================================== */ /* * 1. Optimize animation * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. */ .uk-slider-items { /* 1 */ will-change: transform; /* 2 */ position: relative; } /* * 1. Reset list style without interfering with grid * 2. Prevent displaying the callout information on iOS. */ .uk-slider-items:not(.uk-grid) { display: flex; /* max-height: 150px; */ /* 1 */ /* margin: 0; */ /* margin-bottom: 20px; */ /* padding: 0; */ list-style: none; /* 2 */ -webkit-touch-callout: none; } .uk-slider-items.uk-grid { flex-wrap: nowrap; } /* Item ========================================================================== */ /* * 1. Let items take content dimensions (0 0 auto) * 2. Create position context * 3. Disable horizontal panning gestures in IE11 and Edge * 4. Suppress outline on focus */ .uk-slider-items > * { /* 1 */ flex: none; /* 2 */ position: relative; /* 3 */ touch-action: pan-y; } /* 4 */ .uk-slider-items > :focus { outline: none; } /* ======================================================================== Component: Sticky ========================================================================== */ /* * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration */ .uk-sticky-fixed { z-index: 980; box-sizing: border-box; margin: 0 !important; /* 1 */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* * Faster animations */ .uk-sticky[class*='uk-animation-'] { animation-duration: 0.2s; } .uk-sticky.uk-animation-reverse { animation-duration: 0.2s; } /* ======================================================================== Component: Off-canvas ========================================================================== */ /* * 1. Hide by default * 2. Set position */ .uk-offcanvas { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; } /* * Flip modifier */ .uk-offcanvas-flip .uk-offcanvas { right: 0; left: auto; } /* Bar ========================================================================== */ /* * 1. Set position * 2. Size and style * 3. Allow scrolling */ .uk-offcanvas-bar { /* 1 */ position: absolute; top: 0; bottom: 0; left: -270px; /* 2 */ box-sizing: border-box; width: 375px; padding: 122px 20px 20px; background: #2A4864; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 374px){ .uk-offcanvas-bar { width: 100vw; /*max-width: 100%;*/ } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-offcanvas-bar { left: -350px; width: 350px; padding: 40px 40px; } } /* Flip modifier */ .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: -270px; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-offcanvas-flip .uk-offcanvas-bar { right: -350px; } } /* * Open */ .uk-open > .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { left: auto; right: 0; } /* * Slide Animation (Used in slide and push mode) */ .uk-offcanvas-bar-animation { transition: left 0.3s ease-out; } .uk-offcanvas-flip .uk-offcanvas-bar-animation { transition-property: right; } /* * Reveal Animation * 1. Set position * 2. Clip the bar * 3. Animation * 4. Reset position */ .uk-offcanvas-reveal { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; /* 2 */ width: 0; overflow: hidden; /* 3 */ transition: width 0.3s ease-out; } .uk-offcanvas-reveal .uk-offcanvas-bar { /* 4 */ left: 0; } .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { /* 4 */ left: auto; right: 0; } .uk-open > .uk-offcanvas-reveal { width: 270px; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-open > .uk-offcanvas-reveal { width: 350px; } } /* * Flip modifier */ .uk-offcanvas-flip .uk-offcanvas-reveal { right: 0; left: auto; } /* Close * Adopts `uk-close` ========================================================================== */ .uk-offcanvas-close { position: absolute; z-index: 1000; top: 20px; right: 20px; padding: 5px; } /* Overlay ========================================================================== */ /* * Overlay the whole page. Needed for the `::before` * 1. Using `100vw` so no modification is needed when off-canvas is flipped * 2. Allow for closing with swipe gesture on devices with pointer events. */ .uk-offcanvas-overlay { /* 1 */ width: 100vw; /* 2 */ touch-action: none; } /* * 1. Mask the whole page * 2. Fade-in transition */ .uk-offcanvas-overlay::before { /* 1 */ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.1); /* 2 */ opacity: 0; transition: opacity 0.15s linear; } .uk-offcanvas-overlay.uk-open::before { opacity: 1; } /* Prevent scrolling ========================================================================== */ /* * Prevent horizontal scrollbar when the content is slide-out * Has to be on the `html` element too to make it work on the `body` */ .uk-offcanvas-page, .uk-offcanvas-container { overflow-x: hidden; } /* Container ========================================================================== */ /* * Prepare slide-out animation (Used in reveal and push mode) * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars * lose their fixed state and behaves like `absolute` within a transformed container * 1. Provide a fixed width and prevent shrinking */ .uk-offcanvas-container { position: relative; left: 0; transition: left 0.3s ease-out; /* 1 */ box-sizing: border-box; width: 100%; } /* * Activate slide-out animation */ :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 270px; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -270px; } /* Tablet landscape and bigger */ @media (min-width: 960px) { :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 350px; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -350px; } } /* ======================================================================== Component: Switcher ========================================================================== */ /* * Reset list */ .uk-switcher { margin: 0; padding: 0; list-style: none; } /* Items ========================================================================== */ /* * Hide not active items */ .uk-switcher > :not(.uk-active) { display: none; } /* * Remove margin from the last-child */ .uk-switcher > * > :last-child { margin-bottom: 0; } /* ======================================================================== Component: Leader ========================================================================== */ .uk-leader { overflow: hidden; } /* * 1. Place element in text flow * 2. Never break into a new line * 3. Get a string back with as many repeating characters to fill the container * 4. Prevent wrapping. Overflowing characters will be clipped by the container */ .uk-leader-fill::after { /* 1 */ display: inline-block; margin-left: 15px; /* 2 */ width: 0; /* 3 */ content: attr(data-fill); /* 4 */ white-space: nowrap; } /* * Hide if media does not match */ .uk-leader-fill.uk-leader-hide::after { display: none; } /* * Pass fill character to JS */ .uk-leader-fill-content::before { content: '.'; } :root { --uk-leader-fill-content: .; } /* ======================================================================== Component: Notification ========================================================================== */ /* * 1. Set position * 2. Dimensions */ .uk-notification { /* 1 */ position: fixed; top: 10px; left: 10px; z-index: 1040; /* 2 */ box-sizing: border-box; width: 350px; } /* Position modifiers ========================================================================== */ .uk-notification-top-right, .uk-notification-bottom-right { left: auto; right: 10px; } .uk-notification-top-center, .uk-notification-bottom-center { left: 50%; margin-left: -175px; } .uk-notification-bottom-left, .uk-notification-bottom-right, .uk-notification-bottom-center { top: auto; bottom: 10px; } /* Responsiveness ========================================================================== */ /* Phones portrait and smaller */ @media (max-width: 639px) { .uk-notification { left: 10px; right: 10px; width: auto; margin: 0; } } /* Message ========================================================================== */ .uk-notification-message { position: relative; padding: 15px; background: #f8f8f8; color: #666; font-size: 1.25rem; line-height: 1.4; cursor: pointer; } * + .uk-notification-message { margin-top: 10px; } /* Close * Adopts `uk-close` ========================================================================== */ .uk-notification-close { display: none; position: absolute; top: 20px; right: 15px; } .uk-notification-message:hover .uk-notification-close { display: block; } /* Style modifiers ========================================================================== */ /* * Primary */ .uk-notification-message-primary { color: #1e87f0; } /* * Success */ .uk-notification-message-success { color: #32d296; } /* * Warning */ .uk-notification-message-warning { color: #faa05a; } /* * Danger */ .uk-notification-message-danger { color: #f0506e; } /* ======================================================================== Component: Tooltip ========================================================================== */ /* * 1. Hide by default * 2. Position * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially * 4. Dimensions * 5. Style */ .uk-tooltip { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1030; /* 3 */ top: 0; /* 4 */ box-sizing: border-box; max-width: 200px; padding: 3px 6px; /* 5 */ background: #666; border-radius: 2px; color: #fff; font-size: 12px; } /* Show */ .uk-tooltip.uk-active { display: block; } /* Direction / Alignment modifiers ========================================================================== */ /* Direction */ [class*='uk-tooltip-top'] { margin-top: -10px; } [class*='uk-tooltip-bottom'] { margin-top: 10px; } [class*='uk-tooltip-left'] { margin-left: -10px; } [class*='uk-tooltip-right'] { margin-left: 10px; } /* ======================================================================== Component: Sortable ========================================================================== */ .uk-sortable { position: relative; } /* * Remove margin from the last-child */ .uk-sortable > :last-child { margin-bottom: 0; } /* Drag ========================================================================== */ .uk-sortable-drag { position: fixed !important; z-index: 1050 !important; pointer-events: none; } /* Placeholder ========================================================================== */ .uk-sortable-placeholder { opacity: 0; pointer-events: none; } /* Empty modifier ========================================================================== */ .uk-sortable-empty { min-height: 50px; } /* Handle ========================================================================== */ /* Hover */ .uk-sortable-handle:hover { cursor: move; } /* ======================================================================== Component: Countdown ========================================================================== */ /* Item ========================================================================== */ /* Number ========================================================================== */ /* * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. * 2. Style */ .uk-countdown-number { /* 1 */ font-variant-numeric: tabular-nums; /* 2 */ font-size: 2rem; line-height: 0.8; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-countdown-number { font-size: 4rem; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-countdown-number { font-size: 6rem; } } /* Separator ========================================================================== */ .uk-countdown-separator { font-size: 1rem; line-height: 1.6; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-countdown-separator { font-size: 2rem; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-countdown-separator { font-size: 3rem; } } /* Label ========================================================================== */ /* ======================================================================== Component: Grid ========================================================================== */ /* * 1. Allow cells to wrap into the next line * 2. Reset list */ .uk-grid { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; } /* * Grid cell * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto * Reset margin for e.g. paragraphs */ .uk-grid > * { margin: 0; } /* * Remove margin from the last-child */ .uk-grid > * > :last-child { /* margin-bottom: 0; */ } /* Gutter ========================================================================== */ /* * Default */ /* Horizontal */ .uk-grid { margin-left: -30px; } .uk-grid > * { padding-left: 30px; } /* Vertical */ .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin { margin-top: 30px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid { margin-left: -40px; } .uk-grid > * { padding-left: 40px; } /* Vertical */ .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin { margin-top: 40px; } } /* * Small */ /* Horizontal */ .uk-grid-small, .uk-grid-column-small { margin-left: -15px; } .uk-grid-small > *, .uk-grid-column-small > * { padding-left: 15px; } /* Vertical */ .uk-grid + .uk-grid-small, .uk-grid + .uk-grid-row-small, .uk-grid-small > .uk-grid-margin, .uk-grid-row-small > .uk-grid-margin, * + .uk-grid-margin-small { margin-top: 15px; } /* * Medium */ /* Horizontal */ .uk-grid-others, .uk-grid-column-others { margin-left: -40px; } .uk-grid-others > *, .uk-grid-column-others > * { padding-left: 40px; } /* * Medium */ /* Horizontal */ .uk-grid-medium, .uk-grid-column-medium { margin-left: -30px; } .uk-grid-medium > *, .uk-grid-column-medium > * { padding-left: 30px; } /* Vertical */ .uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin, * + .uk-grid-margin-medium { margin-top: 60px; /* 30px;*/ } .uk-grid-stack > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin, * + .uk-grid-margin-medium { margin-top: 30px; } /* * Large */ /* Horizontal */ .uk-grid-large, .uk-grid-column-large { margin-left: -40px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 40px; } /* Vertical */ .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large { margin-top: 40px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-large, .uk-grid-column-large { margin-left: -70px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 70px; } /* Vertical */ .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large { margin-top: 70px; } } /* * Collapse */ /* Horizontal */ .uk-grid-collapse, .uk-grid-column-collapse { margin-left: 0; } .uk-grid-collapse > *, .uk-grid-column-collapse > * { padding-left: 0; } /* Vertical */ .uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin { margin-top: 0; } /* Divider ========================================================================== */ .uk-grid-divider > * { position: relative; } .uk-grid-divider > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid #e5e5e5; } /* Vertical */ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid #e5e5e5; } /* * Default */ /* Horizontal */ .uk-grid-divider { margin-left: -60px; } .uk-grid-divider > * { padding-left: 60px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 30px; } /* Vertical */ .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-divider { margin-left: -80px; } .uk-grid-divider > * { padding-left: 80px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 40px; } /* Vertical */ .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } } /* * Small */ /* Horizontal */ .uk-grid-divider.uk-grid-small, .uk-grid-divider.uk-grid-column-small { margin-left: -30px; } .uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * { padding-left: 30px; } .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { left: 15px; } /* Vertical */ .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { margin-top: 30px; } .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; left: 30px; } .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; } .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { left: 30px; } /* * Medium */ /* Horizontal */ .uk-grid-divider.uk-grid-medium, .uk-grid-divider.uk-grid-column-medium { margin-left: -60px; } .uk-grid-divider.uk-grid-medium > *, .uk-grid-divider.uk-grid-column-medium > * { padding-left: 60px; } .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { left: 30px; } /* Vertical */ .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; } .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { left: 60px; } /* * Large */ /* Horizontal */ .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large { margin-left: -80px; } .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * { padding-left: 80px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 40px; } /* Vertical */ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 80px; } /* Desktop and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large { margin-left: -140px; } .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * { padding-left: 140px; } .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { left: 70px; } /* Vertical */ .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 140px; } .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; left: 140px; } .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; } .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 140px; } } /* Match child of a grid cell ========================================================================== */ /* * Behave like a block element * 1. Wrap into the next line * 2. Take the full width, at least 100%. Only if no class from the Width component is set. * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) */ .uk-grid-match > *, .uk-grid-item-match { display: flex; /* 1 */ flex-wrap: wrap; } .uk-grid-match > * > :not([class*='uk-width']), .uk-grid-item-match > :not([class*='uk-width']) { /* 2 */ box-sizing: border-box; width: 100%; /* 3 */ flex: auto; } /* ======================================================================== Component: Nav ========================================================================== */ /* * Reset * 1. Prepare lists * 2. Prepare links * 3. Remove default focus style */ /* 1 */ .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } /* 2 */ .uk-nav li > a { display: block; text-decoration: none; } /* 3 */ .uk-nav li > a:focus { outline: none; } /* * Items * Must target `a` elements to exclude other elements (e.g. lists) */ .uk-nav > li > a { padding: 5px 0; } /* Sublists ========================================================================== */ /* * Level 2 * `ul` needed for higher specificity to override padding */ ul.uk-nav-sub { padding: 5px 0 5px 15px; } /* * Level 3 and deeper */ .uk-nav-sub ul { padding-left: 15px; } /* * Items */ .uk-nav-sub a { padding: 2px 0; } /* Parent icon modifier ========================================================================== */ .uk-nav-parent-icon > .uk-parent > a::after { content: ""; width: 1.5em; height: 1.5em; float: right; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 50% 50%; } .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); } /* Header ========================================================================== */ .uk-nav-header { padding: 5px 0; text-transform: uppercase; font-size: 0.875rem; } .uk-nav-header:not(:first-child) { margin-top: 20px; } /* Divider ========================================================================== */ .uk-nav-divider { margin: 5px 0; } /* Default modifier ========================================================================== */ .uk-nav-default { font-size: 0.875rem; } /* * Items */ .uk-nav-default > li > a { color: #999; } /* Hover + Focus */ .uk-nav-default > li > a:hover, .uk-nav-default > li > a:focus { color: #666; } /* Active */ .uk-nav-default > li.uk-active > a { color: #333; } /* * Header */ .uk-nav-default .uk-nav-header { color: #333; } /* * Divider */ .uk-nav-default .uk-nav-divider { border-top: 1px solid #e5e5e5; } /* * Sublists */ .uk-nav-default .uk-nav-sub a { color: #999; } .uk-nav-default .uk-nav-sub a:hover, .uk-nav-default .uk-nav-sub a:focus { color: #666; } .uk-nav-default .uk-nav-sub li.uk-active > a { color: #333; } /* Primary modifier ========================================================================== */ /* * Items */ .uk-nav-primary > li > a { font-size: 1.5rem; line-height: 1.5; color: #999; } /* Hover + Focus */ .uk-nav-primary > li > a:hover, .uk-nav-primary > li > a:focus { color: #666; } /* Active */ .uk-nav-primary > li.uk-active > a { color: #333; } /* * Header */ .uk-nav-primary .uk-nav-header { color: #333; } /* * Divider */ .uk-nav-primary .uk-nav-divider { border-top: 1px solid #e5e5e5; } /* * Sublists */ .uk-nav-primary .uk-nav-sub a { color: #999; } .uk-nav-primary .uk-nav-sub a:hover, .uk-nav-primary .uk-nav-sub a:focus { color: #666; } .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #333; } /* Alignment modifier ========================================================================== */ .uk-nav-center { text-align: center; } /* Sublists */ .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul { padding-left: 0; } /* Parent icon modifier */ .uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { position: absolute; } /* ======================================================================== Component: Navbar ========================================================================== */ /* * 1. Create position context to center navbar group */ .uk-navbar { display: flex; /* 1 */ position: relative; } /* Container ========================================================================== */ .uk-navbar-container:not(.uk-navbar-transparent) { background: #f8f8f8; } /* * Remove pseudo elements created by micro clearfix as precaution (if Container component is used) */ .uk-navbar-container > ::before, .uk-navbar-container > ::after { display: none !important; } /* Groups ========================================================================== */ /* * 1. Align navs and items vertically if they have a different height * 2. Note: IE 11 requires an extra `div` which affects the center selector */ .uk-navbar-left, .uk-navbar-right, .uk-navbar-center, .uk-navbar-center-left > *, .uk-navbar-center-right > * { display: flex; /* 1 */ align-items: center; } /* * Horizontal alignment * 1. Create position context for centered navbar with sub groups (left/right) * 2. Fix text wrapping if content is larger than 50% of the container. * 3. Needed for dropdowns because a new position context is created * `z-index` must be smaller than off-canvas * 4. Align sub groups for centered navbar */ .uk-navbar-right { margin-left: auto; } .uk-navbar-center:only-child { margin-left: auto; margin-right: auto; /* 1 */ position: relative; } .uk-navbar-center:not(:only-child) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 2 */ width: max-content; box-sizing: border-box; /* 3 */ z-index: 990; } /* 4 */ .uk-navbar-center-left, .uk-navbar-center-right { position: absolute; top: 0; } .uk-navbar-center-left { right: 100%; } .uk-navbar-center-right { left: 100%; } [class*='uk-navbar-center-'] { width: max-content; box-sizing: border-box; } /* Nav ========================================================================== */ /* * 1. Reset list */ .uk-navbar-nav { display: flex; /* 1 */ margin: 0; padding: 0; list-style: none; } /* * Allow items to wrap into the next line * Only not `absolute` positioned groups */ .uk-navbar-left, .uk-navbar-right, .uk-navbar-center:only-child { flex-wrap: wrap; } /* * Items * 1. Center content vertically and horizontally * 2. Dimensions * 3. Style * 4. Required for `a` */ .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { /* 1 */ display: flex; justify-content: center; align-items: center; /* 2 */ box-sizing: border-box; min-height: 80px; padding: 0 15px; /* 3 */ font-size: 0.875rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ text-decoration: none; } /* * Nav items */ .uk-navbar-nav > li > a { color: #999; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color; } /* * Hover * Apply hover style also to focus state and if dropdown is opened */ .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a.uk-open { color: #666; outline: none; } /* OnClick */ .uk-navbar-nav > li > a:active { color: #333; } /* Active */ .uk-navbar-nav > li.uk-active > a { color: #333; } /* Item ========================================================================== */ .uk-navbar-item { color: #666; } /* Toggle ========================================================================== */ .uk-navbar-toggle { color: #999; } .uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle.uk-open { color: #666; outline: none; text-decoration: none; } /* * Icon * Adopts `uk-icon` */ /* Hover + Focus */ /* Subtitle ========================================================================== */ .uk-navbar-subtitle { font-size: 0.875rem; } /* Style modifiers ========================================================================== */ /* Dropdown ========================================================================== */ /* * Adopts `uk-dropdown` * 1. Hide by default * 2. Set position * 3. Set a default width * 4. Style */ .uk-navbar-dropdown { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; width: 200px; /* 4 */ padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } /* Show */ .uk-navbar-dropdown.uk-open { display: block; } /* * Direction / Alignment modifiers */ /* Direction */ [class*='uk-navbar-dropdown-top'] { margin-top: -15px; } [class*='uk-navbar-dropdown-bottom'] { margin-top: 15px; } [class*='uk-navbar-dropdown-left'] { margin-left: -15px; } [class*='uk-navbar-dropdown-right'] { margin-left: 15px; } /* * Grid * Adopts `uk-grid` */ /* Gutter Horizontal */ .uk-navbar-dropdown-grid { margin-left: -50px; } .uk-navbar-dropdown-grid > * { padding-left: 50px; } /* Gutter Vertical */ .uk-navbar-dropdown-grid > .uk-grid-margin { margin-top: 50px; } /* Stack */ .uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { width: 100% !important; } /* * Width modifier */ .uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width: 400px; } .uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width: 600px; } .uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width: 800px; } .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width: 1000px; } /* * Dropbar modifier */ .uk-navbar-dropdown-dropbar { margin-top: 0; margin-bottom: 0; box-shadow: none; } /* Dropdown Nav * Adopts `uk-nav` ========================================================================== */ .uk-navbar-dropdown-nav { font-size: 0.875rem; } /* * Items */ .uk-navbar-dropdown-nav > li > a { color: #999; } /* Hover + Focus */ .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li > a:focus { color: #666; } /* Active */ .uk-navbar-dropdown-nav > li.uk-active > a { color: #333; } /* * Header */ .uk-navbar-dropdown-nav .uk-nav-header { color: #333; } /* * Divider */ .uk-navbar-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5; } /* * Sublists */ .uk-navbar-dropdown-nav .uk-nav-sub a { color: #999; } .uk-navbar-dropdown-nav .uk-nav-sub a:hover, .uk-navbar-dropdown-nav .uk-nav-sub a:focus { color: #666; } .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { color: #333; } /* Dropbar ========================================================================== */ .uk-navbar-dropbar { background: #fff; } /* * Slide modifier */ .uk-navbar-dropbar-slide { position: absolute; z-index: 980; left: 0; right: 0; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05); } /* * Navbar */ .uk-navbar-container > .uk-container .uk-navbar-left { margin-left: -15px; margin-right: -15px; } .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: -15px; } /* * Grid Divider */ .uk-navbar-dropdown-grid > * { position: relative; } .uk-navbar-dropdown-grid > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; left: 25px; border-left: 1px solid #e5e5e5; } /* Vertical */ .uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; top: -25px; left: 50px; right: 0; border-top: 1px solid #e5e5e5; } /* ======================================================================== Component: Subnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Gutter * 3. Reset list */ .uk-subnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin-left: -20px; /* 3 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter * 3. Create position context for dropdowns */ .uk-subnav > * { /* 1 */ flex: none; /* 2 */ padding-left: 20px; /* 3 */ position: relative; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * Using `:first-child` instead of `a` to support `span` elements for text * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ .uk-subnav > * > :first-child { /* 1 */ display: block; /* 2 */ color: #999; font-size: 0.875rem; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color; } /* Hover + Focus */ .uk-subnav > * > a:hover, .uk-subnav > * > a:focus { color: #666; text-decoration: none; outline: none; } /* Active */ .uk-subnav > .uk-active > a { color: #333; } /* Divider modifier ========================================================================== */ /* * Set gutter */ .uk-subnav-divider { margin-left: -41px; } /* * Align items and divider vertically */ .uk-subnav-divider > * { display: flex; align-items: center; } /* * Divider * 1. `nth-child` makes it also work without JS if it's only one row */ .uk-subnav-divider > ::before { content: ""; height: 1.5em; margin-left: 0px; margin-right: 20px; border-left: 1px solid transparent; } /* 1 */ .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { border-left-color: #e5e5e5; } /* Pill modifier ========================================================================== */ .uk-subnav-pill > * > :first-child { padding: 5px 10px; background: transparent; color: #999; } /* Hover + Focus */ .uk-subnav-pill > * > a:hover, .uk-subnav-pill > * > a:focus { background-color: #f8f8f8; color: #666; } /* OnClick */ .uk-subnav-pill > * > a:active { background-color: #f8f8f8; color: #666; } /* Active */ .uk-subnav-pill > .uk-active > a { background-color: #1e87f0; color: #fff; } /* Disabled * The same for all style modifiers ========================================================================== */ .uk-subnav > .uk-disabled > a { color: #999; } /* ======================================================================== Component: Breadcrumb ========================================================================== */ /* * Reset list */ .uk-breadcrumb { padding: 0; list-style: none; } /* * 1. Doesn't generate any box and replaced by child boxes */ .uk-breadcrumb > * { display: contents; } /* Items ========================================================================== */ .uk-breadcrumb > * > * { font-size: 0.875rem; color: #999; } /* Hover + Focus */ .uk-breadcrumb > * > :hover, .uk-breadcrumb > * > :focus { color: #666; text-decoration: none; } /* Disabled */ /* Active */ .uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) { color: #666; } /* * Divider * `nth-child` makes it also work without JS if it's only one row * 1. Remove space between inline block elements. * 2. Style */ .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; /* 1 */ margin: 0 20px 0 calc(20px - 4px); /* 2 */ font-size: 0.875rem; color: #999; } /* ======================================================================== Component: Pagination ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Gutter * 3. Reset list */ .uk-pagination { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin-left: 0; /* 3 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter * 3. Create position context for dropdowns */ .uk-pagination > * { /* 1 */ flex: none; /* 2 */ padding-left: 0; /* 3 */ position: relative; } /* Items ========================================================================== */ /* * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ .uk-pagination > * > * { /* 1 */ display: block; /* 2 */ padding: 5px 10px; color: #999; transition: color 0.1s ease-in-out; } /* Hover + Focus */ .uk-pagination > * > :hover, .uk-pagination > * > :focus { color: #666; text-decoration: none; } /* Active */ .uk-pagination > .uk-active > * { color: #666; } /* Disabled */ .uk-pagination > .uk-disabled > * { color: #999; } /* ======================================================================== Component: Tab ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Gutter * 3. Reset list */ .uk-tab { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin-left: -20px; /* 3 */ padding: 0; list-style: none; position: relative; } .uk-tab::before { content: ""; position: absolute; bottom: 0; left: 20px; right: 0; border-bottom: 1px solid #e5e5e5; } /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter * 3. Create position context for dropdowns */ .uk-tab > * { /* 1 */ flex: none; /* 2 */ padding-left: 20px; /* 3 */ position: relative; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Center text if a width is set * 2. Style */ .uk-tab > * > a { /* 1 */ display: block; text-align: center; /* 2 */ padding: 5px 10px; color: #999; border-bottom: 1px solid transparent; font-size: 0.875rem; text-transform: uppercase; transition: color 0.1s ease-in-out; } /* Hover + Focus */ .uk-tab > * > a:hover, .uk-tab > * > a:focus { color: #666; text-decoration: none; } /* Active */ .uk-tab > .uk-active > a { color: #333; border-color: #1e87f0; } /* Disabled */ .uk-tab > .uk-disabled > a { color: #999; } /* Position modifier ========================================================================== */ /* * Bottom */ .uk-tab-bottom::before { top: 0; bottom: auto; } .uk-tab-bottom > * > a { border-top: 1px solid transparent; border-bottom: none; } /* * Left + Right * 1. Reset Gutter */ .uk-tab-left, .uk-tab-right { flex-direction: column; /* 1 */ margin-left: 0; } /* 1 */ .uk-tab-left > *, .uk-tab-right > * { padding-left: 0; } .uk-tab-left::before { top: 0; bottom: 0; left: auto; right: 0; border-left: 1px solid #e5e5e5; border-bottom: none; } .uk-tab-right::before { top: 0; bottom: 0; left: 0; right: auto; border-left: 1px solid #e5e5e5; border-bottom: none; } .uk-tab-left > * > a { text-align: left; border-right: 1px solid transparent; border-bottom: none; } .uk-tab-right > * > a { text-align: left; border-left: 1px solid transparent; border-bottom: none; } .uk-tab .uk-dropdown { margin-left: 30px; } /* ======================================================================== Component: Slidenav ========================================================================== */ /* * Adopts `uk-icon` */ .uk-slidenav { padding: 5px 10px; color: rgba(102, 102, 102, 0.5); transition: color 0.1s ease-in-out; } /* Hover + Focus */ .uk-slidenav:hover, .uk-slidenav:focus { color: rgba(102, 102, 102, 0.9); outline: none; } /* OnClick */ .uk-slidenav:active { color: rgba(102, 102, 102, 0.5); } /* Icon modifier ========================================================================== */ /* * Previous */ /* * Next */ /* Size modifier ========================================================================== */ .uk-slidenav-large { padding: 10px 10px; } /* Container ========================================================================== */ .uk-slidenav-container { display: flex; } /* ======================================================================== Component: Dotnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Reset list * 3. Gutter */ .uk-dotnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ margin-left: -12px; } /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter */ .uk-dotnav > * { /* 1 */ flex: none; /* 2 */ padding-left: 12px; } /* Items ========================================================================== */ /* * Items * 1. Hide text if present */ .uk-dotnav > * > * { display: block; box-sizing: border-box; width: 10px; height: 10px; border-radius: 50%; background: transparent; /* 1 */ text-indent: 100%; overflow: hidden; white-space: nowrap; border: 1px solid rgba(102, 102, 102, 0.4); transition: 0.2s ease-in-out; transition-property: background-color, border-color; } /* Hover + Focus */ .uk-dotnav > * > :hover, .uk-dotnav > * > :focus { background-color: rgba(102, 102, 102, 0.6); outline: none; border-color: transparent; } /* OnClick */ .uk-dotnav > * > :active { background-color: rgba(102, 102, 102, 0.2); border-color: transparent; } /* Active */ .uk-dotnav > .uk-active > * { background-color: rgba(102, 102, 102, 0.6); border-color: transparent; } /* Modifier: 'uk-dotnav-vertical' ========================================================================== */ /* * 1. Change direction * 2. Gutter */ .uk-dotnav-vertical { /* 1 */ flex-direction: column; /* 2 */ margin-left: 0; margin-top: -12px; } /* 2 */ .uk-dotnav-vertical > * { padding-left: 0; padding-top: 12px; } /* ======================================================================== Component: Thumbnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Reset list * 3. Gutter */ .uk-thumbnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ margin-left: -15px; } /* * Space is allocated based on content dimensions, but shrinks: 0 1 auto * 1. Gutter */ .uk-thumbnav > * { /* 1 */ padding-left: 15px; } /* Items ========================================================================== */ /* * Items */ .uk-thumbnav > * > * { display: inline-block; position: relative; } .uk-thumbnav > * > *::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.4); transition: background-color 0.1s ease-in-out; } /* Hover + Focus */ .uk-thumbnav > * > :hover, .uk-thumbnav > * > :focus { outline: none; } .uk-thumbnav > * > :hover::after, .uk-thumbnav > * > :focus::after { background-color: transparent; } /* Active */ .uk-thumbnav > .uk-active > *::after { background-color: transparent; } /* Modifier: 'uk-thumbnav-vertical' ========================================================================== */ /* * 1. Change direction * 2. Gutter */ .uk-thumbnav-vertical { /* 1 */ flex-direction: column; /* 2 */ margin-left: 0; margin-top: -15px; } /* 2 */ .uk-thumbnav-vertical > * { padding-left: 0; padding-top: 15px; } /* ======================================================================== Component: Iconnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Reset list * 3. Gutter */ .uk-iconnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ margin-left: -10px; } /* * Space is allocated based on content dimensions, but shrinks: 0 1 auto * 1. Gutter */ .uk-iconnav > * { /* 1 */ padding-left: 10px; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ .uk-iconnav > * > a { /* 1 */ display: block; /* 2 */ color: #999; } /* Hover + Focus */ .uk-iconnav > * > a:hover, .uk-iconnav > * > a:focus { color: #666; outline: none; } /* Active */ .uk-iconnav > .uk-active > a { color: #666; } /* Modifier: 'uk-iconnav-vertical' ========================================================================== */ /* * 1. Change direction * 2. Gutter */ .uk-iconnav-vertical { /* 1 */ flex-direction: column; /* 2 */ margin-left: 0; margin-top: -10px; } /* 2 */ .uk-iconnav-vertical > * { padding-left: 0; padding-top: 10px; } /* ======================================================================== Component: Lightbox ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Allow scrolling for the modal dialog * 4. Horizontal padding * 5. Mask the background page * 6. Fade-in transition * 7. Prevent cancellation of pointer events while dragging */ .uk-lightbox { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 5 */ background: #000; /* 6 */ opacity: 0; transition: opacity 0.15s linear; /* 7 */ touch-action: pinch-zoom; } /* * Open * 1. Center child * 2. Fade-in */ .uk-lightbox.uk-open { display: block; /* 2 */ opacity: 1; } /* Page ========================================================================== */ /* * Prevent scrollbars */ .uk-lightbox-page { overflow: hidden; } /* Item ========================================================================== */ /* * 1. Center child within the viewport * 2. Not visible by default * 3. Color needed for spinner icon * 4. Optimize animation * 5. Responsiveness * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera * Using `vh` and `vw` to make responsive image work in IE11 * 6. Suppress outline on focus */ .uk-lightbox-items > * { /* 1 */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* 2 */ display: none; justify-content: center; align-items: center; /* 3 */ color: rgba(255, 255, 255, 0.7); /* 4 */ will-change: transform, opacity; } /* 5 */ .uk-lightbox-items > * > * { max-width: 100vw; max-height: 100vh; } /* 6 */ .uk-lightbox-items > :focus { outline: none; } .uk-lightbox-items > * > :not(iframe) { width: auto; height: auto; } .uk-lightbox-items > .uk-active { display: flex; } /* Toolbar ========================================================================== */ .uk-lightbox-toolbar { padding: 10px 10px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); } .uk-lightbox-toolbar > * { color: rgba(255, 255, 255, 0.7); } /* Toolbar Icon (Close) ========================================================================== */ .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(255, 255, 255, 0.7); } /* * Hover */ .uk-lightbox-toolbar-icon:hover { color: #fff; } /* Button (Slidenav) ========================================================================== */ /* * 1. Center icon vertically and horizontally */ .uk-lightbox-button { box-sizing: border-box; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); /* 1 */ display: inline-flex; justify-content: center; align-items: center; } /* Hover + Focus */ .uk-lightbox-button:hover, .uk-lightbox-button:focus { color: #fff; } /* OnClick */ /* Caption ========================================================================== */ .uk-lightbox-caption:empty { display: none; } /* Iframe ========================================================================== */ .uk-lightbox-iframe { width: 80%; height: 80%; } /* ======================================================================== Component: Animation ========================================================================== */ [class*='uk-animation-'] { animation-duration: 0.5s; animation-timing-function: ease-out; animation-fill-mode: both; } /* Animations ========================================================================== */ /* * Fade */ .uk-animation-fade { animation-name: uk-fade; animation-duration: 0.8s; animation-timing-function: linear; } /* * Scale */ .uk-animation-scale-up { animation-name: uk-fade-scale-02; } .uk-animation-scale-down { animation-name: uk-fade-scale-18; } /* * Slide */ .uk-animation-slide-top { animation-name: uk-fade-top; } .uk-animation-slide-bottom { animation-name: uk-fade-bottom; } .uk-animation-slide-left { animation-name: uk-fade-left; } .uk-animation-slide-right { animation-name: uk-fade-right; } /* * Slide Small */ .uk-animation-slide-top-small { animation-name: uk-fade-top-small; } .uk-animation-slide-bottom-small { animation-name: uk-fade-bottom-small; } .uk-animation-slide-left-small { animation-name: uk-fade-left-small; } .uk-animation-slide-right-small { animation-name: uk-fade-right-small; } /* * Slide Medium */ .uk-animation-slide-top-medium { animation-name: uk-fade-top-medium; } .uk-animation-slide-bottom-medium { animation-name: uk-fade-bottom-medium; } .uk-animation-slide-left-medium { animation-name: uk-fade-left-medium; } .uk-animation-slide-right-medium { animation-name: uk-fade-right-medium; } /* * Kenburns */ .uk-animation-kenburns { animation-name: uk-scale-kenburns; animation-duration: 15s; } /* * Shake */ .uk-animation-shake { animation-name: uk-shake; } /* * SVG Stroke * The `--uk-animation-stroke` custom property contains the longest path length. * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. * All strokes are animated by the same pace and doesn't end simultaneously. * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. */ .uk-animation-stroke { animation-name: uk-stroke; stroke-dasharray: var(--uk-animation-stroke); animation-duration: 2s; } /* Direction modifier ========================================================================== */ .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; } /* Duration modifier ========================================================================== */ .uk-animation-fast { animation-duration: 0.1s; } /* Toggle (Hover + Focus) ========================================================================== */ /* * The toggle is triggered on touch devices using `:focus` and tabindex */ .uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { animation-name: none; } /* * 1. Prevent tab highlighting on iOS. */ .uk-animation-toggle { /* 1 */ -webkit-tap-highlight-color: transparent; } /* * Remove outline for `tabindex` */ .uk-animation-toggle:focus { outline: none; } /* Keyframes used by animation classes ========================================================================== */ /* * Fade */ @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* * Slide Top */ @keyframes uk-fade-top { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } /* * Slide Bottom */ @keyframes uk-fade-bottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } /* * Slide Left */ @keyframes uk-fade-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } /* * Slide Right */ @keyframes uk-fade-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } /* * Slide Top Small */ @keyframes uk-fade-top-small { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } /* * Slide Bottom Small */ @keyframes uk-fade-bottom-small { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } /* * Slide Left Small */ @keyframes uk-fade-left-small { 0% { opacity: 0; transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } /* * Slide Right Small */ @keyframes uk-fade-right-small { 0% { opacity: 0; transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } /* * Slide Top Medium */ @keyframes uk-fade-top-medium { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } /* * Slide Bottom Medium */ @keyframes uk-fade-bottom-medium { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } /* * Slide Left Medium */ @keyframes uk-fade-left-medium { 0% { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); } } /* * Slide Right Medium */ @keyframes uk-fade-right-medium { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } /* * Scale Up */ @keyframes uk-fade-scale-02 { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } /* * Scale Down */ @keyframes uk-fade-scale-18 { 0% { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } /* * Kenburns */ @keyframes uk-scale-kenburns { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } /* * Shake */ @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } /* * Stroke */ @keyframes uk-stroke { 0% { stroke-dashoffset: var(--uk-animation-stroke); } 100% { stroke-dashoffset: 0; } } /* ======================================================================== Component: Width ========================================================================== */ /* Equal child widths ========================================================================== */ [class*='uk-child-width'] > * { box-sizing: border-box; width: 100%; } .uk-child-width-1-2 > * { width: 50%; } .uk-child-width-1-3 > * { /* width: calc(100% * 1 / 3.001); */ width: 30%; } .uk-child-width-1-4 > * { width: 25%; } .uk-child-width-1-5 > * { width: 20%; } .uk-child-width-1-6 > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto > * { width: auto; } /* * 1. Reset the `min-width`, which is set to auto by default, because * flex items won't shrink below their minimum intrinsic content size. * Using `1px` instead of `0`, so items still wrap into the next line, * if they have zero width and padding and the predecessor is 100% wide. */ .uk-child-width-expand > :not([class*='uk-width']) { flex: 1; /* 1 */ min-width: 1px; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-child-width-1-1\@s > * { width: 100%; } .uk-child-width-1-2\@s > * { width: 50%; } .uk-child-width-1-3\@s > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4\@s > * { width: 25%; } .uk-child-width-1-5\@s > * { width: 20%; } .uk-child-width-1-6\@s > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@s > * { width: auto; } .uk-child-width-expand\@s > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-child-width-1-1\@m > * { width: 100%; } .uk-child-width-1-2\@m > * { width: 50%; } .uk-child-width-1-3\@m > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4\@m > * { width: 25%; } .uk-child-width-1-5\@m > * { width: 20%; } .uk-child-width-1-6\@m > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@m > * { width: auto; } .uk-child-width-expand\@m > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-child-width-1-1\@l > * { width: 100%; } .uk-child-width-1-2\@l > * { width: 50%; /* width: 30%; */ } .uk-child-width-1-3\@l > * { /* width: calc(100% * 1 / 3.001); */ width: 30%; } .uk-child-width-1-4\@l > * { width: 25%; } .uk-child-width-1-5\@l > * { width: 20%; } .uk-child-width-1-6\@l > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@l > * { width: auto; } .uk-child-width-expand\@l > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-child-width-1-1\@xl > * { width: 100%; } .uk-child-width-1-2\@xl > * { width: 50%; } .uk-child-width-1-3\@xl > * { width: calc(100% * 1 / 3.001); } .uk-child-width-1-4\@xl > * { width: 25%; } .uk-child-width-1-5\@xl > * { width: 20%; } .uk-child-width-1-6\@xl > * { width: calc(100% * 1 / 6.001); } .uk-child-width-auto\@xl > * { width: auto; } .uk-child-width-expand\@xl > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } /* Single Widths ========================================================================== */ /* * 1. `max-width` is needed for the pixel-based classes */ [class*='uk-width'] { box-sizing: border-box; width: 100%; /* 1 */ max-width: 100%; } /* Halves */ .uk-width-1-2 { width: 50%; } /* Thirds */ .uk-width-1-3 { width: calc(100% * 1 / 3.001); } .uk-width-2-3 { width: calc(100% * 2 / 3.001); } /* Quarters */ .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } /* Fifths */ .uk-width-1-5 { width: 20%; } .uk-width-2-5 { width: 40%; } .uk-width-3-5 { width: 60%; } .uk-width-4-5 { width: 80%; } /* Sixths */ .uk-width-1-6 { width: calc(100% * 1 / 6.001); } .uk-width-5-6 { width: calc(100% * 5 / 6.001); } /* Pixel */ .uk-width-small { width: 150px; } .uk-width-medium { width: 300px; } .uk-width-large { width: 450px; } .uk-width-xlarge { width: 600px; } .uk-width-2xlarge { width: 750px; } /* Auto */ .uk-width-auto { width: auto; } /* Expand */ .uk-width-expand { flex: 1; min-width: 1px; } /* Phone landscape and bigger */ @media (min-width: 640px) { /* Whole */ .uk-width-1-1\@s { width: 100%; } /* Halves */ .uk-width-1-2\@s { width: 50%; } /* Thirds */ .uk-width-1-3\@s { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@s { width: calc(100% * 2 / 3.001); } /* Quarters */ .uk-width-1-4\@s { width: 25%; } .uk-width-3-4\@s { width: 75%; } /* Fifths */ .uk-width-1-5\@s { width: 20%; } .uk-width-2-5\@s { width: 40%; } .uk-width-3-5\@s { width: 60%; } .uk-width-4-5\@s { width: 80%; } /* Sixths */ .uk-width-1-6\@s { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@s { width: calc(100% * 5 / 6.001); } /* Pixel */ .uk-width-small\@s { width: 150px; } .uk-width-medium\@s { width: 300px; } .uk-width-large\@s { width: 450px; } .uk-width-xlarge\@s { width: 600px; } .uk-width-2xlarge\@s { width: 750px; } /* Auto */ .uk-width-auto\@s { width: auto; } /* Expand */ .uk-width-expand\@s { flex: 1; min-width: 1px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { /* Whole */ .uk-width-1-1\@m { width: 100%; } /* Halves */ .uk-width-1-2\@m { width: 50%; } /* Thirds */ .uk-width-1-3\@m { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@m { width: calc(100% * 2 / 3.001); } /* Quarters */ .uk-width-1-4\@m { width: 25%; } .uk-width-3-4\@m { width: 75%; } /* Fifths */ .uk-width-1-5\@m { width: 20%; } .uk-width-2-5\@m { width: 40%; } .uk-width-3-5\@m { width: 60%; } .uk-width-4-5\@m { width: 80%; } /* Sixths */ .uk-width-1-6\@m { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@m { width: calc(100% * 5 / 6.001); } /* Pixel */ .uk-width-small\@m { width: 150px; } .uk-width-medium\@m { width: 300px; } .uk-width-large\@m { width: 450px; } .uk-width-xlarge\@m { width: 600px; } .uk-width-2xlarge\@m { width: 750px; } /* Auto */ .uk-width-auto\@m { width: auto; } /* Expand */ .uk-width-expand\@m { flex: 1; min-width: 1px; } } /* Desktop and bigger */ @media (min-width: 1200px) { /* Whole */ .uk-width-1-1\@l { width: 100%; } /* Halves */ .uk-width-1-2\@l { width: 50%; } /* Thirds */ .uk-width-1-3\@l { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@l { width: calc(100% * 2 / 3.001); } /* Quarters */ .uk-width-1-4\@l { width: 25%; } .uk-width-3-4\@l { width: 75%; } /* Fifths */ .uk-width-1-5\@l { width: 20%; } .uk-width-2-5\@l { width: 40%; } .uk-width-3-5\@l { width: 60%; } .uk-width-4-5\@l { width: 80%; } /* Sixths */ .uk-width-1-6\@l { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@l { width: calc(100% * 5 / 6.001); } /* Pixel */ .uk-width-small\@l { width: 150px; } .uk-width-medium\@l { width: 300px; } .uk-width-large\@l { width: 450px; } .uk-width-xlarge\@l { width: 600px; } .uk-width-2xlarge\@l { width: 750px; } /* Auto */ .uk-width-auto\@l { width: auto; } /* Expand */ .uk-width-expand\@l { flex: 1; min-width: 1px; } } /* Large screen and bigger */ @media (min-width: 1600px) { /* Whole */ .uk-width-1-1\@xl { width: 100%; } /* Halves */ .uk-width-1-2\@xl { width: 50%; } /* Thirds */ .uk-width-1-3\@xl { width: calc(100% * 1 / 3.001); } .uk-width-2-3\@xl { width: calc(100% * 2 / 3.001); } /* Quarters */ .uk-width-1-4\@xl { width: 25%; } .uk-width-3-4\@xl { width: 75%; } /* Fifths */ .uk-width-1-5\@xl { width: 20%; } .uk-width-2-5\@xl { width: 40%; } .uk-width-3-5\@xl { width: 60%; } .uk-width-4-5\@xl { width: 80%; } /* Sixths */ .uk-width-1-6\@xl { width: calc(100% * 1 / 6.001); } .uk-width-5-6\@xl { width: calc(100% * 5 / 6.001); } /* Pixel */ .uk-width-small\@xl { width: 150px; } .uk-width-medium\@xl { width: 300px; } .uk-width-large\@xl { width: 450px; } .uk-width-xlarge\@xl { width: 600px; } .uk-width-2xlarge\@xl { width: 750px; } /* Auto */ .uk-width-auto\@xl { width: auto; } /* Expand */ .uk-width-expand\@xl { flex: 1; min-width: 1px; } } /* ======================================================================== Component: Height ========================================================================== */ [class*='uk-height'] { box-sizing: border-box; } /* * Only works if parent element has a height set */ .uk-height-1-1 { height: 100%; } /* * Useful to create image teasers */ .uk-height-viewport { min-height: 100vh; } /* * Pixel * Useful for `overflow: auto` */ .uk-height-small { height: 150px; } .uk-height-medium { height: 300px; } .uk-height-large { height: 450px; } .uk-height-max-small { max-height: 150px; } .uk-height-max-medium { max-height: 300px; } .uk-height-max-large { max-height: 450px; } /* ======================================================================== Component: Text ========================================================================== */ /* Style modifiers ========================================================================== */ .uk-text-lead { font-size: 1.5rem; line-height: 1.5; color: #333; } .uk-text-meta { font-size: 0.875rem; line-height: 1.4; color: #999; } .uk-text-meta a { color: #999; } .uk-text-meta a:hover { color: #666; text-decoration: none; } /* Size modifiers ========================================================================== */ .uk-text-small { font-size: 0.875rem; line-height: 1.5; } .uk-text-large { font-size: 1.5rem; line-height: 1.5; } .uk-text-default { font-size: 16px; line-height: 1.5; } /* Weight modifier ========================================================================== */ .uk-text-light { font-weight: 300; } .uk-text-normal { font-weight: 400; } .uk-text-bold { font-weight: 700; } .uk-text-lighter { font-weight: lighter; } .uk-text-bolder { font-weight: bolder; } /* Style modifier ========================================================================== */ .uk-text-italic { font-style: italic; } /* Transform modifier ========================================================================== */ .uk-text-capitalize { text-transform: capitalize !important; } .uk-text-uppercase { text-transform: uppercase !important; } .uk-text-lowercase { text-transform: lowercase !important; } /* Color modifiers ========================================================================== */ .uk-text-muted { color: #999 !important; } .uk-text-emphasis { color: #333 !important; } .uk-text-primary { color: #1e87f0 !important; } .uk-text-secondary { color: #222 !important; } .uk-text-success { color: #32d296 !important; } .uk-text-warning { color: #faa05a !important; } .uk-text-danger { color: #f0506e !important; } /* Background modifier ========================================================================== */ /* * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera * Default color is set to transparent * 2. Container fits the text * 3. Fallback color for IE11 */ .uk-text-background { /* 1 */ -webkit-background-clip: text; /* 2 */ display: inline-block; /* 3 */ color: #1e87f0 !important; } @supports (-webkit-background-clip: text) { .uk-text-background { background-color: #1e87f0; color: transparent !important; } } /* Alignment modifiers ========================================================================== */ .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-text-left\@s { text-align: left !important; } .uk-text-right\@s { text-align: right !important; } .uk-text-center\@s { text-align: center !important; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-text-left\@m { text-align: left !important; } .uk-text-right\@m { text-align: right !important; } .uk-text-center\@m { text-align: center !important; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-text-left\@l { text-align: left !important; } .uk-text-right\@l { text-align: right !important; } .uk-text-center\@l { text-align: center !important; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-text-left\@xl { text-align: left !important; } .uk-text-right\@xl { text-align: right !important; } .uk-text-center\@xl { text-align: center !important; } } /* * Vertical */ .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } .uk-text-baseline { vertical-align: baseline !important; } /* Wrap modifiers ========================================================================== */ /* * Prevent text from wrapping onto multiple lines */ .uk-text-nowrap { white-space: nowrap; } /* * 1. Make sure a max-width is set after which truncation can occur * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis * 3. Fix for table cells */ .uk-text-truncate { /* 1 */ max-width: 100%; /* 2 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 2 */ th.uk-text-truncate, td.uk-text-truncate { max-width: 0; } /* * 1. Wrap long words onto the next line and break them if they are too long to fit * 2. Legacy `word-wrap` as fallback for `overflow-wrap` * 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge * Must use `break-all` to support IE11 and Edge * Note: Not using `hyphens: auto;` because it hyphenates text even if not needed */ .uk-text-break { /* 1 */ overflow-wrap: break-word; /* 2 */ word-wrap: break-word; } /* 3 */ th.uk-text-break, td.uk-text-break { word-break: break-all; } /* ======================================================================== Component: Column ========================================================================== */ [class*='uk-column-'] { column-gap: 30px; } /* Desktop and bigger */ @media (min-width: 1200px) { [class*='uk-column-'] { column-gap: 40px; } } /* * Fix image 1px line wrapping into the next column in Chrome */ [class*='uk-column-'] img { transform: translate3d(0, 0, 0); } /* Divider ========================================================================== */ /* * 1. Double the column gap */ .uk-column-divider { column-rule: 1px solid #e5e5e5; /* 1 */ column-gap: 60px; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-column-divider { column-gap: 80px; } } /* Width modifiers ========================================================================== */ .uk-column-1-2 { column-count: 2; } .uk-column-1-3 { column-count: 3; } .uk-column-1-4 { column-count: 4; } .uk-column-1-5 { column-count: 5; } .uk-column-1-6 { column-count: 6; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-column-1-2\@s { column-count: 2; } .uk-column-1-3\@s { column-count: 3; } .uk-column-1-4\@s { column-count: 4; } .uk-column-1-5\@s { column-count: 5; } .uk-column-1-6\@s { column-count: 6; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-column-1-2\@m { column-count: 2; } .uk-column-1-3\@m { column-count: 3; } .uk-column-1-4\@m { column-count: 4; } .uk-column-1-5\@m { column-count: 5; } .uk-column-1-6\@m { column-count: 6; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-column-1-2\@l { column-count: 2; } .uk-column-1-3\@l { column-count: 3; } .uk-column-1-4\@l { column-count: 4; } .uk-column-1-5\@l { column-count: 5; } .uk-column-1-6\@l { column-count: 6; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-column-1-2\@xl { column-count: 2; } .uk-column-1-3\@xl { column-count: 3; } .uk-column-1-4\@xl { column-count: 4; } .uk-column-1-5\@xl { column-count: 5; } .uk-column-1-6\@xl { column-count: 6; } } /* Make element span across all columns * Does not work in Firefox yet ========================================================================== */ .uk-column-span { column-span: all; } /* ======================================================================== Component: Cover ========================================================================== */ /* * Works with iframes and embedded content * 1. Reset responsiveness for embedded content * 2. Center object * Note: Percent values on the `top` property only works if this element * is absolute positioned or if the container has a height */ .uk-cover { /* 1 */ max-width: none; /* 2 */ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } iframe.uk-cover { pointer-events: none; } /* Container ========================================================================== */ /* * 1. Parent container which clips resized object * 2. Needed if the child is positioned absolute. See note above */ .uk-cover-container { /* 1 */ overflow: hidden; /* 2 */ position: relative; } /* ======================================================================== Component: Background ========================================================================== */ /* Color ========================================================================== */ .uk-background-default { background-color: #fff; } .uk-background-muted { background-color: #f8f8f8; } .uk-background-primary { background-color: #1e87f0; } .uk-background-secondary { background-color: #222; } /* Size ========================================================================== */ .uk-background-cover, .uk-background-contain, .uk-background-width-1-1, .uk-background-height-1-1 { background-position: 50% 50%; background-repeat: no-repeat; } .uk-background-cover { background-size: cover; } .uk-background-contain { background-size: contain; } .uk-background-width-1-1 { background-size: 100%; } .uk-background-height-1-1 { background-size: auto 100%; } /* Position ========================================================================== */ .uk-background-top-left { background-position: 0 0; } .uk-background-top-center { background-position: 50% 0; } .uk-background-top-right { background-position: 100% 0; } .uk-background-center-left { background-position: 0 50%; } .uk-background-center-center { background-position: 50% 50%; } .uk-background-center-right { background-position: 100% 50%; } .uk-background-bottom-left { background-position: 0 100%; } .uk-background-bottom-center { background-position: 50% 100%; } .uk-background-bottom-right { background-position: 100% 100%; } /* Repeat ========================================================================== */ .uk-background-norepeat { background-repeat: no-repeat; } /* Attachment ========================================================================== */ /* * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` */ .uk-background-fixed { background-attachment: fixed; /* 1 */ backface-visibility: hidden; } /* * Exclude touch devices because `fixed` doesn't work on iOS and Android */ @media (pointer: coarse) { .uk-background-fixed { background-attachment: scroll; } } /* Image ========================================================================== */ /* Phone portrait and smaller */ @media (max-width: 639px) { .uk-background-image\@s { background-image: none !important; } } /* Phone landscape and smaller */ @media (max-width: 959px) { .uk-background-image\@m { background-image: none !important; } } /* Tablet landscape and smaller */ @media (max-width: 1199px) { .uk-background-image\@l { background-image: none !important; } } /* Desktop and smaller */ @media (max-width: 1599px) { .uk-background-image\@xl { background-image: none !important; } } /* Blend modes ========================================================================== */ .uk-background-blend-multiply { background-blend-mode: multiply; } .uk-background-blend-screen { background-blend-mode: screen; } .uk-background-blend-overlay { background-blend-mode: overlay; } .uk-background-blend-darken { background-blend-mode: darken; } .uk-background-blend-lighten { background-blend-mode: lighten; } .uk-background-blend-color-dodge { background-blend-mode: color-dodge; } .uk-background-blend-color-burn { background-blend-mode: color-burn; } .uk-background-blend-hard-light { background-blend-mode: hard-light; } .uk-background-blend-soft-light { background-blend-mode: soft-light; } .uk-background-blend-difference { background-blend-mode: difference; } .uk-background-blend-exclusion { background-blend-mode: exclusion; } .uk-background-blend-hue { background-blend-mode: hue; } .uk-background-blend-saturation { background-blend-mode: saturation; } .uk-background-blend-color { background-blend-mode: color; } .uk-background-blend-luminosity { background-blend-mode: luminosity; } /* ======================================================================== Component: Align ========================================================================== */ /* * Default */ [class*='uk-align'] { display: block; margin-bottom: 30px; } * + [class*='uk-align'] { margin-top: 30px; } /* * Center */ .uk-align-center { margin-left: auto; margin-right: auto; } /* * Left/Right */ .uk-align-left { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right { margin-top: 0; margin-left: 30px; float: right; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-align-left\@s { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right\@s { margin-top: 0; margin-left: 30px; float: right; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-align-left\@m { margin-top: 0; margin-right: 30px; float: left; } .uk-align-right\@m { margin-top: 0; margin-left: 30px; float: right; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-align-left\@l { margin-top: 0; float: left; } .uk-align-right\@l { margin-top: 0; float: right; } .uk-align-left, .uk-align-left\@s, .uk-align-left\@m, .uk-align-left\@l { margin-right: 40px; } .uk-align-right, .uk-align-right\@s, .uk-align-right\@m, .uk-align-right\@l { margin-left: 40px; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-align-left\@xl { margin-top: 0; margin-right: 40px; float: left; } .uk-align-right\@xl { margin-top: 0; margin-left: 40px; float: right; } } /* ======================================================================== Component: SVG ========================================================================== */ /* * 1. Fill all SVG elements with the current text color if no `fill` attribute is set * 2. Set the fill and stroke color of all SVG elements to the current text color */ /* 1 */ .uk-svg, .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } /* * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 */ .uk-svg { transform: translate(0, 0); } /* ======================================================================== Component: Utility ========================================================================== */ /* Panel ========================================================================== */ .uk-panel { display: flow-root; position: relative; box-sizing: border-box; } /* * Remove margin from the last-child */ .uk-panel > :last-child { margin-bottom: 0; } /* * Scrollable */ .uk-panel-scrollable { height: 170px; padding: 10px; border: 1px solid #e5e5e5; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } /* Clearfix ========================================================================== */ /* * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit * 2. `table` is used again with `::after` because `clear` only works with block elements. * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari */ /* 1 */ .uk-clearfix::before { content: ""; display: table-cell; } /* 2 */ .uk-clearfix::after { content: ""; display: table; clear: both; } /* Float ========================================================================== */ /* * 1. Prevent content overflow */ .uk-float-left { float: left; } .uk-float-right { float: right; } /* 1 */ [class*='uk-float-'] { max-width: 100%; } /* Overfow ========================================================================== */ .uk-overflow-hidden { overflow: hidden; } /* * Enable scrollbars if content is clipped * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */ .uk-overflow-auto { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-auto > :last-child { margin-bottom: 0; } /* Resize ========================================================================== */ .uk-resize { resize: both; } .uk-resize-vertical { resize: vertical; } /* Display ========================================================================== */ .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; } /* Inline ========================================================================== */ /* * 1. Container fits its content * 2. Create position context * 3. Prevent content overflow * 4. Behave like most inline-block elements * 5. Force hardware acceleration without creating a new stacking context * to fix 1px glitch when combined with overlays and transitions in Webkit * 6. Clip child elements */ [class*='uk-inline'] { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; /* 5 */ -webkit-backface-visibility: hidden; } .uk-inline-clip { /* 6 */ overflow: hidden; } /* Responsive objects ========================================================================== */ /* * Preserve original dimensions * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component */ .uk-preserve-width, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video { max-width: none; } /* * Responsiveness * Corrects `max-width` and `max-height` behavior if padding and border are used */ .uk-responsive-width, .uk-responsive-height { box-sizing: border-box; } /* * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` * 2. Auto scale the height. Only needed if `height` attribute is present */ .uk-responsive-width { /* 1 */ max-width: 100% !important; /* 2 */ height: auto; } /* * 1. Set a maximum height. Only works if the parent element has a fixed height * 2. Auto scale the width. Only needed if `width` attribute is present * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default */ .uk-responsive-height { /* 1 */ max-height: 100%; /* 2 */ width: auto; /* 3 */ max-width: none; } /* Border ========================================================================== */ .uk-border-circle { border-radius: 50%; } .uk-border-pill { border-radius: 500px; } .uk-border-rounded { border-radius: 5px; } /* * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit */ .uk-inline-clip[class*='uk-border-'] { -webkit-transform: translateZ(0); } /* Box-shadow ========================================================================== */ .uk-box-shadow-small { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .uk-box-shadow-medium { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-box-shadow-large { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); } /* * Hover */ [class*='uk-box-shadow-hover'] { transition: box-shadow 0.1s ease-in-out; } .uk-box-shadow-hover-small:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .uk-box-shadow-hover-medium:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-box-shadow-hover-large:hover { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-box-shadow-hover-xlarge:hover { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); } /* Box-shadow bottom ========================================================================== */ /* * 1. Set position. * 2. Set style * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge. * Solved by using `before` and add position context to child elements. */ @supports (filter: blur(0)) { .uk-box-shadow-bottom { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; } .uk-box-shadow-bottom::before { content: ''; /* 1 */ position: absolute; bottom: -30px; left: 0; right: 0; /* 2 */ height: 30px; border-radius: 100%; background: #444; filter: blur(20px); } /* 3 */ .uk-box-shadow-bottom > * { position: relative; } } /* Drop cap ========================================================================== */ /* * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 * 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector * This doubles the `font-size` exponential when using the `em` unit. */ .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter { display: block; margin-right: 10px; float: left; font-size: 4.5em; line-height: 1; margin-bottom: -2px; } /* 2 */ @-moz-document url-prefix() { .uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; } } /* 3 */ @supports (-ms-ime-align: auto) { .uk-dropcap > p:first-of-type::first-letter { font-size: 1em; } } /* Logo ========================================================================== */ /* * 1. Required for `a` */ .uk-logo { font-size: 1.5rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #666; /* 1 */ text-decoration: none; } /* Hover + Focus */ .uk-logo:hover, .uk-logo:focus { color: #666; outline: none; /* 1 */ text-decoration: none; } .uk-logo-inverse { display: none; } /* Disabled State ========================================================================== */ .uk-disabled { pointer-events: none; } /* Drag State ========================================================================== */ /* * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons * 2. Fix dragging over iframes */ .uk-drag, .uk-drag * { cursor: move; } /* 2 */ .uk-drag iframe { pointer-events: none; } /* Dragover State ========================================================================== */ /* * Create a box-shadow when dragging a file over the upload area */ .uk-dragover { box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); } /* Blend modes ========================================================================== */ .uk-blend-multiply { mix-blend-mode: multiply; } .uk-blend-screen { mix-blend-mode: screen; } .uk-blend-overlay { mix-blend-mode: overlay; } .uk-blend-darken { mix-blend-mode: darken; } .uk-blend-lighten { mix-blend-mode: lighten; } .uk-blend-color-dodge { mix-blend-mode: color-dodge; } .uk-blend-color-burn { mix-blend-mode: color-burn; } .uk-blend-hard-light { mix-blend-mode: hard-light; } .uk-blend-soft-light { mix-blend-mode: soft-light; } .uk-blend-difference { mix-blend-mode: difference; } .uk-blend-exclusion { mix-blend-mode: exclusion; } .uk-blend-hue { mix-blend-mode: hue; } .uk-blend-saturation { mix-blend-mode: saturation; } .uk-blend-color { mix-blend-mode: color; } .uk-blend-luminosity { mix-blend-mode: luminosity; } /* Transform ========================================================================== */ .uk-transform-center { transform: translate(-50%, -50%); } /* Transform Origin ========================================================================== */ .uk-transform-origin-top-left { transform-origin: 0 0; } .uk-transform-origin-top-center { transform-origin: 50% 0; } .uk-transform-origin-top-right { transform-origin: 100% 0; } .uk-transform-origin-center-left { transform-origin: 0 50%; } .uk-transform-origin-center-right { transform-origin: 100% 50%; } .uk-transform-origin-bottom-left { transform-origin: 0 100%; } .uk-transform-origin-bottom-center { transform-origin: 50% 100%; } .uk-transform-origin-bottom-right { transform-origin: 100% 100%; } /* ======================================================================== Component: Flex ========================================================================== */ .uk-flex { display: flex; } .uk-flex-inline { display: inline-flex; } /* * Remove pseudo elements created by micro clearfix as precaution */ .uk-flex::before, .uk-flex::after, .uk-flex-inline::before, .uk-flex-inline::after { display: none; } /* Alignment ========================================================================== */ /* * Align items along the main axis of the current line of the flex container * Row: Horizontal */ .uk-flex-left { justify-content: flex-start; } .uk-flex-center { justify-content: center; } .uk-flex-right { justify-content: flex-end; } .uk-flex-between { justify-content: space-between; } .uk-flex-around { justify-content: space-around; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-flex-left\@s { justify-content: flex-start; } .uk-flex-center\@s { justify-content: center; } .uk-flex-right\@s { justify-content: flex-end; } .uk-flex-between\@s { justify-content: space-between; } .uk-flex-around\@s { justify-content: space-around; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-flex-left\@m { justify-content: flex-start; } .uk-flex-center\@m { justify-content: center; } .uk-flex-right\@m { justify-content: flex-end; } .uk-flex-between\@m { justify-content: space-between; } .uk-flex-around\@m { justify-content: space-around; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-flex-left\@l { justify-content: flex-start; } .uk-flex-center\@l { justify-content: center; } .uk-flex-right\@l { justify-content: flex-end; } .uk-flex-between\@l { justify-content: space-between; } .uk-flex-around\@l { justify-content: space-around; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-flex-left\@xl { justify-content: flex-start; } .uk-flex-center\@xl { justify-content: center; } .uk-flex-right\@xl { justify-content: flex-end; } .uk-flex-between\@xl { justify-content: space-between; } .uk-flex-around\@xl { justify-content: space-around; } } /* * Align items in the cross axis of the current line of the flex container * Row: Vertical */ .uk-flex-stretch { align-items: stretch; } .uk-flex-top { align-items: flex-start; align-items: flex-start; } .uk-flex-middle { align-items: center; } .uk-flex-bottom { align-items: flex-end; } /* Direction ========================================================================== */ .uk-flex-row { flex-direction: row; } .uk-flex-row-reverse { flex-direction: row-reverse; } .uk-flex-column { flex-direction: column; } .uk-flex-column-reverse { flex-direction: column-reverse; } /* Wrap ========================================================================== */ .uk-flex-nowrap { flex-wrap: nowrap; } .uk-flex-wrap { flex-wrap: wrap; } .uk-flex-wrap-reverse { flex-wrap: wrap-reverse; } /* * Aligns items within the flex container when there is extra space in the cross-axis * Only works if there is more than one line of flex items */ .uk-flex-wrap-stretch { align-content: stretch; } .uk-flex-wrap-top { align-content: flex-start; } .uk-flex-wrap-middle { align-content: center; } .uk-flex-wrap-bottom { align-content: flex-end; } .uk-flex-wrap-between { align-content: space-between; } .uk-flex-wrap-around { align-content: space-around; } /* Item ordering ========================================================================== */ /* * Default is 0 */ .uk-flex-first { order: -1; } .uk-flex-last { order: 99; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-flex-first\@s { order: -1; } .uk-flex-last\@s { order: 99; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-flex-first\@m { order: -1; } .uk-flex-last\@m { order: 99; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-flex-first\@l { order: -1; } .uk-flex-last\@l { order: 99; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-flex-first\@xl { order: -1; } .uk-flex-last\@xl { order: 99; } } /* Item dimensions ========================================================================== */ /* * Initial: 0 1 auto * Content dimensions, but shrinks */ /* * No Flex: 0 0 auto * Content dimensions */ .uk-flex-none { flex: none; } /* * Relative Flex: 1 1 auto * Space is allocated considering content */ .uk-flex-auto { flex: auto; } /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ .uk-flex-1 { flex: 1; } /* ======================================================================== Component: Margin ========================================================================== */ /* * Default */ .uk-margin { margin-bottom: 20px; } * + .uk-margin { margin-top: 20px !important; } .uk-margin-top { margin-top: 20px !important; } .uk-margin-bottom { margin-bottom: 20px !important; } .uk-margin-left { margin-left: 20px !important; } .uk-margin-right { margin-right: 20px !important; } /* Small ========================================================================== */ .uk-margin-small { margin-bottom: 10px; } * + .uk-margin-small { margin-top: 10px !important; } .uk-margin-small-top { margin-top: 10px !important; } .uk-margin-small-bottom { margin-bottom: 10px !important; } .uk-margin-small-left { margin-left: 10px !important; } .uk-margin-small-right { margin-right: 10px !important; } /* Medium ========================================================================== */ .uk-margin-medium { margin-bottom: 40px; } * + .uk-margin-medium { margin-top: 40px !important; } .uk-margin-medium-top { margin-top: 40px !important; } .uk-margin-medium-bottom { margin-bottom: 40px !important; } .uk-margin-medium-left { margin-left: 40px !important; } .uk-margin-medium-right { margin-right: 40px !important; } /* Large ========================================================================== */ .uk-margin-large { margin-bottom: 40px; } * + .uk-margin-large { margin-top: 40px !important; } .uk-margin-large-top { margin-top: 40px !important; } .uk-margin-large-bottom { margin-bottom: 40px !important; } .uk-margin-large-left { margin-left: 40px !important; } .uk-margin-large-right { margin-right: 40px !important; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-large { margin-bottom: 70px; } * + .uk-margin-large { margin-top: 70px !important; } .uk-margin-large-top { margin-top: 70px !important; } .uk-margin-large-bottom { margin-bottom: 70px !important; } .uk-margin-large-left { margin-left: 70px !important; } .uk-margin-large-right { margin-right: 70px !important; } } /* XLarge ========================================================================== */ .uk-margin-xlarge { margin-bottom: 70px; } * + .uk-margin-xlarge { margin-top: 70px !important; } .uk-margin-xlarge-top { margin-top: 70px !important; } .uk-margin-xlarge-bottom { margin-bottom: 70px !important; } .uk-margin-xlarge-left { margin-left: 70px !important; } .uk-margin-xlarge-right { margin-right: 70px !important; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-xlarge { margin-bottom: 140px; } * + .uk-margin-xlarge { margin-top: 140px !important; } .uk-margin-xlarge-top { margin-top: 140px !important; } .uk-margin-xlarge-bottom { margin-bottom: 140px !important; } .uk-margin-xlarge-left { margin-left: 140px !important; } .uk-margin-xlarge-right { margin-right: 140px !important; } } /* Auto ========================================================================== */ .uk-margin-auto { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-top { margin-top: auto !important; } .uk-margin-auto-bottom { margin-bottom: auto !important; } .uk-margin-auto-left { margin-left: auto !important; } .uk-margin-auto-right { margin-right: auto !important; } .uk-margin-auto-vertical { margin-top: auto !important; margin-bottom: auto !important; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-margin-auto\@s { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@s { margin-left: auto !important; } .uk-margin-auto-right\@s { margin-right: auto !important; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-margin-auto\@m { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@m { margin-left: auto !important; } .uk-margin-auto-right\@m { margin-right: auto !important; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-auto\@l { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@l { margin-left: auto !important; } .uk-margin-auto-right\@l { margin-right: auto !important; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-margin-auto\@xl { margin-left: auto !important; margin-right: auto !important; } .uk-margin-auto-left\@xl { margin-left: auto !important; } .uk-margin-auto-right\@xl { margin-right: auto !important; } } /* Remove ========================================================================== */ .uk-margin-remove { margin: 0 !important; } .uk-margin-remove-top { margin-top: 0 !important; } .uk-margin-remove-bottom { margin-bottom: 0 !important; } .uk-margin-remove-left { margin-left: 0 !important; } .uk-margin-remove-right { margin-right: 0 !important; } .uk-margin-remove-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .uk-margin-remove-adjacent + *, .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; } .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-margin-remove-left\@s { margin-left: 0 !important; } .uk-margin-remove-right\@s { margin-right: 0 !important; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-margin-remove-left\@m { margin-left: 0 !important; } .uk-margin-remove-right\@m { margin-right: 0 !important; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-margin-remove-left\@l { margin-left: 0 !important; } .uk-margin-remove-right\@l { margin-right: 0 !important; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-margin-remove-left\@xl { margin-left: 0 !important; } .uk-margin-remove-right\@xl { margin-right: 0 !important; } } /* ======================================================================== Component: Padding ========================================================================== */ .uk-padding { padding: 30px; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-padding { padding: 40px; } } /* Small ========================================================================== */ .uk-padding-small { padding: 15px; } /* Large ========================================================================== */ .uk-padding-large { padding: 30px; } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-padding-large { padding: 70px; } } /* Remove ========================================================================== */ .uk-padding-remove { padding: 0 !important; } .uk-padding-remove-top { padding-top: 0 !important; } .uk-padding-remove-bottom { padding-bottom: 0 !important; } .uk-padding-remove-left { padding-left: 0 !important; } .uk-padding-remove-right { padding-right: 0 !important; } .uk-padding-remove-vertical { padding-top: 0 !important; padding-bottom: 0 !important; } .uk-padding-remove-horizontal { padding-left: 0 !important; padding-right: 0 !important; } /* ======================================================================== Component: Position ========================================================================== */ /* Directions ========================================================================== */ /* * 1. Prevent content overflow if `max-width: 100%` is used inside position container. */ [class*='uk-position-top'], [class*='uk-position-bottom'], [class*='uk-position-left'], [class*='uk-position-right'], [class*='uk-position-center'] { position: absolute !important; /* 1 */ max-width: 100%; } /* Edges ========================================================================== */ /* Don't use `width: 100%` because it is wrong if the parent has padding. */ .uk-position-top { top: 0; left: 0; right: 0; } .uk-position-bottom { bottom: 0; left: 0; right: 0; } .uk-position-left { top: 0; bottom: 0; left: 0; } .uk-position-right { top: 0; bottom: 0; right: 0; } /* Corners ========================================================================== */ .uk-position-top-left { top: 0; left: 0; } .uk-position-top-right { top: 0; right: 0; } .uk-position-bottom-left { bottom: 0; left: 0; } .uk-position-bottom-right { bottom: 0; right: 0; } /* * Center * 1. Fix text wrapping if content is larger than 50% of the container. */ .uk-position-center { top: 50%; left: 50%; transform: translate(-50%, -50%); /* 1 */ width: max-content; max-width: 100%; box-sizing: border-box; } /* Vertical */ [class*='uk-position-center-left'], [class*='uk-position-center-right'], [class*='uk-position-center-left-news'], [class*='uk-position-center-right-news'] { top: 50%; transform: translateY(-50%); } .uk-position-center-left, .uk-position-center-left-news { left: 0; } .uk-position-center-right, .uk-position-center-right-news { right: 0; } .uk-position-center-left-out, .uk-position-center-left-out-news { right: 100%; width: max-content; } .uk-position-center-right-out, .uk-position-center-right-out-news { left: 100%; width: max-content; } /* Horizontal */ .uk-position-top-center, .uk-position-bottom-center { left: 50%; transform: translateX(-50%); /* 1 */ width: max-content; max-width: 100%; box-sizing: border-box; } .uk-position-top-center { top: 0; } .uk-position-bottom-center { bottom: 0; } /* Cover ========================================================================== */ .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* Utility ========================================================================== */ .uk-position-relative { position: relative !important; } .uk-position-absolute { position: absolute !important; } .uk-position-fixed { position: fixed !important; } .uk-position-z-index { z-index: 1; } /* Margin modifier ========================================================================== */ /* * Small */ .uk-position-small { max-width: calc(100% - (15px * 2)); margin: 15px; } .uk-position-small.uk-position-center { transform: translate(-50%, -50%) translate(-15px, -15px); } .uk-position-small[class*='uk-position-center-left'], .uk-position-small[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-15px); } .uk-position-small.uk-position-top-center, .uk-position-small.uk-position-bottom-center { transform: translateX(-50%) translateX(-15px); } /* * Medium */ .uk-position-medium { max-width: calc(100% - (30px * 2)); margin: 30px; } .uk-position-medium.uk-position-center { transform: translate(-50%, -50%) translate(-30px, -30px); } .uk-position-medium[class*='uk-position-center-left'], .uk-position-medium[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-30px); } .uk-position-medium.uk-position-top-center, .uk-position-medium.uk-position-bottom-center { transform: translateX(-50%) translateX(-30px); } /* * Large */ .uk-position-large { max-width: calc(100% - (30px * 2)); margin: 30px; } .uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-30px, -30px); } .uk-position-large[class*='uk-position-center-left'], .uk-position-large[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-30px); } .uk-position-large.uk-position-top-center, .uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-30px); } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-position-large { max-width: calc(100% - (50px * 2)); margin: 50px; } .uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-50px, -50px); } .uk-position-large[class*='uk-position-center-left'], .uk-position-large[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-50px); } .uk-position-large.uk-position-top-center, .uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-50px); } } /* ======================================================================== Component: Transition ========================================================================== */ /* Toggle (Hover + Focus) ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ .uk-transition-toggle { /* 1 */ -webkit-tap-highlight-color: transparent; } /* * Remove outline for `tabindex` */ .uk-transition-toggle:focus { outline: none; } /* Transitions ========================================================================== */ /* * The toggle is triggered on touch devices by two methods: * 1. Using `:focus` and tabindex * 2. Using `:hover` and a `touchstart` event listener registered on the document * (Doesn't work on Surface touch devices) * * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`, * therefore it's recommended to use an extra `div` for the transition. */ .uk-transition-fade, [class*='uk-transition-scale'], [class*='uk-transition-slide'] { transition: 0.3s ease-out; transition-property: opacity, transform, filter; opacity: 0; } /* * Fade */ .uk-transition-toggle:hover .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-active.uk-active .uk-transition-fade { opacity: 1; } /* * Scale */ .uk-transition-scale-up { transform: scale(1, 1); } .uk-transition-scale-down { transform: scale(1.1, 1.1); } /* Show */ .uk-transition-toggle:hover .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-active.uk-active .uk-transition-scale-up { opacity: 1; transform: scale(1.1, 1.1); } .uk-transition-toggle:hover .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-active.uk-active .uk-transition-scale-down { opacity: 1; transform: scale(1, 1); } /* * Slide */ .uk-transition-slide-top { transform: translateY(-100%); } .uk-transition-slide-bottom { transform: translateY(100%); } .uk-transition-slide-left { transform: translateX(-100%); } .uk-transition-slide-right { transform: translateX(100%); } .uk-transition-slide-top-small { transform: translateY(-10px); } .uk-transition-slide-bottom-small { transform: translateY(10px); } .uk-transition-slide-left-small { transform: translateX(-10px); } .uk-transition-slide-right-small { transform: translateX(10px); } .uk-transition-slide-top-medium { transform: translateY(-50px); } .uk-transition-slide-bottom-medium { transform: translateY(50px); } .uk-transition-slide-left-medium { transform: translateX(-50px); } .uk-transition-slide-right-medium { transform: translateX(50px); } /* Show */ .uk-transition-toggle:hover [class*='uk-transition-slide'], .uk-transition-toggle:focus [class*='uk-transition-slide'], .uk-transition-active.uk-active [class*='uk-transition-slide'] { opacity: 1; transform: translate(0, 0); } /* Opacity modifier ========================================================================== */ .uk-transition-opaque { opacity: 1; } /* Duration modifiers ========================================================================== */ .uk-transition-slow { transition-duration: 0.7s; } /* ======================================================================== Component: Visibility ========================================================================== */ /* * Hidden * `hidden` attribute also set here to make it stronger */ [hidden], .uk-hidden { display: none !important; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-hidden\@s { display: none !important; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-hidden\@m { display: none !important; } } /* Desktop and bigger */ @media (min-width: 1200px) { .uk-hidden\@l { display: none !important; } } /* Large screen and bigger */ @media (min-width: 1600px) { .uk-hidden\@xl { display: none !important; } } @media (min-width: 1760px) { .uk-hidden\@xl_ { display: none !important; } } /* * Visible */ /* Phone portrait and smaller */ @media (max-width: 639px) { .uk-visible\@s { display: none !important; } } /* Phone landscape and smaller */ @media (max-width: 959px) { .uk-visible\@m { display: none !important; } } /* Tablet landscape and smaller */ @media (max-width: 1199px) { .uk-visible\@l { display: none !important; } } /* Desktop and smaller */ @media (max-width: 1599px) { .uk-visible\@xl { display: none !important; } } @media (max-width: 1759px) { .uk-visible\@xl_ { display: none !important; } } /* Visibility ========================================================================== */ .uk-invisible { visibility: hidden !important; } /* Toggle (Hover + Focus) ========================================================================== */ /* * Hidden * 1. The toggle is triggered on touch devices using `:focus` and tabindex * 2. The target stays visible if any element within receives focus through keyboard * Doesn't work in Edge, yet. * 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable. * */ /* 1 + 2 */ .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { /* 3 */ position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } /* * Invisible */ /* 1 + 2 */ .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { /* 3 */ opacity: 0 !important; } /* * 1. Prevent tab highlighting on iOS. */ .uk-visible-toggle { /* 1 */ -webkit-tap-highlight-color: transparent; } /* * Remove outline for `tabindex` */ .uk-visible-toggle:focus { outline: none; } /* Touch ========================================================================== */ /* * Hide if primary pointing device has limited accuracy, e.g. a touch screen. * Works on mobile browsers: Safari, Chrome and Android browser */ @media (pointer: coarse) { .uk-hidden-touch { display: none !important; } } /* * Hide if primary pointing device is accurate, e.g. mouse. * 1. Fallback for IE11 and Firefox, because `pointer` is not supported * 2. Reset if supported */ /* 1 */ .uk-hidden-notouch { display: none !important; } @media (pointer: coarse) { .uk-hidden-notouch { display: block !important; } } /* ======================================================================== Component: Inverse ========================================================================== */ /* * Implemented class depends on the general theme color * `uk-light` is for light colors on dark backgrounds * `uk-dark` is or dark colors on light backgrounds */ .uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar { color: rgba(255, 255, 255, 0.7); } .uk-light a, .uk-light .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary.uk-card-body .uk-link, .uk-card-primary > :not([class*='uk-card-media']) a, .uk-card-primary > :not([class*='uk-card-media']) .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link, .uk-overlay-primary a, .uk-overlay-primary .uk-link, .uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link { color: #fff; } .uk-light a:hover, .uk-light .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary > :not([class*='uk-card-media']) a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover { color: #fff; } .uk-light :not(pre) > code, .uk-light :not(pre) > kbd, .uk-light :not(pre) > samp, .uk-section-primary:not(.uk-preserve-color) :not(pre) > code, .uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, .uk-card-primary.uk-card-body :not(pre) > code, .uk-card-primary.uk-card-body :not(pre) > kbd, .uk-card-primary.uk-card-body :not(pre) > samp, .uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, .uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, .uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, .uk-card-secondary.uk-card-body :not(pre) > code, .uk-card-secondary.uk-card-body :not(pre) > kbd, .uk-card-secondary.uk-card-body :not(pre) > samp, .uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, .uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, .uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, .uk-overlay-primary :not(pre) > code, .uk-overlay-primary :not(pre) > kbd, .uk-overlay-primary :not(pre) > samp, .uk-offcanvas-bar :not(pre) > code, .uk-offcanvas-bar :not(pre) > kbd, .uk-offcanvas-bar :not(pre) > samp { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.1); } .uk-light em, .uk-section-primary:not(.uk-preserve-color) em, .uk-section-secondary:not(.uk-preserve-color) em, .uk-tile-primary:not(.uk-preserve-color) em, .uk-tile-secondary:not(.uk-preserve-color) em, .uk-card-primary.uk-card-body em, .uk-card-primary > :not([class*='uk-card-media']) em, .uk-card-secondary.uk-card-body em, .uk-card-secondary > :not([class*='uk-card-media']) em, .uk-overlay-primary em, .uk-offcanvas-bar em { color: #fff; } .uk-light h1, .uk-light .uk-h1, .uk-light h2, .uk-light .uk-h2, .uk-light h3, .uk-light .uk-h3, .uk-light h4, .uk-light .uk-h4, .uk-light h5, .uk-light .uk-h5, .uk-light h6, .uk-light .uk-h6, .uk-light .uk-heading-small, .uk-light .uk-heading-medium, .uk-light .uk-heading-large, .uk-light .uk-heading-xlarge, .uk-light .uk-heading-2xlarge, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-heading-small, .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-primary:not(.uk-preserve-color) .uk-heading-large, .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body h6, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary.uk-card-body .uk-heading-small, .uk-card-primary.uk-card-body .uk-heading-medium, .uk-card-primary.uk-card-body .uk-heading-large, .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-card-primary > :not([class*='uk-card-media']) h1, .uk-card-primary > :not([class*='uk-card-media']) .uk-h1, .uk-card-primary > :not([class*='uk-card-media']) h2, .uk-card-primary > :not([class*='uk-card-media']) .uk-h2, .uk-card-primary > :not([class*='uk-card-media']) h3, .uk-card-primary > :not([class*='uk-card-media']) .uk-h3, .uk-card-primary > :not([class*='uk-card-media']) h4, .uk-card-primary > :not([class*='uk-card-media']) .uk-h4, .uk-card-primary > :not([class*='uk-card-media']) h5, .uk-card-primary > :not([class*='uk-card-media']) .uk-h5, .uk-card-primary > :not([class*='uk-card-media']) h6, .uk-card-primary > :not([class*='uk-card-media']) .uk-h6, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body .uk-heading-small, .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-card-secondary.uk-card-body .uk-heading-large, .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-card-secondary > :not([class*='uk-card-media']) h1, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, .uk-card-secondary > :not([class*='uk-card-media']) h2, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, .uk-card-secondary > :not([class*='uk-card-media']) h3, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, .uk-card-secondary > :not([class*='uk-card-media']) h4, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, .uk-card-secondary > :not([class*='uk-card-media']) h5, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, .uk-card-secondary > :not([class*='uk-card-media']) h6, .uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, .uk-overlay-primary h1, .uk-overlay-primary .uk-h1, .uk-overlay-primary h2, .uk-overlay-primary .uk-h2, .uk-overlay-primary h3, .uk-overlay-primary .uk-h3, .uk-overlay-primary h4, .uk-overlay-primary .uk-h4, .uk-overlay-primary h5, .uk-overlay-primary .uk-h5, .uk-overlay-primary h6, .uk-overlay-primary .uk-h6, .uk-overlay-primary .uk-heading-small, .uk-overlay-primary .uk-heading-medium, .uk-overlay-primary .uk-heading-large, .uk-overlay-primary .uk-heading-xlarge, .uk-overlay-primary .uk-heading-2xlarge, .uk-offcanvas-bar h1, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar h6, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar .uk-heading-small, .uk-offcanvas-bar .uk-heading-medium, .uk-offcanvas-bar .uk-heading-large, .uk-offcanvas-bar .uk-heading-xlarge, .uk-offcanvas-bar .uk-heading-2xlarge { color: #fff; } .uk-light blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote, .uk-card-primary.uk-card-body blockquote, .uk-card-primary > :not([class*='uk-card-media']) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary > :not([class*='uk-card-media']) blockquote, .uk-overlay-primary blockquote, .uk-offcanvas-bar blockquote { color: #fff; } .uk-light blockquote footer, .uk-section-primary:not(.uk-preserve-color) blockquote footer, .uk-section-secondary:not(.uk-preserve-color) blockquote footer, .uk-tile-primary:not(.uk-preserve-color) blockquote footer, .uk-tile-secondary:not(.uk-preserve-color) blockquote footer, .uk-card-primary.uk-card-body blockquote footer, .uk-card-primary > :not([class*='uk-card-media']) blockquote footer, .uk-card-secondary.uk-card-body blockquote footer, .uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, .uk-overlay-primary blockquote footer, .uk-offcanvas-bar blockquote footer { color: rgba(255, 255, 255, 0.7); } .uk-light hr, .uk-light .uk-hr, .uk-section-primary:not(.uk-preserve-color) hr, .uk-section-primary:not(.uk-preserve-color) .uk-hr, .uk-section-secondary:not(.uk-preserve-color) hr, .uk-section-secondary:not(.uk-preserve-color) .uk-hr, .uk-tile-primary:not(.uk-preserve-color) hr, .uk-tile-primary:not(.uk-preserve-color) .uk-hr, .uk-tile-secondary:not(.uk-preserve-color) hr, .uk-tile-secondary:not(.uk-preserve-color) .uk-hr, .uk-card-primary.uk-card-body hr, .uk-card-primary.uk-card-body .uk-hr, .uk-card-primary > :not([class*='uk-card-media']) hr, .uk-card-primary > :not([class*='uk-card-media']) .uk-hr, .uk-card-secondary.uk-card-body hr, .uk-card-secondary.uk-card-body .uk-hr, .uk-card-secondary > :not([class*='uk-card-media']) hr, .uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, .uk-overlay-primary hr, .uk-overlay-primary .uk-hr, .uk-offcanvas-bar hr, .uk-offcanvas-bar .uk-hr { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light a.uk-link-muted, .uk-light .uk-link-muted a, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-card-primary.uk-card-body a.uk-link-muted, .uk-card-primary.uk-card-body .uk-link-muted a, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-card-secondary.uk-card-body a.uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-overlay-primary a.uk-link-muted, .uk-overlay-primary .uk-link-muted a, .uk-offcanvas-bar a.uk-link-muted, .uk-offcanvas-bar .uk-link-muted a { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-muted:hover, .uk-light .uk-link-muted a:hover, .uk-light .uk-link-toggle:hover .uk-link-muted, .uk-light .uk-link-toggle:focus .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-card-primary.uk-card-body a.uk-link-muted:hover, .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted, .uk-card-secondary.uk-card-body a.uk-link-muted:hover, .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted, .uk-overlay-primary a.uk-link-muted:hover, .uk-overlay-primary .uk-link-muted a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, .uk-overlay-primary .uk-link-toggle:focus .uk-link-muted, .uk-offcanvas-bar a.uk-link-muted:hover, .uk-offcanvas-bar .uk-link-muted a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-muted { color: rgba(255, 255, 255, 0.7); } .uk-light a.uk-link-text:hover, .uk-light .uk-link-text a:hover, .uk-light .uk-link-toggle:hover .uk-link-text, .uk-light .uk-link-toggle:focus .uk-link-text, .uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-card-primary.uk-card-body a.uk-link-text:hover, .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-text, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-text:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text, .uk-card-secondary.uk-card-body a.uk-link-text:hover, .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-text, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-text:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-text, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text, .uk-overlay-primary a.uk-link-text:hover, .uk-overlay-primary .uk-link-text a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-text, .uk-overlay-primary .uk-link-toggle:focus .uk-link-text, .uk-offcanvas-bar a.uk-link-text:hover, .uk-offcanvas-bar .uk-link-text a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-text { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-heading:hover, .uk-light .uk-link-heading a:hover, .uk-light .uk-link-toggle:hover .uk-link-heading, .uk-light .uk-link-toggle:focus .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-card-primary.uk-card-body a.uk-link-heading:hover, .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-heading, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-heading:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading, .uk-card-secondary.uk-card-body a.uk-link-heading:hover, .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-heading, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-heading:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading, .uk-overlay-primary a.uk-link-heading:hover, .uk-overlay-primary .uk-link-heading a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, .uk-overlay-primary .uk-link-toggle:focus .uk-link-heading, .uk-offcanvas-bar a.uk-link-heading:hover, .uk-offcanvas-bar .uk-link-heading a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-heading { color: #fff; } .uk-light .uk-heading-divider, .uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, .uk-card-primary.uk-card-body .uk-heading-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, .uk-card-secondary.uk-card-body .uk-heading-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, .uk-overlay-primary .uk-heading-divider, .uk-offcanvas-bar .uk-heading-divider { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-heading-bullet::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-card-primary.uk-card-body .uk-heading-bullet::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, .uk-card-secondary.uk-card-body .uk-heading-bullet::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, .uk-overlay-primary .uk-heading-bullet::before, .uk-offcanvas-bar .uk-heading-bullet::before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-heading-line > ::before, .uk-light .uk-heading-line > ::after, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, .uk-card-primary.uk-card-body .uk-heading-line > ::before, .uk-card-primary.uk-card-body .uk-heading-line > ::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, .uk-card-secondary.uk-card-body .uk-heading-line > ::before, .uk-card-secondary.uk-card-body .uk-heading-line > ::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, .uk-overlay-primary .uk-heading-line > ::before, .uk-overlay-primary .uk-heading-line > ::after, .uk-offcanvas-bar .uk-heading-line > ::before, .uk-offcanvas-bar .uk-heading-line > ::after { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-divider-icon, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, .uk-card-primary.uk-card-body .uk-divider-icon, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, .uk-card-secondary.uk-card-body .uk-divider-icon, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, .uk-overlay-primary .uk-divider-icon, .uk-offcanvas-bar .uk-divider-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .uk-light .uk-divider-icon::before, .uk-light .uk-divider-icon::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-card-primary.uk-card-body .uk-divider-icon::before, .uk-card-primary.uk-card-body .uk-divider-icon::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, .uk-card-secondary.uk-card-body .uk-divider-icon::before, .uk-card-secondary.uk-card-body .uk-divider-icon::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, .uk-overlay-primary .uk-divider-icon::before, .uk-overlay-primary .uk-divider-icon::after, .uk-offcanvas-bar .uk-divider-icon::before, .uk-offcanvas-bar .uk-divider-icon::after { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-divider-small::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, .uk-card-primary.uk-card-body .uk-divider-small::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, .uk-card-secondary.uk-card-body .uk-divider-small::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, .uk-overlay-primary .uk-divider-small::after, .uk-offcanvas-bar .uk-divider-small::after { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-divider-vertical, .uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, .uk-card-primary.uk-card-body .uk-divider-vertical, .uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, .uk-card-secondary.uk-card-body .uk-divider-vertical, .uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, .uk-overlay-primary .uk-divider-vertical, .uk-offcanvas-bar .uk-divider-vertical { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-list-muted > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, .uk-card-primary.uk-card-body .uk-list-muted > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, .uk-card-secondary.uk-card-body .uk-list-muted > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, .uk-overlay-primary .uk-list-muted > ::before, .uk-offcanvas-bar .uk-list-muted > ::before { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-list-emphasis > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, .uk-card-primary.uk-card-body .uk-list-emphasis > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, .uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, .uk-overlay-primary .uk-list-emphasis > ::before, .uk-offcanvas-bar .uk-list-emphasis > ::before { color: #fff !important; } .uk-light .uk-list-primary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, .uk-card-primary.uk-card-body .uk-list-primary > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, .uk-card-secondary.uk-card-body .uk-list-primary > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, .uk-overlay-primary .uk-list-primary > ::before, .uk-offcanvas-bar .uk-list-primary > ::before { color: #fff !important; } .uk-light .uk-list-secondary > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, .uk-card-primary.uk-card-body .uk-list-secondary > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, .uk-card-secondary.uk-card-body .uk-list-secondary > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, .uk-overlay-primary .uk-list-secondary > ::before, .uk-offcanvas-bar .uk-list-secondary > ::before { color: #fff !important; } .uk-light .uk-list-bullet > ::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, .uk-card-primary.uk-card-body .uk-list-bullet > ::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, .uk-card-secondary.uk-card-body .uk-list-bullet > ::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, .uk-overlay-primary .uk-list-bullet > ::before, .uk-offcanvas-bar .uk-list-bullet > ::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-light .uk-list-divider > :nth-child(n+2), .uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), .uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), .uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), .uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), .uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), .uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), .uk-overlay-primary .uk-list-divider > :nth-child(n+2), .uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-list-striped > *:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), .uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { border-top-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-list-striped > :nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), .uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), .uk-overlay-primary .uk-list-striped > :nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.1); } .uk-light .uk-table th, .uk-section-primary:not(.uk-preserve-color) .uk-table th, .uk-section-secondary:not(.uk-preserve-color) .uk-table th, .uk-tile-primary:not(.uk-preserve-color) .uk-table th, .uk-tile-secondary:not(.uk-preserve-color) .uk-table th, .uk-card-primary.uk-card-body .uk-table th, .uk-card-primary > :not([class*='uk-card-media']) .uk-table th, .uk-card-secondary.uk-card-body .uk-table th, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, .uk-overlay-primary .uk-table th, .uk-offcanvas-bar .uk-table th { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-table caption, .uk-section-primary:not(.uk-preserve-color) .uk-table caption, .uk-section-secondary:not(.uk-preserve-color) .uk-table caption, .uk-tile-primary:not(.uk-preserve-color) .uk-table caption, .uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, .uk-card-primary.uk-card-body .uk-table caption, .uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, .uk-card-secondary.uk-card-body .uk-table caption, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, .uk-overlay-primary .uk-table caption, .uk-offcanvas-bar .uk-table caption { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-table > tr.uk-active, .uk-light .uk-table tbody tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-card-primary.uk-card-body .uk-table > tr.uk-active, .uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, .uk-card-secondary.uk-card-body .uk-table > tr.uk-active, .uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, .uk-overlay-primary .uk-table > tr.uk-active, .uk-overlay-primary .uk-table tbody tr.uk-active, .uk-offcanvas-bar .uk-table > tr.uk-active, .uk-offcanvas-bar .uk-table tbody tr.uk-active { background: rgba(255, 255, 255, 0.08); } .uk-light .uk-table-divider > tr:not(:first-child), .uk-light .uk-table-divider > :not(:first-child) > tr, .uk-light .uk-table-divider > :first-child > tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), .uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, .uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, .uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), .uk-overlay-primary .uk-table-divider > tr:not(:first-child), .uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, .uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), .uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), .uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, .uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-table-striped > tr:nth-of-type(odd), .uk-light .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), .uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), .uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { background: rgba(255, 255, 255, 0.1); border-top-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-table-hover > tr:hover, .uk-light .uk-table-hover tbody tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-card-primary.uk-card-body .uk-table-hover > tr:hover, .uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, .uk-overlay-primary .uk-table-hover > tr:hover, .uk-overlay-primary .uk-table-hover tbody tr:hover, .uk-offcanvas-bar .uk-table-hover > tr:hover, .uk-offcanvas-bar .uk-table-hover tbody tr:hover { background: rgba(255, 255, 255, 0.08); } .uk-light .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, .uk-overlay-primary .uk-icon-link, .uk-offcanvas-bar .uk-icon-link { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-icon-link:hover, .uk-light .uk-icon-link:focus, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-card-primary.uk-card-body .uk-icon-link:hover, .uk-card-primary.uk-card-body .uk-icon-link:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:focus, .uk-card-secondary.uk-card-body .uk-icon-link:hover, .uk-card-secondary.uk-card-body .uk-icon-link:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:focus, .uk-overlay-primary .uk-icon-link:hover, .uk-overlay-primary .uk-icon-link:focus, .uk-offcanvas-bar .uk-icon-link:hover, .uk-offcanvas-bar .uk-icon-link:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-icon-link:active, .uk-light .uk-active > .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link:active, .uk-card-primary.uk-card-body .uk-active > .uk-icon-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link:active, .uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, .uk-overlay-primary .uk-icon-link:active, .uk-overlay-primary .uk-active > .uk-icon-link, .uk-offcanvas-bar .uk-icon-link:active, .uk-offcanvas-bar .uk-active > .uk-icon-link { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, .uk-overlay-primary .uk-icon-button, .uk-offcanvas-bar .uk-icon-button { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); } .uk-light .uk-icon-button:hover, .uk-light .uk-icon-button:focus, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-card-primary.uk-card-body .uk-icon-button:hover, .uk-card-primary.uk-card-body .uk-icon-button:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:focus, .uk-card-secondary.uk-card-body .uk-icon-button:hover, .uk-card-secondary.uk-card-body .uk-icon-button:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:focus, .uk-overlay-primary .uk-icon-button:hover, .uk-overlay-primary .uk-icon-button:focus, .uk-offcanvas-bar .uk-icon-button:hover, .uk-offcanvas-bar .uk-icon-button:focus { background-color: rgba(242, 242, 242, 0.1); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-icon-button:active, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, .uk-card-primary.uk-card-body .uk-icon-button:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, .uk-card-secondary.uk-card-body .uk-icon-button:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, .uk-overlay-primary .uk-icon-button:active, .uk-offcanvas-bar .uk-icon-button:active { background-color: rgba(230, 230, 230, 0.1); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-select, .uk-section-primary:not(.uk-preserve-color) .uk-textarea, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-select, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-select, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-select, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, .uk-card-primary.uk-card-body .uk-input, .uk-card-primary.uk-card-body .uk-select, .uk-card-primary.uk-card-body .uk-textarea, .uk-card-primary > :not([class*='uk-card-media']) .uk-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-select, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary.uk-card-body .uk-select, .uk-card-secondary.uk-card-body .uk-textarea, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-select, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, .uk-overlay-primary .uk-input, .uk-overlay-primary .uk-select, .uk-overlay-primary .uk-textarea, .uk-offcanvas-bar .uk-input, .uk-offcanvas-bar .uk-select, .uk-offcanvas-bar .uk-textarea { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); background-clip: padding-box; border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-input:focus, .uk-light .uk-select:focus, .uk-light .uk-textarea:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-select:focus, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-card-primary.uk-card-body .uk-input:focus, .uk-card-primary.uk-card-body .uk-select:focus, .uk-card-primary.uk-card-body .uk-textarea:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, .uk-card-secondary.uk-card-body .uk-input:focus, .uk-card-secondary.uk-card-body .uk-select:focus, .uk-card-secondary.uk-card-body .uk-textarea:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, .uk-overlay-primary .uk-input:focus, .uk-overlay-primary .uk-select:focus, .uk-overlay-primary .uk-textarea:focus, .uk-offcanvas-bar .uk-input:focus, .uk-offcanvas-bar .uk-select:focus, .uk-offcanvas-bar .uk-textarea:focus { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-input::-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder, .uk-overlay-primary .uk-input::-ms-input-placeholder, .uk-offcanvas-bar .uk-input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-card-primary.uk-card-body .uk-input::placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, .uk-card-secondary.uk-card-body .uk-input::placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, .uk-overlay-primary .uk-input::placeholder, .uk-offcanvas-bar .uk-input::placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-textarea::-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder, .uk-overlay-primary .uk-textarea::-ms-input-placeholder, .uk-offcanvas-bar .uk-textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-textarea::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-card-primary.uk-card-body .uk-textarea::placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, .uk-card-secondary.uk-card-body .uk-textarea::placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, .uk-overlay-primary .uk-textarea::placeholder, .uk-offcanvas-bar .uk-textarea::placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-select:not([multiple]):not([size]), .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), .uk-overlay-primary .uk-select:not([multiple]):not([size]), .uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .uk-light .uk-input[list]:hover, .uk-light .uk-input[list]:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-card-primary.uk-card-body .uk-input[list]:hover, .uk-card-primary.uk-card-body .uk-input[list]:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, .uk-card-secondary.uk-card-body .uk-input[list]:hover, .uk-card-secondary.uk-card-body .uk-input[list]:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, .uk-overlay-primary .uk-input[list]:hover, .uk-overlay-primary .uk-input[list]:focus, .uk-offcanvas-bar .uk-input[list]:hover, .uk-offcanvas-bar .uk-input[list]:focus { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .uk-light .uk-radio, .uk-light .uk-checkbox, .uk-section-primary:not(.uk-preserve-color) .uk-radio, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox, .uk-section-secondary:not(.uk-preserve-color) .uk-radio, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-primary:not(.uk-preserve-color) .uk-radio, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-card-primary.uk-card-body .uk-radio, .uk-card-primary.uk-card-body .uk-checkbox, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, .uk-card-secondary.uk-card-body .uk-radio, .uk-card-secondary.uk-card-body .uk-checkbox, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, .uk-overlay-primary .uk-radio, .uk-overlay-primary .uk-checkbox, .uk-offcanvas-bar .uk-radio, .uk-offcanvas-bar .uk-checkbox { background-color: rgba(242, 242, 242, 0.1); border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-radio:focus, .uk-light .uk-checkbox:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-card-primary.uk-card-body .uk-radio:focus, .uk-card-primary.uk-card-body .uk-checkbox:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, .uk-card-secondary.uk-card-body .uk-radio:focus, .uk-card-secondary.uk-card-body .uk-checkbox:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, .uk-overlay-primary .uk-radio:focus, .uk-overlay-primary .uk-checkbox:focus, .uk-offcanvas-bar .uk-radio:focus, .uk-offcanvas-bar .uk-checkbox:focus { border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-radio:checked, .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-overlay-primary .uk-radio:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-radio:checked, .uk-offcanvas-bar .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:indeterminate { background-color: #fff; border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-radio:checked:focus, .uk-light .uk-checkbox:checked:focus, .uk-light .uk-checkbox:indeterminate:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-card-primary.uk-card-body .uk-radio:checked:focus, .uk-card-primary.uk-card-body .uk-checkbox:checked:focus, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, .uk-card-secondary.uk-card-body .uk-radio:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, .uk-overlay-primary .uk-radio:checked:focus, .uk-overlay-primary .uk-checkbox:checked:focus, .uk-overlay-primary .uk-checkbox:indeterminate:focus, .uk-offcanvas-bar .uk-radio:checked:focus, .uk-offcanvas-bar .uk-checkbox:checked:focus, .uk-offcanvas-bar .uk-checkbox:indeterminate:focus { background-color: #e6e6e6; } .uk-light .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, .uk-overlay-primary .uk-radio:checked, .uk-offcanvas-bar .uk-radio:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-light .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .uk-light .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-checkbox:indeterminate { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-light .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, .uk-overlay-primary .uk-form-label, .uk-offcanvas-bar .uk-form-label { color: #fff; } .uk-light .uk-form-icon, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, .uk-card-primary.uk-card-body .uk-form-icon, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, .uk-card-secondary.uk-card-body .uk-form-icon, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, .uk-overlay-primary .uk-form-icon, .uk-offcanvas-bar .uk-form-icon { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-form-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-card-primary.uk-card-body .uk-form-icon:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, .uk-card-secondary.uk-card-body .uk-form-icon:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, .uk-overlay-primary .uk-form-icon:hover, .uk-offcanvas-bar .uk-form-icon:hover { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, .uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, .uk-card-secondary.uk-card-body .uk-button-default, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, .uk-overlay-primary .uk-button-default, .uk-offcanvas-bar .uk-button-default { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.7); } .uk-light .uk-button-default:hover, .uk-light .uk-button-default:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary.uk-card-body .uk-button-default:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus, .uk-overlay-primary .uk-button-default:hover, .uk-overlay-primary .uk-button-default:focus, .uk-offcanvas-bar .uk-button-default:hover, .uk-offcanvas-bar .uk-button-default:focus { background-color: transparent; color: #fff; border-color: #fff; } .uk-light .uk-button-default:active, .uk-light .uk-button-default.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, .uk-overlay-primary .uk-button-default:active, .uk-overlay-primary .uk-button-default.uk-active, .uk-offcanvas-bar .uk-button-default:active, .uk-offcanvas-bar .uk-button-default.uk-active { background-color: transparent; color: #fff; border-color: #fff; } .uk-light .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-offcanvas-bar .uk-button-primary { background-color: #fff; color: #666; } .uk-light .uk-button-primary:hover, .uk-light .uk-button-primary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary.uk-card-body .uk-button-primary:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus, .uk-overlay-primary .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:focus, .uk-offcanvas-bar .uk-button-primary:hover, .uk-offcanvas-bar .uk-button-primary:focus { background-color: #f2f2f2; color: #666; } .uk-light .uk-button-primary:active, .uk-light .uk-button-primary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, .uk-overlay-primary .uk-button-primary:active, .uk-overlay-primary .uk-button-primary.uk-active, .uk-offcanvas-bar .uk-button-primary:active, .uk-offcanvas-bar .uk-button-primary.uk-active { background-color: #e6e6e6; color: #666; } .uk-light .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .uk-offcanvas-bar .uk-button-secondary { background-color: #fff; color: #666; } .uk-light .uk-button-secondary:hover, .uk-light .uk-button-secondary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary.uk-card-body .uk-button-secondary:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus, .uk-overlay-primary .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:focus, .uk-offcanvas-bar .uk-button-secondary:hover, .uk-offcanvas-bar .uk-button-secondary:focus { background-color: #f2f2f2; color: #666; } .uk-light .uk-button-secondary:active, .uk-light .uk-button-secondary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, .uk-overlay-primary .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary.uk-active, .uk-offcanvas-bar .uk-button-secondary:active, .uk-offcanvas-bar .uk-button-secondary.uk-active { background-color: #e6e6e6; color: #666; } .uk-light .uk-button-text, .uk-section-primary:not(.uk-preserve-color) .uk-button-text, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, .uk-card-primary.uk-card-body .uk-button-text, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, .uk-card-secondary.uk-card-body .uk-button-text, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, .uk-overlay-primary .uk-button-text, .uk-offcanvas-bar .uk-button-text { color: #fff; } .uk-light .uk-button-text::before, .uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-card-primary.uk-card-body .uk-button-text::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, .uk-card-secondary.uk-card-body .uk-button-text::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, .uk-overlay-primary .uk-button-text::before, .uk-offcanvas-bar .uk-button-text::before { border-bottom-color: #fff; } .uk-light .uk-button-text:hover, .uk-light .uk-button-text:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-card-primary.uk-card-body .uk-button-text:hover, .uk-card-primary.uk-card-body .uk-button-text:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:focus, .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-card-secondary.uk-card-body .uk-button-text:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:focus, .uk-overlay-primary .uk-button-text:hover, .uk-overlay-primary .uk-button-text:focus, .uk-offcanvas-bar .uk-button-text:hover, .uk-offcanvas-bar .uk-button-text:focus { color: #fff; } .uk-light .uk-button-text:disabled, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-card-primary.uk-card-body .uk-button-text:disabled, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, .uk-card-secondary.uk-card-body .uk-button-text:disabled, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, .uk-overlay-primary .uk-button-text:disabled, .uk-offcanvas-bar .uk-button-text:disabled { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-button-link, .uk-section-primary:not(.uk-preserve-color) .uk-button-link, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, .uk-card-primary.uk-card-body .uk-button-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, .uk-card-secondary.uk-card-body .uk-button-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, .uk-overlay-primary .uk-button-link, .uk-offcanvas-bar .uk-button-link { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-button-link:hover, .uk-light .uk-button-link:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus, .uk-card-primary.uk-card-body .uk-button-link:hover, .uk-card-primary.uk-card-body .uk-button-link:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:focus, .uk-card-secondary.uk-card-body .uk-button-link:hover, .uk-card-secondary.uk-card-body .uk-button-link:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:focus, .uk-overlay-primary .uk-button-link:hover, .uk-overlay-primary .uk-button-link:focus, .uk-offcanvas-bar .uk-button-link:hover, .uk-offcanvas-bar .uk-button-link:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-close, .uk-section-primary:not(.uk-preserve-color) .uk-close, .uk-section-secondary:not(.uk-preserve-color) .uk-close, .uk-tile-primary:not(.uk-preserve-color) .uk-close, .uk-tile-secondary:not(.uk-preserve-color) .uk-close, .uk-card-primary.uk-card-body .uk-close, .uk-card-primary > :not([class*='uk-card-media']) .uk-close, .uk-card-secondary.uk-card-body .uk-close, .uk-card-secondary > :not([class*='uk-card-media']) .uk-close, .uk-overlay-primary .uk-close, .uk-offcanvas-bar .uk-close { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-close:hover, .uk-light .uk-close:focus, .uk-section-primary:not(.uk-preserve-color) .uk-close:hover, .uk-section-primary:not(.uk-preserve-color) .uk-close:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-close:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-close:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus, .uk-card-primary.uk-card-body .uk-close:hover, .uk-card-primary.uk-card-body .uk-close:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-close:focus, .uk-card-secondary.uk-card-body .uk-close:hover, .uk-card-secondary.uk-card-body .uk-close:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-close:focus, .uk-overlay-primary .uk-close:hover, .uk-overlay-primary .uk-close:focus, .uk-offcanvas-bar .uk-close:hover, .uk-offcanvas-bar .uk-close:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-totop, .uk-section-primary:not(.uk-preserve-color) .uk-totop, .uk-section-secondary:not(.uk-preserve-color) .uk-totop, .uk-tile-primary:not(.uk-preserve-color) .uk-totop, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop, .uk-card-primary.uk-card-body .uk-totop, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop, .uk-card-secondary.uk-card-body .uk-totop, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, .uk-overlay-primary .uk-totop, .uk-offcanvas-bar .uk-totop { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-totop:hover, .uk-light .uk-totop:focus, .uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-section-primary:not(.uk-preserve-color) .uk-totop:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus, .uk-card-primary.uk-card-body .uk-totop:hover, .uk-card-primary.uk-card-body .uk-totop:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:focus, .uk-card-secondary.uk-card-body .uk-totop:hover, .uk-card-secondary.uk-card-body .uk-totop:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:focus, .uk-overlay-primary .uk-totop:hover, .uk-overlay-primary .uk-totop:focus, .uk-offcanvas-bar .uk-totop:hover, .uk-offcanvas-bar .uk-totop:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-totop:active, .uk-section-primary:not(.uk-preserve-color) .uk-totop:active, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-card-primary.uk-card-body .uk-totop:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, .uk-card-secondary.uk-card-body .uk-totop:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, .uk-overlay-primary .uk-totop:active, .uk-offcanvas-bar .uk-totop:active { color: #fff; } .uk-light .uk-marker, .uk-section-primary:not(.uk-preserve-color) .uk-marker, .uk-section-secondary:not(.uk-preserve-color) .uk-marker, .uk-tile-primary:not(.uk-preserve-color) .uk-marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker, .uk-card-primary.uk-card-body .uk-marker, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker, .uk-card-secondary.uk-card-body .uk-marker, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, .uk-overlay-primary .uk-marker, .uk-offcanvas-bar .uk-marker { background: #f8f8f8; color: #666; } .uk-light .uk-marker:hover, .uk-light .uk-marker:focus, .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-card-primary.uk-card-body .uk-marker:hover, .uk-card-primary.uk-card-body .uk-marker:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus, .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-card-secondary.uk-card-body .uk-marker:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus, .uk-overlay-primary .uk-marker:hover, .uk-overlay-primary .uk-marker:focus, .uk-offcanvas-bar .uk-marker:hover, .uk-offcanvas-bar .uk-marker:focus { color: #666; } .uk-light .uk-badge, .uk-section-primary:not(.uk-preserve-color) .uk-badge, .uk-section-secondary:not(.uk-preserve-color) .uk-badge, .uk-tile-primary:not(.uk-preserve-color) .uk-badge, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge, .uk-card-primary.uk-card-body .uk-badge, .uk-card-primary > :not([class*='uk-card-media']) .uk-badge, .uk-card-secondary.uk-card-body .uk-badge, .uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, .uk-overlay-primary .uk-badge, .uk-offcanvas-bar .uk-badge { background-color: #fff; color: #666; } .uk-light .uk-badge:hover, .uk-light .uk-badge:focus, .uk-section-primary:not(.uk-preserve-color) .uk-badge:hover, .uk-section-primary:not(.uk-preserve-color) .uk-badge:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus, .uk-card-primary.uk-card-body .uk-badge:hover, .uk-card-primary.uk-card-body .uk-badge:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-badge:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-badge:focus, .uk-card-secondary.uk-card-body .uk-badge:hover, .uk-card-secondary.uk-card-body .uk-badge:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:focus, .uk-overlay-primary .uk-badge:hover, .uk-overlay-primary .uk-badge:focus, .uk-offcanvas-bar .uk-badge:hover, .uk-offcanvas-bar .uk-badge:focus { color: #666; } .uk-light .uk-label, .uk-section-primary:not(.uk-preserve-color) .uk-label, .uk-section-secondary:not(.uk-preserve-color) .uk-label, .uk-tile-primary:not(.uk-preserve-color) .uk-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-label, .uk-card-primary.uk-card-body .uk-label, .uk-card-primary > :not([class*='uk-card-media']) .uk-label, .uk-card-secondary.uk-card-body .uk-label, .uk-card-secondary > :not([class*='uk-card-media']) .uk-label, .uk-overlay-primary .uk-label, .uk-offcanvas-bar .uk-label { background-color: #fff; color: #666; } .uk-light .uk-article-meta, .uk-section-primary:not(.uk-preserve-color) .uk-article-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, .uk-card-primary.uk-card-body .uk-article-meta, .uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, .uk-card-secondary.uk-card-body .uk-article-meta, .uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, .uk-overlay-primary .uk-article-meta, .uk-offcanvas-bar .uk-article-meta { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, .uk-card-primary.uk-card-body .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, .uk-overlay-primary .uk-search-input, .uk-offcanvas-bar .uk-search-input { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-search-input:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, .uk-overlay-primary .uk-search-input:-ms-input-placeholder, .uk-offcanvas-bar .uk-search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-search-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-card-primary.uk-card-body .uk-search-input::placeholder, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, .uk-card-secondary.uk-card-body .uk-search-input::placeholder, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, .uk-overlay-primary .uk-search-input::placeholder, .uk-offcanvas-bar .uk-search-input::placeholder { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search .uk-search-icon, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-card-primary.uk-card-body .uk-search .uk-search-icon, .uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, .uk-overlay-primary .uk-search .uk-search-icon, .uk-offcanvas-bar .uk-search .uk-search-icon { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search .uk-search-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, .uk-overlay-primary .uk-search .uk-search-icon:hover, .uk-offcanvas-bar .uk-search .uk-search-icon:hover { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search-default .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-card-primary.uk-card-body .uk-search-default .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, .uk-overlay-primary .uk-search-default .uk-search-input, .uk-offcanvas-bar .uk-search-default .uk-search-input { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-search-default .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, .uk-overlay-primary .uk-search-default .uk-search-input:focus, .uk-offcanvas-bar .uk-search-default .uk-search-input:focus { background-color: transparent; } .uk-light .uk-search-navbar .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, .uk-overlay-primary .uk-search-navbar .uk-search-input, .uk-offcanvas-bar .uk-search-navbar .uk-search-input { background-color: transparent; } .uk-light .uk-search-large .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-card-primary.uk-card-body .uk-search-large .uk-search-input, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, .uk-overlay-primary .uk-search-large .uk-search-input, .uk-offcanvas-bar .uk-search-large .uk-search-input { background-color: transparent; } .uk-light .uk-search-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, .uk-card-primary.uk-card-body .uk-search-toggle, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, .uk-card-secondary.uk-card-body .uk-search-toggle, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, .uk-overlay-primary .uk-search-toggle, .uk-offcanvas-bar .uk-search-toggle { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-search-toggle:hover, .uk-light .uk-search-toggle:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-card-primary.uk-card-body .uk-search-toggle:hover, .uk-card-primary.uk-card-body .uk-search-toggle:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:focus, .uk-card-secondary.uk-card-body .uk-search-toggle:hover, .uk-card-secondary.uk-card-body .uk-search-toggle:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:focus, .uk-overlay-primary .uk-search-toggle:hover, .uk-overlay-primary .uk-search-toggle:focus, .uk-offcanvas-bar .uk-search-toggle:hover, .uk-offcanvas-bar .uk-search-toggle:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-accordion-title, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, .uk-card-primary.uk-card-body .uk-accordion-title, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, .uk-card-secondary.uk-card-body .uk-accordion-title, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, .uk-overlay-primary .uk-accordion-title, .uk-offcanvas-bar .uk-accordion-title { color: #fff; } .uk-light .uk-accordion-title:hover, .uk-light .uk-accordion-title:focus, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-card-primary.uk-card-body .uk-accordion-title:hover, .uk-card-primary.uk-card-body .uk-accordion-title:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:focus, .uk-card-secondary.uk-card-body .uk-accordion-title:hover, .uk-card-secondary.uk-card-body .uk-accordion-title:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:focus, .uk-overlay-primary .uk-accordion-title:hover, .uk-overlay-primary .uk-accordion-title:focus, .uk-offcanvas-bar .uk-accordion-title:hover, .uk-offcanvas-bar .uk-accordion-title:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-grid-divider > :not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, .uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-nav-parent-icon > .uk-parent > a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-light .uk-nav-default > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-card-primary.uk-card-body .uk-nav-default > li > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, .uk-card-secondary.uk-card-body .uk-nav-default > li > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, .uk-overlay-primary .uk-nav-default > li > a, .uk-offcanvas-bar .uk-nav-default > li > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-default > li > a:hover, .uk-light .uk-nav-default > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-primary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, .uk-overlay-primary .uk-nav-default > li > a:hover, .uk-overlay-primary .uk-nav-default > li > a:focus, .uk-offcanvas-bar .uk-nav-default > li > a:hover, .uk-offcanvas-bar .uk-nav-default > li > a:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-default > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, .uk-overlay-primary .uk-nav-default > li.uk-active > a, .uk-offcanvas-bar .uk-nav-default > li.uk-active > a { color: #fff; } .uk-light .uk-nav-default .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, .uk-overlay-primary .uk-nav-default .uk-nav-header, .uk-offcanvas-bar .uk-nav-default .uk-nav-header { color: #fff; } .uk-light .uk-nav-default .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, .uk-overlay-primary .uk-nav-default .uk-nav-divider, .uk-offcanvas-bar .uk-nav-default .uk-nav-divider { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-light .uk-nav-default .uk-nav-sub a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { color: #fff; } .uk-light .uk-nav-primary > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-card-primary.uk-card-body .uk-nav-primary > li > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, .uk-overlay-primary .uk-nav-primary > li > a, .uk-offcanvas-bar .uk-nav-primary > li > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-primary > li > a:hover, .uk-light .uk-nav-primary > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, .uk-overlay-primary .uk-nav-primary > li > a:hover, .uk-overlay-primary .uk-nav-primary > li > a:focus, .uk-offcanvas-bar .uk-nav-primary > li > a:hover, .uk-offcanvas-bar .uk-nav-primary > li > a:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-primary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, .uk-overlay-primary .uk-nav-primary > li.uk-active > a, .uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { color: #fff; } .uk-light .uk-nav-primary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, .uk-overlay-primary .uk-nav-primary .uk-nav-header, .uk-offcanvas-bar .uk-nav-primary .uk-nav-header { color: #fff; } .uk-light .uk-nav-primary .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, .uk-overlay-primary .uk-nav-primary .uk-nav-divider, .uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { border-top-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-nav-primary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-nav-primary .uk-nav-sub a:hover, .uk-light .uk-nav-primary .uk-nav-sub a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #fff; } .uk-light .uk-navbar-nav > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, .uk-overlay-primary .uk-navbar-nav > li > a, .uk-offcanvas-bar .uk-navbar-nav > li > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a:focus, .uk-light .uk-navbar-nav > li > a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, .uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a:focus, .uk-overlay-primary .uk-navbar-nav > li > a.uk-open, .uk-offcanvas-bar .uk-navbar-nav > li:hover > a, .uk-offcanvas-bar .uk-navbar-nav > li > a:focus, .uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, .uk-overlay-primary .uk-navbar-nav > li > a:active, .uk-offcanvas-bar .uk-navbar-nav > li > a:active { color: #fff; } .uk-light .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { color: #fff; } .uk-light .uk-navbar-item, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-card-primary.uk-card-body .uk-navbar-item, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, .uk-card-secondary.uk-card-body .uk-navbar-item, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, .uk-overlay-primary .uk-navbar-item, .uk-offcanvas-bar .uk-navbar-item { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-navbar-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-card-primary.uk-card-body .uk-navbar-toggle, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-card-secondary.uk-card-body .uk-navbar-toggle, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, .uk-overlay-primary .uk-navbar-toggle, .uk-offcanvas-bar .uk-navbar-toggle { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-navbar-toggle:hover, .uk-light .uk-navbar-toggle:focus, .uk-light .uk-navbar-toggle.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-card-primary.uk-card-body .uk-navbar-toggle:hover, .uk-card-primary.uk-card-body .uk-navbar-toggle:focus, .uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, .uk-card-secondary.uk-card-body .uk-navbar-toggle:focus, .uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, .uk-overlay-primary .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle:focus, .uk-overlay-primary .uk-navbar-toggle.uk-open, .uk-offcanvas-bar .uk-navbar-toggle:hover, .uk-offcanvas-bar .uk-navbar-toggle:focus, .uk-offcanvas-bar .uk-navbar-toggle.uk-open { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-card-primary.uk-card-body .uk-subnav > * > :first-child, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, .uk-overlay-primary .uk-subnav > * > :first-child, .uk-offcanvas-bar .uk-subnav > * > :first-child { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-subnav > * > a:hover, .uk-light .uk-subnav > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-card-primary.uk-card-body .uk-subnav > * > a:hover, .uk-card-primary.uk-card-body .uk-subnav > * > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, .uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav > * > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, .uk-overlay-primary .uk-subnav > * > a:hover, .uk-overlay-primary .uk-subnav > * > a:focus, .uk-offcanvas-bar .uk-subnav > * > a:hover, .uk-offcanvas-bar .uk-subnav > * > a:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, .uk-overlay-primary .uk-subnav > .uk-active > a, .uk-offcanvas-bar .uk-subnav > .uk-active > a { color: #fff; } .uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, .uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-subnav-pill > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, .uk-overlay-primary .uk-subnav-pill > * > :first-child, .uk-offcanvas-bar .uk-subnav-pill > * > :first-child { background-color: transparent; color: rgba(255, 255, 255, 0.5); } .uk-light .uk-subnav-pill > * > a:hover, .uk-light .uk-subnav-pill > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, .uk-overlay-primary .uk-subnav-pill > * > a:hover, .uk-overlay-primary .uk-subnav-pill > * > a:focus, .uk-offcanvas-bar .uk-subnav-pill > * > a:hover, .uk-offcanvas-bar .uk-subnav-pill > * > a:focus { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav-pill > * > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, .uk-overlay-primary .uk-subnav-pill > * > a:active, .uk-offcanvas-bar .uk-subnav-pill > * > a:active { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .uk-light .uk-subnav-pill > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, .uk-overlay-primary .uk-subnav-pill > .uk-active > a, .uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { background-color: #fff; color: #666; } .uk-light .uk-subnav > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, .uk-overlay-primary .uk-subnav > .uk-disabled > a, .uk-offcanvas-bar .uk-subnav > .uk-disabled > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-breadcrumb > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-card-primary.uk-card-body .uk-breadcrumb > * > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, .uk-overlay-primary .uk-breadcrumb > * > *, .uk-offcanvas-bar .uk-breadcrumb > * > * { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-breadcrumb > * > :hover, .uk-light .uk-breadcrumb > * > :focus, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, .uk-overlay-primary .uk-breadcrumb > * > :hover, .uk-overlay-primary .uk-breadcrumb > * > :focus, .uk-offcanvas-bar .uk-breadcrumb > * > :hover, .uk-offcanvas-bar .uk-breadcrumb > * > :focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-breadcrumb > :last-child > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, .uk-overlay-primary .uk-breadcrumb > :last-child > *, .uk-offcanvas-bar .uk-breadcrumb > :last-child > * { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, .uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-pagination > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-card-primary.uk-card-body .uk-pagination > * > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, .uk-card-secondary.uk-card-body .uk-pagination > * > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, .uk-overlay-primary .uk-pagination > * > *, .uk-offcanvas-bar .uk-pagination > * > * { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-pagination > * > :hover, .uk-light .uk-pagination > * > :focus, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-card-primary.uk-card-body .uk-pagination > * > :hover, .uk-card-primary.uk-card-body .uk-pagination > * > :focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, .uk-card-secondary.uk-card-body .uk-pagination > * > :hover, .uk-card-secondary.uk-card-body .uk-pagination > * > :focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, .uk-overlay-primary .uk-pagination > * > :hover, .uk-overlay-primary .uk-pagination > * > :focus, .uk-offcanvas-bar .uk-pagination > * > :hover, .uk-offcanvas-bar .uk-pagination > * > :focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-pagination > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, .uk-overlay-primary .uk-pagination > .uk-active > *, .uk-offcanvas-bar .uk-pagination > .uk-active > * { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-pagination > .uk-disabled > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, .uk-overlay-primary .uk-pagination > .uk-disabled > *, .uk-offcanvas-bar .uk-pagination > .uk-disabled > * { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-tab::before, .uk-section-primary:not(.uk-preserve-color) .uk-tab::before, .uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-card-primary.uk-card-body .uk-tab::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, .uk-card-secondary.uk-card-body .uk-tab::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, .uk-overlay-primary .uk-tab::before, .uk-offcanvas-bar .uk-tab::before { border-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-tab > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, .uk-card-primary.uk-card-body .uk-tab > * > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, .uk-card-secondary.uk-card-body .uk-tab > * > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, .uk-overlay-primary .uk-tab > * > a, .uk-offcanvas-bar .uk-tab > * > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-tab > * > a:hover, .uk-light .uk-tab > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-card-primary.uk-card-body .uk-tab > * > a:hover, .uk-card-primary.uk-card-body .uk-tab > * > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, .uk-card-secondary.uk-card-body .uk-tab > * > a:hover, .uk-card-secondary.uk-card-body .uk-tab > * > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, .uk-overlay-primary .uk-tab > * > a:hover, .uk-overlay-primary .uk-tab > * > a:focus, .uk-offcanvas-bar .uk-tab > * > a:hover, .uk-offcanvas-bar .uk-tab > * > a:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-tab > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-card-primary.uk-card-body .uk-tab > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, .uk-overlay-primary .uk-tab > .uk-active > a, .uk-offcanvas-bar .uk-tab > .uk-active > a { color: #fff; border-color: #fff; } .uk-light .uk-tab > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, .uk-overlay-primary .uk-tab > .uk-disabled > a, .uk-offcanvas-bar .uk-tab > .uk-disabled > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-offcanvas-bar .uk-slidenav { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-slidenav:hover, .uk-light .uk-slidenav:focus, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-card-primary.uk-card-body .uk-slidenav:hover, .uk-card-primary.uk-card-body .uk-slidenav:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:focus, .uk-card-secondary.uk-card-body .uk-slidenav:hover, .uk-card-secondary.uk-card-body .uk-slidenav:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:focus, .uk-overlay-primary .uk-slidenav:hover, .uk-overlay-primary .uk-slidenav:focus, .uk-offcanvas-bar .uk-slidenav:hover, .uk-offcanvas-bar .uk-slidenav:focus { color: rgba(255, 255, 255, 0.95); } .uk-light .uk-slidenav:active, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, .uk-card-primary.uk-card-body .uk-slidenav:active, .uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, .uk-card-secondary.uk-card-body .uk-slidenav:active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, .uk-overlay-primary .uk-slidenav:active, .uk-offcanvas-bar .uk-slidenav:active { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-dotnav > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-card-primary.uk-card-body .uk-dotnav > * > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, .uk-card-secondary.uk-card-body .uk-dotnav > * > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, .uk-overlay-primary .uk-dotnav > * > *, .uk-offcanvas-bar .uk-dotnav > * > * { background-color: transparent; border-color: rgba(255, 255, 255, 0.9); } .uk-light .uk-dotnav > * > :hover, .uk-light .uk-dotnav > * > :focus, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-card-primary.uk-card-body .uk-dotnav > * > :hover, .uk-card-primary.uk-card-body .uk-dotnav > * > :focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, .uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, .uk-card-secondary.uk-card-body .uk-dotnav > * > :focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, .uk-overlay-primary .uk-dotnav > * > :hover, .uk-overlay-primary .uk-dotnav > * > :focus, .uk-offcanvas-bar .uk-dotnav > * > :hover, .uk-offcanvas-bar .uk-dotnav > * > :focus { background-color: rgba(255, 255, 255, 0.9); border-color: transparent; } .uk-light .uk-dotnav > * > :active, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-card-primary.uk-card-body .uk-dotnav > * > :active, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, .uk-card-secondary.uk-card-body .uk-dotnav > * > :active, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, .uk-overlay-primary .uk-dotnav > * > :active, .uk-offcanvas-bar .uk-dotnav > * > :active { background-color: rgba(255, 255, 255, 0.5); border-color: transparent; } .uk-light .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .uk-offcanvas-bar .uk-dotnav > .uk-active > * { background-color: rgba(255, 255, 255, 0.9); border-color: transparent; } .uk-light .uk-iconnav > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-card-primary.uk-card-body .uk-iconnav > * > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, .uk-card-secondary.uk-card-body .uk-iconnav > * > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, .uk-overlay-primary .uk-iconnav > * > a, .uk-offcanvas-bar .uk-iconnav > * > a { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-iconnav > * > a:hover, .uk-light .uk-iconnav > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-primary.uk-card-body .uk-iconnav > * > a:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, .uk-overlay-primary .uk-iconnav > * > a:hover, .uk-overlay-primary .uk-iconnav > * > a:focus, .uk-offcanvas-bar .uk-iconnav > * > a:hover, .uk-offcanvas-bar .uk-iconnav > * > a:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-iconnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, .uk-overlay-primary .uk-iconnav > .uk-active > a, .uk-offcanvas-bar .uk-iconnav > .uk-active > a { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, .uk-overlay-primary .uk-text-lead, .uk-offcanvas-bar .uk-text-lead { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-offcanvas-bar .uk-text-meta { color: rgba(255, 255, 255, 0.5); } .uk-light .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-offcanvas-bar .uk-text-muted { color: rgba(255, 255, 255, 0.5) !important; } .uk-light .uk-text-emphasis, .uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-card-primary.uk-card-body .uk-text-emphasis, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, .uk-card-secondary.uk-card-body .uk-text-emphasis, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, .uk-overlay-primary .uk-text-emphasis, .uk-offcanvas-bar .uk-text-emphasis { color: #fff !important; } .uk-light .uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-card-primary.uk-card-body .uk-text-primary, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, .uk-card-secondary.uk-card-body .uk-text-primary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, .uk-overlay-primary .uk-text-primary, .uk-offcanvas-bar .uk-text-primary { color: #fff !important; } .uk-light .uk-text-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, .uk-card-primary.uk-card-body .uk-text-secondary, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, .uk-card-secondary.uk-card-body .uk-text-secondary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, .uk-overlay-primary .uk-text-secondary, .uk-offcanvas-bar .uk-text-secondary { color: #fff !important; } .uk-light .uk-column-divider, .uk-section-primary:not(.uk-preserve-color) .uk-column-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, .uk-card-primary.uk-card-body .uk-column-divider, .uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, .uk-card-secondary.uk-card-body .uk-column-divider, .uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, .uk-overlay-primary .uk-column-divider, .uk-offcanvas-bar .uk-column-divider { column-rule-color: rgba(255, 255, 255, 0.2); } .uk-light .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo, .uk-card-primary.uk-card-body .uk-logo, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, .uk-overlay-primary .uk-logo, .uk-offcanvas-bar .uk-logo { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-logo:hover, .uk-light .uk-logo:focus, .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-card-primary.uk-card-body .uk-logo:hover, .uk-card-primary.uk-card-body .uk-logo:focus, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus, .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-card-secondary.uk-card-body .uk-logo:focus, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus, .uk-overlay-primary .uk-logo:hover, .uk-overlay-primary .uk-logo:focus, .uk-offcanvas-bar .uk-logo:hover, .uk-offcanvas-bar .uk-logo:focus { color: rgba(255, 255, 255, 0.7); } .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; } .uk-light .uk-logo-inverse, .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, .uk-card-primary.uk-card-body .uk-logo-inverse, .uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, .uk-card-secondary.uk-card-body .uk-logo-inverse, .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, .uk-overlay-primary .uk-logo-inverse, .uk-offcanvas-bar .uk-logo-inverse { display: inline; } .uk-light .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-accordion-title::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-accordion-title::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, .uk-overlay-primary .uk-accordion-title::before, .uk-offcanvas-bar .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-light .uk-open > .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, .uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, .uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, .uk-overlay-primary .uk-open > .uk-accordion-title::before, .uk-offcanvas-bar .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); } /* ======================================================================== Component: Print ========================================================================== */ @media print { *, *::before, *::after { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .header__bottom { background-color: #f9faf9; margin-bottom: 35px; } @media only screen and (max-width: 1024px) { .header__bottom { display: none; } } .header__sub-bottom { border-top: 1px solid #f9faf9; border-bottom: 1px solid #f9faf9; margin-bottom: 35px; } @media only screen and (max-width: 1024px) { .header__sub-bottom { display: none; } } .header--second { color: #000000; } .header--second .main-nav__list-link { color: #000000; } .header--second .header__logo-link { text-decoration: none; color: #2a6399; } .header--second .header__phone-link { color: #2a6399; text-transform: uppercase; font-weight: bold; } .header--second .btn-burger__line { background-color: #000000; } .header__bottom + .header__sub-bottom { margin-top: -35px; } .footer-map { width: 25%; } @media (max-width: 1200px) { .footer-map { width: 100%; } } /* End */ /* Start:/_/css/ktb-fonts.css?17680643042229*/ @CHARSET "UTF-8"; @font-face { font-family: 'calibri'; src: url("/_/css/fonts/calibri.eot"); src: url("/_/css/fonts/calibri.eot") format("embedded-opentype"), url("/_/css/fonts/calibri.woff2") format("woff2"), url("/_/css/fonts/calibri.woff") format("woff"), url("/_/css/fonts/calibri.ttf") format("truetype"), url("/_/css/fonts/calibri.svg#calibri") format("svg"); font-display: swap; } @font-face { font-family: 'calibrib'; font-display: swap; src: url("/_/css/fonts/calibrib.eot"); src: url("/_/css/fonts/calibrib.eot") format("embedded-opentype"), url("/_/css/fonts/calibrib.woff2") format("woff2"), url("/_/css/fonts/calibrib.woff") format("woff"), url("/_/css/fonts/calibrib.ttf") format("truetype"), url("/_/css/fonts/calibrib.svg#calibrib") format("svg"); } @font-face { font-family: 'RobotoRegular'; src: url("/_/css/fonts/RobotoRegular.eot"); src: url("/_/css/fonts/RobotoRegular.eot") format("embedded-opentype"), url("/_/css/fonts/RobotoRegular.woff2") format("woff2"), url("/_/css/fonts/RobotoRegular.woff") format("woff"), url("/_/css/fonts/RobotoRegular.ttf") format("truetype"), url("/_/css/fonts/RobotoRegular.svg#RobotoRegular") format("svg"); font-display: swap; } @font-face { font-family: 'RobotoMedium'; src: url("/_/css/fonts/RobotoMedium.eot"); src: url("/_/css/fonts/RobotoMedium.eot") format("embedded-opentype"), url("/_/css/fonts/RobotoMedium.woff2") format("woff2"), url("/_/css/fonts/RobotoMedium.woff") format("woff"), url("/_/css/fonts/RobotoMedium.ttf") format("truetype"), url("/_/css/fonts/RobotoMedium.svg#RobotoMedium") format("svg"); font-display: swap; } @font-face { font-family: 'RobotoLight'; src: url("/_/css/fonts/RobotoLight.eot"); src: url("/_/css/fonts/RobotoLight.eot") format("embedded-opentype"), url("/_/css/fonts/RobotoLight.woff2") format("woff2"), url("/_/css/fonts/RobotoLight.woff") format("woff"), url("/_/css/fonts/RobotoLight.ttf") format("truetype"), url("/_/css/fonts/RobotoLight.svg#RobotoLight") format("svg"); font-display: swap; } @font-face { font-family: 'RobotoBold'; src: url("/_/css/fonts/RobotoBold.eot"); src: url("/_/css/fonts/RobotoBold.eot") format("embedded-opentype"), url("/_/css/fonts/RobotoBold.woff2") format("woff2"), url("/_/css/fonts/RobotoBold.woff") format("woff"), url("/_/css/fonts/RobotoBold.ttf") format("truetype"), url("/_/css/fonts/RobotoBold.svg#RobotoBold") format("svg"); font-display: swap; } /*# sourceMappingURL=ktb-fonts.css.map */ /* End */ /* Start:/_/css/ktb.css?176806430456261*/ @CHARSET "UTF-8"; body { margin-top: 0 !important; } .ktb-header__fline { background-color: #2A4864; } .ktb-header__cline { padding: 25px 0; } .ktb-header--home { position: absolute; top: 0; width: 100%; left: 0; } @media (max-width: 1199px) { .ktb-banner-f .uk-slideshow-items { min-height: 1170px !important; } } .ktb-form-banner { max-width: 538px; min-height: 438px; background: #2A6399; border-radius: 4px; padding: 40px 65px 52px; margin: 50px 0; position: relative; z-index: 10; width: 100%; } @media (max-width: 480px) { .ktb-form-banner { padding: 40px 38px; } } @media (min-width: 1200px) { .ktb-form-banner { margin: 0; position: absolute; top: 66px; right: 25px; } } .ktb-form-banner__caption { margin: 50px 0; margin-bottom: 30px; font-family: 'calibrib'; font-size: 36px; line-height: 44px; text-align: center; color: #FFFFFF; } .ktb-form-banner__buttons { text-align: center; } .ktb-form-banner__buttons button { margin: 0 auto; } @media (min-width: 960px) { .ktb-form-banner__buttons { margin-top: 120px; display: flex; align-items: center; } .ktb-form-banner__buttons button { margin: 0; } } .ktb-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; margin: 30px 0 !important; } @media (max-width: 639px) { .ktb-breadcrumb { /* justify-content: center; */ } } @media (max-width: 480px) { .ktb-breadcrumb { justify-content: flex-start; } } .ktb-breadcrumb__item, .ktb-breadcrumb__item span, .ktb-breadcrumb__item a { font-family: 'RobotoRegular'; font-size: 18px; line-height: 22px; color: #A7A9AC; } .ktb-breadcrumb__item:last-child, .ktb-breadcrumb__item:last-child span, .ktb-breadcrumb__item:last-child a { color: #4070B8; } .ktb-breadcrumb__separator { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.69274 4.65814C7.82856 4.73238 7.83219 4.92615 7.69924 5.00542L1 9' stroke='%23A7A9AC'/%3E%3C/svg%3E%0A"); width: 7px; height: 100%; padding: 0 15px; } .ktb-nav--top { background-color: #F9FAF9; padding: 30px 0; position: relative; } .ktb-nav--top:after { content: ""; position: absolute; width: 100%; max-width: 1760px; bottom: 0; left: 50%; transform: translateX(-50%); border: 1px dashed #CCCCCC; } .ktb-footer { padding: 25px 0 23px; background-color: #2A4864; } @media (max-width: 1199px) { .ktb-footer .search-form { margin-top: 25px; } } .ktb-logo--bottom { display: inline-block; margin: 49px 0 19px; } @media (min-width: 1200px) { .ktb-logo--bottom { margin: 49px 0 37px; } } .ktb-logo--top { display: inline-block; margin-bottom: 25px; } @media (min-width: 1200px) { .ktb-logo--top { margin-bottom: 0; } } .ktb-contact { padding: 48px 0 76px; font-family: 'calibri'; font-size: 18px; line-height: 22px; color: #000000; } .ktb-contact a { color: #000000 !important; } .ktb-contact__span { font-family: 'calibri'; font-size: 18px; line-height: 22px; color: #000000; display: inline-block; margin-left: 22px; } @media (max-width: 768px) { #contact-map { margin-top: 40px; } } .ktb-form { font-family: 'calibri'; } @media (max-width: 1199px) { .ktb-form .uk-container { padding: 0; } } .ktb-form--consult { padding: 50px 0; background-color: #EDF2F5; } @media (min-width: 1200px) { .ktb-form--consult { padding: 50px; } } .ktb-form--quests { background-color: #2A6399; padding: 40px; } @media (max-width: 1199px) { .ktb-form--quests input { margin-right: 0; } } .ktb-form--quests input + * { margin-top: 30px; } @media (min-width: 1200px) { .ktb-form--quests { padding: 40px 0; } .ktb-form--quests input + * { margin-top: 0; } } .ktb-form--quests .uk-flex.uk-flex-middle { flex-direction: column; } @media (min-width: 1200px) { .ktb-form--quests .uk-flex.uk-flex-middle { flex-direction: row; } } .ktb-form--quests .uk-flex.uk-flex-middle[style] { flex-direction: row; } .ktb-form__title { font-size: 36px; line-height: 44px; color: #FFFFFF; margin-bottom: 30px; } @media (max-width: 460px) { .ktb-form__title { font-size: 29px; } } .ktb-form__input, .ktb-form__textarea { width: 100%; background-color: #F4F7FA; border-radius: 10px; box-sizing: border-box; padding: 13px 20px; border: none; height: 56px; font-size: 20px; line-height: 172.19%; color: #9C9D9E; margin-bottom: 12px !important; } .ktb-form__input--bw { border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 10px; background-color: transparent; margin-right: 40px; width: 100%; margin-bottom: 0 !important; } @media (min-width: 1200px) { .ktb-form__input--bw { max-width: 550px; } } .ktb-form__input--mb30 { margin-bottom: 30px !important; } .ktb-form__textarea { resize: none; height: 124px; } .ktb-form__button { width: 100%; } .ktb-form__inner { background-color: #fff; padding: 40px 15px; box-sizing: border-box; } .ktb-form__caption { font-family: 'calibri'; font-size: 36px; line-height: 44px; margin-bottom: 30px; text-align: center; color: #002D56; } @media (min-width: 1200px) { .ktb-form__caption { font-size: 42px; line-height: 51px; margin-bottom: 17px; } } .ktb-form__txt { margin-bottom: 38px; font-size: 22px; line-height: 172.19%; color: #212529; text-align: center; } .ktb-form__label { margin: 0 0 0 8px; font-size: 18px; line-height: 172.19%; color: #212529; } .ktb-form__label--white { color: #FFFFFF; } .ktb-form__label--white a { color: #FFFFFF !important; } .ktb-banner-nav { position: absolute; bottom: 0; width: 100%; left: 0; z-index: 50; text-align: center; } .ktb-banner-nav a { background-color: #fff !important; } .ktb-banner-box { position: relative; /*&:after{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(42, 72, 100, 0.52); z-index: 5; }*/ } .ktb-form__input::-moz-placeholder { font-size: 20px; line-height: 172.19%; color: #9C9D9E; } .ktb-form__input::-webkit-input-placeholder { font-size: 20px; line-height: 172.19%; color: #9C9D9E; } .ktb-form__input:-ms-input-placeholder { font-size: 20px; line-height: 172.19%; color: #9C9D9E; } .ktb-form__input::-ms-input-placeholder { font-size: 20px; line-height: 172.19%; color: #9C9D9E; } .ktb-form__input::placeholder { font-size: 20px; line-height: 172.19%; color: #9C9D9E; } .ktb-form__input--bw::-moz-placeholder { color: #fff; } .ktb-form__input--bw::-webkit-input-placeholder { color: #fff; } .ktb-form__input--bw:-ms-input-placeholder { color: #fff; } .ktb-form__input--bw::-ms-input-placeholder { color: #fff; } .ktb-form__input--bw::placeholder { color: #fff; } .ktb-caption { font-family: 'calibri'; padding: 0px 0 20px 0; font-size: 36px; line-height: 44px; color: #002D56; } @media (min-width: 1200px) { .ktb-caption { font-size: 42px; line-height: 51px; } } .ktb-caption--faq { text-align: center; /* margin-bottom: 30px; */ } .ktb-caption--advantages { margin-bottom: 30px; font-size: 36px; line-height: 44px; text-align: center; } @media (min-width: 1200px) { .ktb-caption--advantages { margin-bottom: 45px; font-size: 42px; line-height: 51px; text-align: left; } } .ktb-caption--box { font-size: 22px; line-height: 27px; color: #020202; margin-bottom: 30px; } @media (min-width: 1200px) { .ktb-caption--box { font-size: 36px; line-height: 44px; margin-bottom: 20px; } } .ktb-link-video { position: relative; display: inline-block; } .ktb-link-video:after { content: ""; position: absolute; width: 66px; height: 66px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='66' height='66' viewBox='0 0 66 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='33' cy='33' r='33' fill='white'/%3E%3Cpath d='M44 33L27.5 42.5263L27.5 23.4737L44 33Z' fill='%234070B8'/%3E%3C/svg%3E%0A"); top: 50%; left: 50%; transform: translate(-50%, -50%); } .ktb-others-item { margin-bottom: 40px !important; } .ktb-others-name { font-family: 'calibrib'; margin-top: 10px; font-size: 22px; line-height: 172.19%; color: #212529; } .ktb-others-price { font-family: 'calibri'; margin-top: 10px; font-size: 22px; line-height: 172.19%; color: #212529; } .ktb-ac { max-width: 750px; padding: 0 0 25px; margin: 0; list-style: none; font-family: 'calibri'; } .ktb-ac__title { display: inline-block; font-size: 22px; line-height: 27px; color: #002D56; padding: 2px 0 22px; outline: none !important; text-decoration: none !important; } .ktb-ac__title:after { content: ""; position: absolute; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 11.9048H13.0952V0H11.9048V11.9048H0V13.0952H11.9048V25H13.0952V13.0952H25V11.9048Z' fill='black'/%3E%3C/svg%3E%0A"); width: 25px; height: 25px; top: 1px; right: 0; } .ktb-ac__content { font-size: 20px; line-height: 172.19%; color: #020202; } .ktb-ac__item { border-bottom: 1px solid #949393; position: relative; padding-right: 25px; } .ktb-ac__item.uk-open .ktb-ac__title:after { background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 11.9048H0V13.0953H25V11.9048Z' fill='black'/%3E%3C/svg%3E%0A"); } .ktb-social-box { display: flex; flex-wrap: wrap; align-items: center; padding: 40px 0; } .ktb-social-box__txt { display: block; font-size: 18px; line-height: 172.19%; color: #6E6E6E; margin-right: 10px; width: 140px; } .ktb-slink { display: inline-block; width: 56px; height: 56px; background-repeat: no-repeat; margin: 2.5px; /*& + .ktb-slink{ margin-left: 5px; }*/ } .ktb-slink--vk { background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23777777'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.3813 21.6915C40.568 21.0773 40.3813 20.625 39.4869 20.625H36.5338C35.7823 20.625 35.4357 21.0154 35.2479 21.4463C35.2479 21.4463 33.746 25.0418 31.6186 27.3773C30.9301 28.0545 30.6174 28.2694 30.2416 28.2694C30.0538 28.2694 29.7714 28.0545 29.7714 27.4391V21.6915C29.7714 20.9535 29.5644 20.625 28.9389 20.625H24.2949C23.8258 20.625 23.5434 20.967 23.5434 21.2921C23.5434 21.9908 24.6076 22.1528 24.7168 24.1193V28.392C24.7168 29.3291 24.5446 29.499 24.1689 29.499C23.1676 29.499 20.732 25.8866 19.2864 21.7534C19.0062 20.949 18.7227 20.625 17.9679 20.625H15.0125C14.1687 20.625 14 21.0154 14 21.4463C14 22.2135 15.0012 26.025 18.6631 31.0661C21.1044 34.5086 24.5413 36.375 27.6721 36.375C29.5498 36.375 29.7815 35.961 29.7815 35.2466V32.6445C29.7815 31.8154 29.9593 31.65 30.5544 31.65C30.9931 31.65 31.7435 31.866 33.4963 33.5254C35.4988 35.493 35.8284 36.375 36.9556 36.375H39.9088C40.7525 36.375 41.1755 35.961 40.9325 35.142C40.6648 34.3275 39.7085 33.1451 38.4406 31.7423C37.7521 30.9435 36.7194 30.0829 36.4055 29.652C35.9679 29.0996 36.0928 28.8533 36.4055 28.3616C36.4055 28.3616 40.0055 23.3824 40.3801 21.6915H40.3813Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='27' height='27' fill='white' transform='translate(14 15)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .ktb-slink--fk { background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23777777'/%3E%3Cpath d='M29.8625 39.9962V29.0682H33.5492L34.0972 24.7896H29.8625V22.0642C29.8625 20.8296 30.2065 19.9842 31.9785 19.9842H34.2239V16.1696C33.1314 16.0525 32.0333 15.9959 30.9345 16.0002C27.6759 16.0002 25.4385 17.9896 25.4385 21.6416V24.7816H21.7759V29.0602H25.4465V39.9962H29.8625Z' fill='white'/%3E%3C/svg%3E%0A"); } .ktb-slink--ok { background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23777777'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M28.0004 14C24.069 14 20.8709 17.1977 20.8709 21.1287C20.8709 25.0594 24.069 28.2556 28.0004 28.2556C31.9317 28.2556 35.1282 25.0594 35.1282 21.1287C35.1282 17.1977 31.9317 14 28.0004 14ZM28.0004 18.1767C29.6275 18.1767 30.9506 19.5016 30.9506 21.1287C30.9506 22.7551 29.6275 24.0789 28.0004 24.0789C26.373 24.0789 25.0485 22.7551 25.0485 21.1287C25.0485 19.5016 26.373 18.1767 28.0004 18.1767ZM22.1224 28.4982C21.4171 28.4872 20.7234 28.8349 20.3211 29.4761C19.7061 30.4529 20.0007 31.742 20.9753 32.3564C22.2645 33.1652 23.6634 33.739 25.1141 34.0697L21.1298 38.0557C20.3142 38.8717 20.3149 40.1933 21.1307 41.0094C21.5396 41.4167 22.0729 41.6205 22.6075 41.6205C23.1416 41.6205 23.6767 41.4163 24.0844 41.0085L27.9987 37.0925L31.9165 41.0085C32.7315 41.8243 34.0529 41.8243 34.8693 41.0085C35.6853 40.193 35.6853 38.87 34.8693 38.0557L30.8833 34.0706C32.3344 33.7399 33.7338 33.1657 35.0221 32.3564C35.9986 31.742 36.2937 30.4516 35.6789 29.4761C35.0635 28.499 33.775 28.2047 32.7978 28.8201C29.879 30.656 26.1183 30.6548 23.2005 28.8201C22.8646 28.6086 22.4919 28.5039 22.1224 28.4982V28.4982Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='16' height='27.6205' fill='white' transform='translate(20 14)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .ktb-slink--telegram { background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23777777'/%3E%3Cpath d='M38.1091 18.3363L17.4241 26.3128C16.0124 26.8798 16.0206 27.6673 17.1651 28.0185L22.4758 29.6751L34.7631 21.9226C35.3441 21.5691 35.8749 21.7593 35.4386 22.1466L25.4834 31.1311H25.4811L25.4834 31.1323L25.1171 36.6063C25.6538 36.6063 25.8906 36.3601 26.1916 36.0696L28.7711 33.5613L34.1366 37.5245C35.1259 38.0693 35.8364 37.7893 36.0826 36.6086L39.6048 20.0093C39.9653 18.5638 39.0529 17.9093 38.1091 18.3363Z' fill='white'/%3E%3C/svg%3E%0A"); } .ktb-slink--tel { background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23777777'/%3E%3Cpath d='M35 25.375H33.25C33.2493 24.679 32.9725 24.0117 32.4804 23.5196C31.9883 23.0275 31.321 22.7507 30.625 22.75V21C31.7849 21.0014 32.8969 21.4628 33.7171 22.2829C34.5372 23.1031 34.9986 24.2151 35 25.375Z' fill='white'/%3E%3Cpath d='M38.5 25.375H36.75C36.7481 23.7511 36.1022 22.1943 34.954 21.046C33.8057 19.8978 32.2489 19.2519 30.625 19.25V17.5C32.7129 17.5023 34.7146 18.3327 36.1909 19.8091C37.6673 21.2854 38.4977 23.2871 38.5 25.375Z' fill='white'/%3E%3Cpath d='M31.7913 32.7968L33.7513 30.8368C34.0136 30.5743 34.3472 30.3947 34.7107 30.32C35.0742 30.2454 35.4516 30.279 35.7961 30.4168L38.1831 31.3723C38.535 31.513 38.8365 31.756 39.049 32.0698C39.2614 32.3836 39.3749 32.7538 39.3749 33.1328V37.4736C39.3755 37.7316 39.3235 37.9871 39.2219 38.2242C39.1204 38.4614 38.9716 38.6754 38.7845 38.8531C38.5974 39.0307 38.376 39.1684 38.1339 39.2575C37.8918 39.3466 37.634 39.3854 37.3764 39.3715C20.6446 38.3303 17.2654 24.1588 16.638 18.732C16.6076 18.4667 16.6338 18.198 16.7147 17.9435C16.7956 17.689 16.9295 17.4545 17.1075 17.2555C17.2856 17.0565 17.5037 16.8974 17.7476 16.7887C17.9916 16.6801 18.2557 16.6243 18.5228 16.625H22.7866C23.1656 16.625 23.5358 16.7385 23.8496 16.9509C24.1634 17.1634 24.4064 17.4649 24.5471 17.8168L25.5018 20.2038C25.6395 20.5483 25.6732 20.9257 25.5985 21.2892C25.5239 21.6527 25.3442 21.9863 25.0818 22.2486L23.1218 24.2086C23.1218 24.2086 24.2085 31.8491 31.7913 32.7968Z' fill='white'/%3E%3C/svg%3E%0A"); } .ktb-slink--whatsapp { background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23777777'/%3E%3Cpath d='M34.2969 30.7469C33.9563 30.5719 32.2594 29.7406 31.9438 29.6281C31.6282 29.5094 31.3969 29.4531 31.1688 29.8031C30.9375 30.15 30.2813 30.9219 30.075 31.1562C29.875 31.3875 29.6719 31.4156 29.3313 31.2437C27.3063 30.2312 25.9782 29.4375 24.6438 27.1469C24.2907 26.5375 24.9969 26.5813 25.6563 25.2656C25.7688 25.0344 25.7125 24.8375 25.625 24.6625C25.5375 24.4875 24.85 22.7937 24.5625 22.1031C24.2844 21.4312 23.9969 21.525 23.7875 21.5125C23.5875 21.5 23.3594 21.5 23.1282 21.5C22.8969 21.5 22.525 21.5875 22.2094 21.9281C21.8938 22.275 21.0032 23.1094 21.0032 24.8031C21.0032 26.4969 22.2375 28.1375 22.4063 28.3687C22.5813 28.6 24.8344 32.075 28.2938 33.5719C30.4813 34.5156 31.3375 34.5969 32.4313 34.4344C33.0969 34.3344 34.4688 33.6031 34.7532 32.7938C35.0375 31.9875 35.0375 31.2969 34.9532 31.1531C34.8688 31 34.6375 30.9125 34.2969 30.7469Z' fill='white'/%3E%3Cpath d='M40.9124 22.575C40.2062 20.8969 39.1937 19.3906 37.9031 18.0969C36.6124 16.8063 35.1062 15.7906 33.4249 15.0875C31.7062 14.3656 29.8812 14 27.9999 14H27.9374C26.0437 14.0094 24.2093 14.3844 22.4843 15.1219C20.8187 15.8344 19.3249 16.8469 18.0468 18.1375C16.7687 19.4281 15.7656 20.9281 15.0718 22.6C14.3531 24.3313 13.9906 26.1719 13.9999 28.0656C14.0093 30.2344 14.5281 32.3875 15.4999 34.3125V39.0625C15.4999 39.8563 16.1437 40.5 16.9374 40.5H21.6906C23.6156 41.4719 25.7687 41.9906 27.9374 42H28.0031C29.8749 42 31.6906 41.6375 33.3999 40.9281C35.0718 40.2313 36.5749 39.2313 37.8624 37.9531C39.1531 36.675 40.1687 35.1812 40.8781 33.5156C41.6156 31.7906 41.9906 29.9563 41.9999 28.0625C42.0093 26.1594 41.6406 24.3125 40.9124 22.575ZM36.1906 36.2625C33.9999 38.4313 31.0937 39.625 27.9999 39.625H27.9468C26.0624 39.6156 24.1906 39.1469 22.5374 38.2656L22.2749 38.125H17.8749V33.725L17.7343 33.4625C16.8531 31.8094 16.3843 29.9375 16.3749 28.0531C16.3624 24.9375 17.5531 22.0125 19.7374 19.8094C21.9187 17.6062 24.8343 16.3875 27.9499 16.375H28.0031C29.5656 16.375 31.0812 16.6781 32.5093 17.2781C33.9031 17.8625 35.1531 18.7031 36.2281 19.7781C37.2999 20.85 38.1437 22.1031 38.7281 23.4969C39.3343 24.9406 39.6374 26.4719 39.6312 28.0531C39.6124 31.1656 38.3906 34.0813 36.1906 36.2625Z' fill='white'/%3E%3C/svg%3E%0A"); } .ktb-section--p70_70 { padding: 70px 0; } .ktb-section--p70_70-news { padding-bottom: 70px; } .ktb-section--p70_50 { padding: 70px 0 50px; } .ktb-section--p70_10 { padding: 70px 0 10px; } .ktb-section--p50_50 { padding: 70px 0; } .ktb-section--p50_70 { padding: 50px 0 70px; } .ktb-section--p105_77 { /* padding: 105px 0 77px; */ padding: 70px 0 77px; } .ktb-section--blue { background-color: #EDF2F5; } .ktb-section--white { background-color: #fff; } .ktb-first-specialist { padding: 90px 0 40px; background: #2A4864; } @media (min-width: 1200px) { .ktb-first-specialist { padding: 0; min-height: 570px; } } .ktb-specialist__name { font-size: 40px; line-height: 49px; margin-bottom: 40px; font-family: 'calibrib'; color: #FFFFFF; } @media (min-width: 1200px) { .ktb-specialist__name { font-size: 52px; line-height: 63px; margin-bottom: 16px; } } .ktb-specialist__face { padding: 40px 0 66px; } @media (min-width: 1200px) { .ktb-specialist__face { padding: 0 76px 0 0; } } .ktb-specialist__post { font-size: 40px; line-height: 49px; margin-bottom: 40px; font-family: 'calibri'; color: #FFFFFF; } @media (min-width: 1200px) { .ktb-specialist__post { font-size: 41px; line-height: 50px; margin-bottom: 46px; } } .ktb-specialist__edu { font-family: 'calibri'; font-size: 20px; line-height: 172.19%; color: #FFFFFF; } @media (min-width: 1200px) { .ktb-specialist__edu { margin-bottom: 100px; } } .ktb-r-card { min-height: 344px; background: #EDF2F5; border-radius: 5px; padding: 30px; box-sizing: border-box; } @media (max-width: 959px) { .ktb-r-card { margin-bottom: 40px !important; } } .ktb-r-card--white { background: #fff; } .ktb-r-card__img { padding-right: 33px; } .ktb-r-card__name { font-family: 'calibrib'; font-size: 22px; line-height: 172.19%; color: #212529; display: block; } .ktb-r-card__date { font-size: 18px; line-height: 172.19%; color: #495057; } .ktb-r-card__text { padding-top: 37px; font-size: 22px; line-height: 172.19%; color: #020202; } .ktb-sertificate__img { margin-bottom: 20px; /* height: 354px; */ } .ktb-sertificate__name { margin-top: 16px; font-family: 'calibrib'; font-size: 22px; line-height: 172.19%; color: #666666; } .ktb-sertificate__slider svg { width: 36px; height: 36px; } .ktb-sertificate__slider svg polyline { stroke: #000 !important; } .ktb-carousel svg { width: 36px; height: 36px; } .ktb-carousel svg polyline { stroke: #000 !important; } @media (max-width: 1759px) { .ktb-carousel .uk-position-center-right.uk-slidenav-next, .ktb-carousel .uk-position-center-right-news.uk-slidenav-next { width: 60px; height: 60px; padding: 0; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='30' transform='matrix(-1 0 0 1 30 30)' fill='%234070B8'/%3E%3Cpath d='M28.2556 41.3496L38.0001 30.3762L27.6229 19.9991' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .ktb-carousel .uk-position-center-right.uk-slidenav-next svg, .ktb-carousel .uk-position-center-right-news.uk-slidenav-next svg { display: none; } .ktb-carousel .uk-position-center-left.uk-slidenav-previous, .ktb-carousel .uk-position-center-left-news.uk-slidenav-previous { width: 60px; height: 60px; padding: 0; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%234070B8'/%3E%3Cpath d='M31.7444 41.3496L21.9999 30.3762L32.3771 19.9991' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .ktb-carousel .uk-position-center-left.uk-slidenav-previous svg, .ktb-carousel .uk-position-center-left-news.uk-slidenav-previous svg { display: none; } .ktb-carousel .uk-position-center-right-news.uk-slidenav-next, .ktb-carousel .uk-position-center-left-news.uk-slidenav-previous { bottom: -75px; top: auto; margin: 0; } } @media (max-width: 639px) { .ktb-carousel .uk-position-center-right.uk-slidenav-next, .ktb-carousel .uk-position-center-right-news.uk-slidenav-next, .ktb-carousel .uk-position-center-left.uk-slidenav-previous, .ktb-carousel .uk-position-center-left-news.uk-slidenav-previous { bottom: 20px; top: auto; margin: 0; } .ktb-carousel .uk-position-center-right.uk-slidenav-next, .ktb-carousel .uk-position-center-right-news.uk-slidenav-next { right: 50%; transform: translateX(calc(100% + 20px)); } .ktb-carousel .uk-position-center-left.uk-slidenav-previous, .ktb-carousel .uk-position-center-left-news.uk-slidenav-previous { left: 50%; transform: translateX(calc(-100% - 20px)); } .ktb-carousel .uk-slider-container { padding-bottom: 110px; } } .ktb-project-item { position: relative; } .ktb-project-item__name { height: 58px; padding: 0 16px; display: flex; align-items: center; width: 100%; background-color: rgba(18, 18, 18, 0.56); position: absolute; left: 0; bottom: 0; font-family: 'calibrib'; font-size: 20px; line-height: 24px; color: #FFFFFF; box-sizing: border-box; } .ktb-experts-item { max-width: 410px; margin: 0 auto; } .ktb-experts-item__img { /*img{ display: block; margin: 0 auto; max-width: 100%; }*/ } .ktb-experts-item__name { margin: 9px 0 3px; font-family: 'calibrib'; font-size: 22px; line-height: 172.19%; color: #212529; } .ktb-experts-item__post { font-size: 18px; line-height: 172.19%; color: #495057; } .ktb-box { font-family: 'calibri'; padding: 40px; position: relative; font-size: 20px; line-height: 172.19%; color: #020202; } @media (max-width: 960px) { .ktb-box img { /* width: 100%; */ max-width: 100%; } .ktb-box { padding: 10px; } } .ktb-box--white { background-color: #fff; } @media (min-width: 1200px) { .ktb-box + .ktb-box { margin-top: 70px; } } .ktb-box--services\@l { min-height: 568px; } .ktb-box--no_padding { padding: 0; } .ktb-box--pb-50 { padding-bottom: 50px; } .ktb-box--pt-50 { padding-top: 50px; } .ktb-box--right { padding: 40px; } @media (max-width: 960px) { .ktb-box--right { padding: 10px; } } @media (min-width: 1200px) { .ktb-box--right { padding: 56px 71px 56px 196px; } } .ktb-box--left { padding: 40px; } @media (max-width: 960px) { .ktb-box--left { padding: 10px; } } @media (min-width: 1200px) { .ktb-box--left { padding: 56px 211px 56px 56px; } } @media (min-width: 1200px) { .ktb-box__img-wrap\@l { position: absolute; max-width: 51%; } } .ktb-box__img-wrap--left { left: 0; top: 50px; } .ktb-box__img-wrap--right { right: 0; top: 0; } @media (max-width: 1199px) { .ktb-box.uk-flex { flex-direction: column; } } .ktb-faq { background-color: #fff; padding: 50px 0; } .ktb-faq__line_img + .ktb-faq__line_img { margin-top: 30px; } .ktb-faq__line_img { position: relative; } .ktb-faq__line_img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: rgba(42, 72, 100, 0.6); } .ktb-faq__line_img--active:after { display: none; } .ktb-faq__grid > * { position: relative; } @media (min-width: 960px) { .ktb-faq__grid > *:first-child:before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #C4C4C4; right: -14.5px; top: 0; } } .ktb-bg-white { background-color: #fff; } .ktb-advantages { background: #EDF2F5; padding: 50px 0; } .ktb-advantages__item { /* flex-direction: column; */ align-items: flex-start; margin-bottom: 30px !important; display: flex; } .ktb-advantages__item img { padding-top: 10px; } @media (min-width: 1200px) { .ktb-advantages__item { flex-direction: row; /* align-items: center; */ margin-bottom: 25px !important; } } .ktb-advantages__txt { font-family: 'calibri'; font-size: 22px; line-height: 172.19%; color: #020202; padding-left: 15px; /* margin-top: 20px; */ display: inline-block; } @media (min-width: 1200px) { .ktb-advantages__txt { margin-top: 0; margin-left: 20px; } } .ktb-graphic--top { font-size: 16px; line-height: 20px; color: #FFFFFF; } .ktb-graphic--modal { font-size: 16px; line-height: 20px; text-align: center; color: #FFFFFF; margin-top: 40px; padding: 40px 0; border-top: 1px solid #757373; } .ktb-title-contacts { font-family: 'calibrib'; font-size: 22px; line-height: 27px; color: #000000; margin-bottom: 26px; } .ktb-menu { list-style: none; padding: 0; margin: 0; } .ktb-menu--modal a { font-size: 22px; line-height: 27px; color: #FFFFFF; } .ktb-menu--modal a:after { background-size: 25px; } .ktb-menu--social { display: flex; align-items: center; margin-top: 7px; margin-bottom: 7px !important; margin-right: 80px; } .ktb-menu--social li + li { margin-left: 25px; } .ktb-menu--social-modal { justify-content: center; margin-right: 0; } .ktb-menu--top { display: flex; } .ktb-menu--top a { font-size: 18px; line-height: 22px; color: #020202; } .ktb-menu--top > li > a { text-transform: capitalize; } .ktb-menu--top > li + li { margin-left: 95px; } .ktb-menu--bottom { padding-left: 20px; } .ktb-menu--bottom li { display: none; } @media (min-width: 1200px) { .ktb-menu--bottom li { display: list-item; } } .ktb-menu--bottom li { margin: 16px 0; } .ktb-menu--bottom a { font-size: 18px; line-height: 22px; color: #D2D8DB; } .ktb-button { border: none; background-color: transparent; text-decoration: none !important; cursor: pointer; outline: none !important; display: flex; align-items: center; justify-content: center; /* padding: 0 62px; */ box-sizing: border-box; height: 56px; border-radius: 10px; font-family: 'calibrib'; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #FFFFFF !important; } .ktb-button--mob_menu { background-image: url("data:image/svg+xml,%3Csvg width='40' height='23' viewBox='0 0 40 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='3' fill='%234070B8'/%3E%3Crect y='10' width='40' height='3' fill='%234070B8'/%3E%3Crect y='20' width='40' height='3' fill='%234070B8'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; background-color: transparent; width: 40px; height: 23px; position: absolute; top: 90px; right: 40px; cursor: pointer; padding: 0; border: none; border-radius: 0; } .ktb-button + .ktb-button { margin-top: 13px; } .ktb-button--m280 { width: 100%; max-width: 280px; } .ktb-button--blue { background-color: #4070B8; } .ktb-button--white { background-color: #fff; color: #4B82C5 !important; } .ktb-button--green { background-color: #00B1B0; } .ktb-button--grey { background-color: #4C657C; } .ktb-button--calc { /* padding-left: 94px; text-transform: none; text-align: left; justify-content: flex-start; */ } .ktb-button--calc::before { content: ''; position: relative; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3C3 2.20435 3.31607 1.44129 3.87868 0.87868C4.44129 0.316071 5.20435 0 6 0L18 0C18.7956 0 19.5587 0.316071 20.1213 0.87868C20.6839 1.44129 21 2.20435 21 3V21C21 21.7956 20.6839 22.5587 20.1213 23.1213C19.5587 23.6839 18.7956 24 18 24H6C5.20435 24 4.44129 23.6839 3.87868 23.1213C3.31607 22.5587 3 21.7956 3 21V3ZM6 3.75V6.75C6 6.94891 6.07902 7.13968 6.21967 7.28033C6.36032 7.42098 6.55109 7.5 6.75 7.5H17.25C17.4489 7.5 17.6397 7.42098 17.7803 7.28033C17.921 7.13968 18 6.94891 18 6.75V3.75C18 3.55109 17.921 3.36032 17.7803 3.21967C17.6397 3.07902 17.4489 3 17.25 3H6.75C6.55109 3 6.36032 3.07902 6.21967 3.21967C6.07902 3.36032 6 3.55109 6 3.75ZM6 9.75V11.25C6 11.4489 6.07902 11.6397 6.21967 11.7803C6.36032 11.921 6.55109 12 6.75 12H8.25C8.44891 12 8.63968 11.921 8.78033 11.7803C8.92098 11.6397 9 11.4489 9 11.25V9.75C9 9.55109 8.92098 9.36032 8.78033 9.21967C8.63968 9.07902 8.44891 9 8.25 9H6.75C6.55109 9 6.36032 9.07902 6.21967 9.21967C6.07902 9.36032 6 9.55109 6 9.75ZM6.75 13.5C6.55109 13.5 6.36032 13.579 6.21967 13.7197C6.07902 13.8603 6 14.0511 6 14.25V15.75C6 15.9489 6.07902 16.1397 6.21967 16.2803C6.36032 16.421 6.55109 16.5 6.75 16.5H8.25C8.44891 16.5 8.63968 16.421 8.78033 16.2803C8.92098 16.1397 9 15.9489 9 15.75V14.25C9 14.0511 8.92098 13.8603 8.78033 13.7197C8.63968 13.579 8.44891 13.5 8.25 13.5H6.75ZM6 18.75V20.25C6 20.4489 6.07902 20.6397 6.21967 20.7803C6.36032 20.921 6.55109 21 6.75 21H8.25C8.44891 21 8.63968 20.921 8.78033 20.7803C8.92098 20.6397 9 20.4489 9 20.25V18.75C9 18.5511 8.92098 18.3603 8.78033 18.2197C8.63968 18.079 8.44891 18 8.25 18H6.75C6.55109 18 6.36032 18.079 6.21967 18.2197C6.07902 18.3603 6 18.5511 6 18.75ZM11.25 9C11.0511 9 10.8603 9.07902 10.7197 9.21967C10.579 9.36032 10.5 9.55109 10.5 9.75V11.25C10.5 11.4489 10.579 11.6397 10.7197 11.7803C10.8603 11.921 11.0511 12 11.25 12H12.75C12.9489 12 13.1397 11.921 13.2803 11.7803C13.421 11.6397 13.5 11.4489 13.5 11.25V9.75C13.5 9.55109 13.421 9.36032 13.2803 9.21967C13.1397 9.07902 12.9489 9 12.75 9H11.25ZM10.5 14.25V15.75C10.5 15.9489 10.579 16.1397 10.7197 16.2803C10.8603 16.421 11.0511 16.5 11.25 16.5H12.75C12.9489 16.5 13.1397 16.421 13.2803 16.2803C13.421 16.1397 13.5 15.9489 13.5 15.75V14.25C13.5 14.0511 13.421 13.8603 13.2803 13.7197C13.1397 13.579 12.9489 13.5 12.75 13.5H11.25C11.0511 13.5 10.8603 13.579 10.7197 13.7197C10.579 13.8603 10.5 14.0511 10.5 14.25ZM11.25 18C11.0511 18 10.8603 18.079 10.7197 18.2197C10.579 18.3603 10.5 18.5511 10.5 18.75V20.25C10.5 20.4489 10.579 20.6397 10.7197 20.7803C10.8603 20.921 11.0511 21 11.25 21H12.75C12.9489 21 13.1397 20.921 13.2803 20.7803C13.421 20.6397 13.5 20.4489 13.5 20.25V18.75C13.5 18.5511 13.421 18.3603 13.2803 18.2197C13.1397 18.079 12.9489 18 12.75 18H11.25ZM15 9.75V11.25C15 11.4489 15.079 11.6397 15.2197 11.7803C15.3603 11.921 15.5511 12 15.75 12H17.25C17.4489 12 17.6397 11.921 17.7803 11.7803C17.921 11.6397 18 11.4489 18 11.25V9.75C18 9.55109 17.921 9.36032 17.7803 9.21967C17.6397 9.07902 17.4489 9 17.25 9H15.75C15.5511 9 15.3603 9.07902 15.2197 9.21967C15.079 9.36032 15 9.55109 15 9.75ZM15.75 13.5C15.5511 13.5 15.3603 13.579 15.2197 13.7197C15.079 13.8603 15 14.0511 15 14.25V20.25C15 20.4489 15.079 20.6397 15.2197 20.7803C15.3603 20.921 15.5511 21 15.75 21H17.25C17.4489 21 17.6397 20.921 17.7803 20.7803C17.921 20.6397 18 20.4489 18 20.25V14.25C18 14.0511 17.921 13.8603 17.7803 13.7197C17.6397 13.579 17.4489 13.5 17.25 13.5H15.75Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; /* background-position: left 60px center; */ width: 15%; height: 100%; top: 14px; left: 0; } .ktb-button--100 { width: 100%; } .ktb-button--consult { max-width: 318px; padding: 0; width: 100%; } @media (min-width: 640px) { .ktb-button--consult { margin-right: 60px; } } .ktb-button--search { width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.6133 25.72L23.08 21.2C24.5427 19.3366 25.3363 17.0355 25.3333 14.6667C25.3333 12.557 24.7077 10.4947 23.5357 8.74059C22.3636 6.98646 20.6977 5.61929 18.7486 4.81196C16.7996 4.00462 14.6548 3.79339 12.5857 4.20496C10.5166 4.61654 8.61596 5.63244 7.1242 7.1242C5.63244 8.61596 4.61654 10.5166 4.20496 12.5857C3.79339 14.6548 4.00462 16.7996 4.81196 18.7486C5.61929 20.6977 6.98646 22.3636 8.74059 23.5357C10.4947 24.7077 12.557 25.3333 14.6667 25.3333C17.0355 25.3363 19.3366 24.5427 21.2 23.08L25.72 27.6133C25.844 27.7383 25.9914 27.8375 26.1539 27.9052C26.3164 27.9729 26.4907 28.0077 26.6667 28.0077C26.8427 28.0077 27.017 27.9729 27.1794 27.9052C27.3419 27.8375 27.4894 27.7383 27.6133 27.6133C27.7383 27.4894 27.8375 27.3419 27.9052 27.1794C27.9729 27.017 28.0077 26.8427 28.0077 26.6667C28.0077 26.4907 27.9729 26.3164 27.9052 26.1539C27.8375 25.9914 27.7383 25.844 27.6133 25.72ZM6.66667 14.6667C6.66667 13.0844 7.13586 11.5377 8.01491 10.2221C8.89397 8.90652 10.1434 7.88114 11.6052 7.27564C13.067 6.67013 14.6755 6.51171 16.2274 6.82039C17.7792 7.12907 19.2047 7.891 20.3235 9.00982C21.4423 10.1286 22.2043 11.5541 22.513 13.1059C22.8216 14.6578 22.6632 16.2663 22.0577 17.7281C21.4522 19.1899 20.4268 20.4394 19.1112 21.3184C17.7956 22.1975 16.2489 22.6667 14.6667 22.6667C12.5449 22.6667 10.5101 21.8238 9.00982 20.3235C7.50953 18.8232 6.66667 16.7884 6.66667 14.6667Z' fill='%234070B8'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; padding: 0; position: absolute; top: 97px; right: 104px; } .ktb-slinks { margin-top: 29px; margin-bottom: 12px; } .ktb-phone { display: inline-block; padding-left: 34px; background-repeat: no-repeat; background-position: left center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4868 17.14L16.4218 13.444C16.2296 13.2693 15.9771 13.1762 15.7176 13.1842C15.4581 13.1922 15.2118 13.3008 15.0308 13.487L12.6378 15.948C12.0618 15.838 10.9038 15.477 9.71179 14.288C8.51979 13.095 8.15879 11.934 8.05179 11.362L10.5108 8.968C10.6972 8.78712 10.8059 8.54082 10.814 8.2812C10.822 8.02159 10.7287 7.76904 10.5538 7.57699L6.85879 3.51299C6.68384 3.32035 6.44067 3.2035 6.18095 3.18725C5.92122 3.17101 5.66539 3.25665 5.46779 3.42599L3.29779 5.28699C3.1249 5.46051 3.02171 5.69145 3.00779 5.93599C2.99279 6.18599 2.70679 12.108 7.29879 16.702C11.3048 20.707 16.3228 21 17.7048 21C17.9068 21 18.0308 20.994 18.0638 20.992C18.3083 20.9783 18.5391 20.8747 18.7118 20.701L20.5718 18.53C20.7418 18.333 20.8281 18.0774 20.8122 17.8177C20.7963 17.558 20.6795 17.3148 20.4868 17.14Z' fill='white'/%3E%3C/svg%3E%0A"); font-size: 18px; line-height: 24px; text-transform: uppercase; color: #FFFFFF !important; } .ktb-phone--bottom { margin-bottom: 10px; } .ktb-phone--top { font-family: 'RobotoMedium'; font-size: 18px; line-height: 21px; color: #000000 !important; background: none; padding: 0 20px 0 20px; } @media (min-width: 1760px) { .ktb-phone--top { padding: 0 20px 0 88px; } } .ktb-phone--first { font-size: 15px; line-height: 18px; color: #FFFFFF; padding: 0; background: none; font-family: 'RobotoMedium'; margin: 12px 0 16px !important; } .ktb-phone--contact { font-family: 'calibrib'; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #000000; padding-left: 34px; background-repeat: no-repeat; background-position: left center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4873 17.1402L16.4223 13.4442C16.2301 13.2696 15.9776 13.1764 15.7181 13.1845C15.4585 13.1925 15.2123 13.3011 15.0313 13.4872L12.6383 15.9482C12.0623 15.8382 10.9043 15.4772 9.71228 14.2882C8.52028 13.0952 8.15928 11.9342 8.05228 11.3622L10.5113 8.96824C10.6977 8.78737 10.8064 8.54106 10.8144 8.28145C10.8225 8.02183 10.7292 7.76928 10.5543 7.57724L6.85928 3.51324C6.68432 3.3206 6.44116 3.20374 6.18143 3.1875C5.92171 3.17125 5.66588 3.2569 5.46828 3.42624L3.29828 5.28724C3.12539 5.46075 3.0222 5.69169 3.00828 5.93624C2.99328 6.18624 2.70728 12.1082 7.29928 16.7022C11.3053 20.7072 16.3233 21.0002 17.7053 21.0002C17.9073 21.0002 18.0313 20.9942 18.0643 20.9922C18.3088 20.9786 18.5396 20.8749 18.7123 20.7012L20.5723 18.5302C20.7423 18.3333 20.8286 18.0776 20.8127 17.8179C20.7968 17.5582 20.68 17.315 20.4873 17.1402Z' fill='%234070B8'/%3E%3C/svg%3E%0A"); } .ktb-link-consult { font-family: 'calibrib'; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #4070B8; } .ktb-email { display: inline-block; font-size: 18px; line-height: 22px; text-decoration-line: underline; color: #FFFFFF !important; } .ktb-email--bottom { margin-bottom: 29px; } .ktb-copyright { font-size: 18px; line-height: 22px; color: #D2D8DB; } .ktb-footer__column { padding-top: 67px; } @media (max-width: 1199px) { .ktb-footer__column + .ktb-footer__column { padding-top: 0; } } .ktb-address-caption { font-family: 'calibrib'; font-size: 20px; line-height: 24px; color: #FFFFFF; margin: 20px 0; } .ktb-address-caption:not(.no_b) { border-top: 1px solid #C4C4C4; padding: 20px 0; margin: 0; } @media (min-width: 960px) { .ktb-address-caption { margin: 10px 0 6px; } } @media (min-width: 1200px) { .ktb-address-caption { padding: 0 !important; border: none !important; margin: 10px 0 6px !important; } } @media (max-width: 1199px) { .ktb-address-caption + .ktb-menu--bottom { position: relative; max-width: 300px; } } .ktb-address-caption--button { position: relative; } @media (min-width: 1200px) { .ktb-address-caption--button { max-width: 300px; } } @media (max-width: 1199px) { .ktb-address-caption--button:after { position: absolute; top: 50%; margin-top: -12.5px; right: 0; content: ""; width: 25px; height: 25px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 11.9048H13.0952V0H11.9048V11.9048H0V13.0952H11.9048V25H13.0952V13.0952H25V11.9048Z' fill='white'/%3E%3C/svg%3E%0A"); } } @media (max-width: 1199px) { .ktb-address-caption--button_open:after { background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 11.9043H13.0952L11.9048 11.9048L0 11.9043V13.0948H11.9048H13.0952H25V11.9043Z' fill='white'/%3E%3C/svg%3E%0A"); } } .ktb-address-caption--button_open + .ktb-menu--bottom li { display: list-item; } .ktb-address { padding-left: 20px; font-size: 18px; line-height: 22px; color: #D2D8DB; margin: 0; } .ktb-search-wrap { display: flex; align-items: center; width: 100%; max-width: 408px; height: 52px; box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 10px; overflow: hidden; } .ktb-search-wrap--bottom { margin-bottom: 15px; } .ktb-search-wrap--top { border: 1px solid #000000; width: 100%; } .ktb-search-wrap--modal { border: 1px solid #4070B8; width: 100%; max-width: 100%; } .ktb-search-input { flex: 1; min-width: 1px; border: none; padding: 0; height: 100%; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #9C9D9E; font-family: 'calibrib'; background-color: transparent; } .ktb-search-input::-moz-placeholder, .ktb-search-input::-webkit-input-placeholder, .ktb-search-input:-ms-input-placeholder, .ktb-search-input::-ms-input-placeholder, .ktb-search-input::placeholder { font-family: 'calibrib'; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #9C9D9E; } .ktb-search-input::-moz-placeholder { color: #9C9D9E; } .ktb-search-input::-webkit-input-placeholder { color: #9C9D9E; } .ktb-search-input:-ms-input-placeholder { color: #9C9D9E; } .ktb-search-input::-ms-input-placeholder { color: #9C9D9E; } .ktb-search-input::placeholder { color: #9C9D9E; } .ktb-search-button { border: none; cursor: pointer; padding: 0; font-size: 0; width: 54px; height: 100%; background-color: transparent; background-repeat: no-repeat; background-position: left 20px center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.71 19.29L17.31 15.9C18.407 14.5025 19.0022 12.7767 19 11C19 9.41775 18.5308 7.87103 17.6518 6.55544C16.7727 5.23985 15.5233 4.21447 14.0615 3.60897C12.5997 3.00347 10.9911 2.84504 9.43928 3.15372C7.88743 3.4624 6.46197 4.22433 5.34315 5.34315C4.22433 6.46197 3.4624 7.88743 3.15372 9.43928C2.84504 10.9911 3.00347 12.5997 3.60897 14.0615C4.21447 15.5233 5.23985 16.7727 6.55544 17.6518C7.87103 18.5308 9.41775 19 11 19C12.7767 19.0022 14.5025 18.407 15.9 17.31L19.29 20.71C19.383 20.8037 19.4936 20.8781 19.6154 20.9289C19.7373 20.9797 19.868 21.0058 20 21.0058C20.132 21.0058 20.2627 20.9797 20.3846 20.9289C20.5064 20.8781 20.617 20.8037 20.71 20.71C20.8037 20.617 20.8781 20.5064 20.9289 20.3846C20.9797 20.2627 21.0058 20.132 21.0058 20C21.0058 19.868 20.9797 19.7373 20.9289 19.6154C20.8781 19.4936 20.8037 19.383 20.71 19.29ZM5 11C5 9.81332 5.3519 8.65328 6.01119 7.66658C6.67047 6.67989 7.60755 5.91085 8.7039 5.45673C9.80026 5.0026 11.0067 4.88378 12.1705 5.11529C13.3344 5.3468 14.4035 5.91825 15.2426 6.75736C16.0818 7.59648 16.6532 8.66558 16.8847 9.82946C17.1162 10.9933 16.9974 12.1997 16.5433 13.2961C16.0892 14.3925 15.3201 15.3295 14.3334 15.9888C13.3467 16.6481 12.1867 17 11 17C9.4087 17 7.88258 16.3679 6.75736 15.2426C5.63214 14.1174 5 12.5913 5 11Z' fill='white'/%3E%3C/svg%3E%0A"); } .ktb-search-wrap--top .ktb-search-button, .ktb-search-wrap--modal .ktb-search-button { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.71 19.29L17.31 15.9C18.407 14.5025 19.0022 12.7767 19 11C19 9.41775 18.5308 7.87103 17.6518 6.55544C16.7727 5.23985 15.5233 4.21447 14.0615 3.60897C12.5997 3.00347 10.9911 2.84504 9.43928 3.15372C7.88743 3.4624 6.46197 4.22433 5.34315 5.34315C4.22433 6.46197 3.4624 7.88743 3.15372 9.43928C2.84504 10.9911 3.00347 12.5997 3.60897 14.0615C4.21447 15.5233 5.23985 16.7727 6.55544 17.6518C7.87103 18.5308 9.41775 19 11 19C12.7767 19.0022 14.5025 18.407 15.9 17.31L19.29 20.71C19.383 20.8037 19.4936 20.8781 19.6154 20.9289C19.7373 20.9797 19.868 21.0058 20 21.0058C20.132 21.0058 20.2627 20.9797 20.3846 20.9289C20.5064 20.8781 20.617 20.8037 20.71 20.71C20.8037 20.617 20.8781 20.5064 20.9289 20.3846C20.9797 20.2627 21.0058 20.132 21.0058 20C21.0058 19.868 20.9797 19.7373 20.9289 19.6154C20.8781 19.4936 20.8037 19.383 20.71 19.29ZM5 11C5 9.81332 5.3519 8.65328 6.01119 7.66658C6.67047 6.67989 7.60755 5.91085 8.7039 5.45673C9.80026 5.0026 11.0067 4.88378 12.1705 5.11529C13.3344 5.3468 14.4035 5.91825 15.2426 6.75736C16.0818 7.59648 16.6532 8.66558 16.8847 9.82946C17.1162 10.9933 16.9974 12.1997 16.5433 13.2961C16.0892 14.3925 15.3201 15.3295 14.3334 15.9888C13.3467 16.6481 12.1867 17 11 17C9.4087 17 7.88258 16.3679 6.75736 15.2426C5.63214 14.1174 5 12.5913 5 11Z' fill='black'/%3E%3C/svg%3E%0A"); } .ktb-map--bottom { height: 261px; } .ktb-scroll { display: block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='10' fill='%234070B8'/%3E%3Cpath d='M20.002 36L31.9657 25.3761L43.2794 36.6898' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width: 64px; height: 64px; font-size: 0 !important; } .uk-offcanvas-close svg { width: 40px; height: 40px; padding: 0; } .uk-offcanvas-close svg line { stroke: #fff !important; } .ktb-width-5-12 { width: calc(100% * 5 / 12.001); } @media (min-width: 640px) { .ktb-width-5-12\@s { width: calc(100% * 5 / 12.001); } } @media (min-width: 960px) { .ktb-width-5-12\@m { width: calc(100% * 5 / 12.001); } } @media (min-width: 1200px) { .ktb-width-5-12\@l { width: calc(100% * 5 / 12.001); } } .ktb-width-7-12 { width: calc(100% * 7 / 12.001); } @media (min-width: 640px) { .ktb-width-7-12\@s { width: calc(100% * 7 / 12.001); } } @media (min-width: 960px) { .ktb-width-7-12\@m { width: calc(100% * 7 / 12.001); } } @media (min-width: 1200px) { .ktb-width-7-12\@l { width: calc(100% * 7 / 12.001); } } .ktb-width-9-12 { width: calc(100% * 9 / 12.001); } @media (min-width: 640px) { .ktb-width-9-12\@s { width: calc(100% * 9 / 12.001); } } @media (min-width: 960px) { .ktb-width-9-12\@m { width: calc(100% * 9 / 12.001); } } @media (min-width: 1200px) { .ktb-width-9-12\@l { width: calc(100% * 9 / 12.001); } } .uk-container .container, .container .container { max-width: 100%; } .ktb-home-desc { font-family: 'calibri'; font-size: 20px; line-height: 172.19%; color: #020202; margin-bottom: 75px; } .ktb-home-a-desc { font-family: 'calibri'; font-size: 22px; line-height: 172.19%; margin-top: 20px; color: #020202; } @media (min-width: 640px) { .ktb-home-a-desc { padding-right: 50px; } } .ktb-caption--banner { font-size: 52px; line-height: 63px; color: #FFFFFF; font-family: 'calibrib'; margin-bottom: 25px; width: 88%; } @media (max-width: 480px) { .ktb-caption--banner { font-size: 40px; line-height: 49px; margin-bottom: 24px; } } .ktb-slider__content { position: relative; z-index: 5; text-align: center; padding: 0 40px; } @media (min-width: 1200px) { .ktb-slider__content { padding: 0 120px; } } .ktb-slider__nav { position: absolute; width: 100%; left: 0; bottom: 17vh; } .ktb-slider__nav > * > * { width: 15px; height: 15px; background: rgba(196, 196, 196, 0.5); } .ktb-slider__nav > .uk-active > * { background: #c4c4c4; } @media (min-width: 813px) { .ktb-slider__nav { display: none !important; } } .ktb-slider__caption { font-family: 'calibrib'; color: #fff; font-size: 25px; margin-bottom: 30px; } @media (min-width: 960px) { .ktb-slider__caption { font-size: 45px; } } @media (min-width: 1200px) { .ktb-slider__caption { font-size: 75px; } } .ktb-slider__caption a { color: #fff !important; text-decoration: none; } .ktb-slider__buttons { display: flex; justify-content: center; } .ktb-slider__buttons * { margin: 0 15px; } .ktb-slider .uk-slidenav-previous { padding: 0; margin: 0; left: 5px; } @media (min-width: 1200px) { .ktb-slider .uk-slidenav-previous { left: 52px; } } .ktb-slider .uk-slidenav-previous svg { width: 64px; height: 64px; color: #fff; } .ktb-slider .uk-slidenav-previous polygon { stroke: #fff !important; } .ktb-slider .uk-slidenav-next { padding: 0; margin: 0; right: 5px; } @media (min-width: 1200px) { .ktb-slider .uk-slidenav-next { right: 52px; } } .ktb-slider .uk-slidenav-next svg { width: 64px; height: 64px; color: #fff; } .ktb-slider .uk-slidenav-next polygon { stroke: #fff !important; } .ktb-section--first { min-height: 570px; background: #2A4864; } .project-gallary__img { z-index: 2 !important; } .project-gallary__name { z-index: 5; } @media (max-width: 750px) { body.home .ktb-slider .uk-slidenav-previous, body.home .ktb-slider .uk-slidenav-next { top: 81.5%; } body.home .ktb-slider .uk-slidenav-previous svg, body.home .ktb-slider .uk-slidenav-next svg { width: 40px !important; height: 40px !important; } body.home .ktb-slider__buttons { display: block; } body.home .ktb-slider__buttons > * + * { margin-top: 15px; } body.home .ktb-slider__buttons > * { margin-right: auto; margin-left: auto; } body.home .ktb-slider .uk-slidenav-previous { left: 0 !important; margin-left: 0 !important; } body.home .ktb-slider .uk-slidenav-next { right: 0 !important; margin-right: 0 !important; } body.home .ktb-slider__buttons .btn { font-size: 14px; } } @media (max-width: 480px) { .ktb-button.ktb-button--white.ktb-button--100 { padding: 0; } } .ktb-box-info ol { margin: 15px 0 15px 0px; } .ktb-box-info a { font-family: 'calibri'; font-size: 18px; line-height: 29px; color: #FFFFFF !important; text-decoration: none; } .ktb-box-info a:hover { text-decoration: underline; } .ktb-banner-f:not([uk-slideshow]) { padding: 35px 0; } @media (max-width: 480px) { .ktb-social-box { justify-content: space-around; } .ya-share2__list.ya-share2__list_direction_horizontal { display: flex; gap: 8px; } .ya-share2__icon { width: 40px !important; height: 40px !important; } } .form-required { padding-left: 15px; } /*# sourceMappingURL=ktb.css.map */ .ktb-tm { font-family: 'calibrib'; font-weight: 900; font-size: 50px; text-transform: uppercase; color: #787878; margin: 0px 10px 0px 10px; } @media (max-width: 1199px) { .ktb-tm { display: none; } } .ktb-footer__top { display: flex; flex-direction: column; } @media (max-width: 1199px) { .ktb-footer__top { flex-direction: row; justify-content: space-between; align-items: center; } .ktb-footer__button { min-width: 240px; } } @media (max-width: 959px) { .ktb-slider__txt img{ margin: 0 auto; width: 70%; } } @media (max-width: 639px) { #review_form .uk-close{ top: 10px; right: 10px; } #review_form .uk-close svg *{ fill: #000; stroke: #000; } *[name="form_text_137"] + .uk-flex{ flex-wrap: wrap; margin-bottom: 20px; } #review_form .form_title{ font-size: 38px; line-height: 1.2; } #review_form .form_textarea{ box-sizing: border-box; } #review_form .uk-modal-body{ padding-left: 30px; padding-right: 30px; } *[id^="captcontainer"] *[style*="width"]{ max-width: 100%; } *[id^="captcontainer"] iframe{ max-width: calc(100vw - 60px); } } @media (max-width: 480px) { .ktb-footer__top { flex-direction: column; } .ktb-footer__button { margin-top: 30px; width: 100%; } .ktb-button--m280 { max-width: 100%; } } .ktb-footer__logo-block { display: flex; flex-direction: column; } .ktb-menu--modal > li > a{ text-transform: uppercase; padding: 8px 0; } .ktb-menu--modal > li + li { border-top: 1.5px solid #fff; } .ktb-menu--modal a{ position: relative; } .ktb-menu--modal .uk-parent > a:after{ position: absolute; /* content: ""; */ top: 50%; right: 0; transform: translateY(-50%); } @media (max-width: 480px){ .ktb-slider li.uk-flex-middle{ /*align-items: flex-start; padding-top: 90px;*/ } .ktb-slider .uk-slideshow-items > li:first-child ~ li{ align-items: flex-start; } .ktb-slider .uk-slideshow-items > li:first-child ~ li .ktb-slider__content{ height: calc(calc(var(--vh, 1vh) * 100) - 188px) !important; /*188 = 121 (нижняя панель и dots) + 67px (верхняя панель) */ padding-top: 67px; align-items: center; display: flex; } } .ktb-select-tab{ display: none !important; max-width: 80%; margin: 20px auto 35px !important; } @media (max-width: 1024px){ .ktb-select-tab{ display: block !important; } } #modal-menu ul.uk-nav-sub li + li { border-top: 1px solid #fff; margin-top: 5px; padding-top: 5px; } /*@media (max-width: 1024px){ .second-nav{ display: block !important; } .second-nav__list-link br, .second-nav__list-link:not(.second-nav__list-link--active){ display: none; } .second-nav__list{ padding-left: 0 !important; } }*/ /* End */ /* Start:/_/css_new/style.css?176806430455815*/ @font-face { font-family: "Calibri"; src: url("/_/css_new/../fonts/Calibri-Light.eot"); src: url("/_/css_new/../fonts/Calibri-Light.eot?#iefix") format("embedded-opentype"), url("/_/css_new/../fonts/Calibri-Light.woff2") format("woff2"), url("/_/css_new/../fonts/Calibri-Light.woff") format("woff"), url("/_/css_new/../fonts/Calibri-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: block; } @font-face { font-family: "Calibri"; src: url("/_/css_new/../fonts/Calibri.eot"); src: url("/_/css_new/../fonts/Calibri.eot?#iefix") format("embedded-opentype"), url("/_/css_new/../fonts/Calibri.woff2") format("woff2"), url("/_/css_new/../fonts/Calibri.woff") format("woff"), url("/_/css_new/../fonts/Calibri.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: "Calibri"; src: url("/_/css_new/../fonts/Calibri-Bold.eot"); src: url("/_/css_new/../fonts/Calibri-Bold.eot?#iefix") format("embedded-opentype"), url("/_/css_new/../fonts/Calibri-Bold.woff2") format("woff2"), url("/_/css_new/../fonts/Calibri-Bold.woff") format("woff"), url("/_/css_new/../fonts/Calibri-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: block; } body:not(.home) { /*margin-top: 135px;*/ } @media only screen and (max-width: 1280px) { body:not(.home) { /*margin-top: 95px;*/ } } .header { font-family: Calibri; font-weight: normal; color: #ffffff; } @media only screen and (max-width: 1024px) { .header { border-bottom: 1px solid #a7a9ac; margin-bottom: 10px; } } .header__container { max-width: 1660px; padding: 0 30px; margin: 0 auto; } @media only screen and (max-width: 1024px) { .header__container { padding: 0 20px; } } .header__wrap { display: flex; align-items: center; justify-content: space-between; padding: 15px 0 8px; } @media only screen and (max-width: 1024px) { .header__wrap { padding: 13px 0 5px; } } .header__nav { display: flex; align-items: center; justify-content: space-between; flex: 1; } @media only screen and (max-width: 1024px) { .header__nav { display: block; width: calc(100% - 70px); min-width: 250px; height: 100%; position: fixed; overflow-y: auto; z-index: 9999999; top: 0; left: -100000%; background: #4070b8; color: #ffffff; } .header__nav.open-mob-menu { left: 0; transition: left 0.3s; } } .header__logo { width: 182px; margin-right: 2.2%; font-size: 75px; } @media only screen and (max-width: 1400px) { .header__logo { width: 135px; margin-right: 1.5%; font-size: 55px; } } @media only screen and (max-width: 1280px) { .header__logo { width: 105px; margin-right: 1.5%; font-size: 42px; } } .header__logo-link { text-decoration: none; color: #ffffff; } .header__main-nav { flex: 1; } @media only screen and (max-width: 1024px) { .header__main-nav { flex: auto; width: 100%; } } .header__phone { width: 210px; display: flex; flex-direction: column; margin: 0 2.2%; } @media only screen and (max-width: 1400px) { .header__phone { width: 170px; } } @media only screen and (max-width: 1280px) { .header__phone { width: 141px; margin: 0 1.5%; } } @media only screen and (max-width: 1024px) { .header__phone { width: 100%; margin: 0; padding: 15px; box-sizing: border-box; line-height: 1; } } .header__phone-num { letter-spacing: 1px; font-size: 20px; font-weight: bold; } .header__phone-num i { margin-right: 10px; font-size: 16px; } @media only screen and (max-width: 1400px) { .header__phone-num { letter-spacing: 0; font-size: 18px; } } @media only screen and (max-width: 1280px) { .header__phone-num { font-size: 12px; letter-spacing: 0; } } @media only screen and (max-width: 1024px) { .header__phone-num { font-size: 20px; width: 100% !important; background-color: transparent !important; } } .header__phone-link { display: inline-block; margin-top: 5px; font-size: 16px; letter-spacing: 1px; color: #ffffff; text-align: center; } .header__phone-link:hover { text-decoration: none; } @media only screen and (max-width: 1400px) { .header__phone-link { letter-spacing: 0; font-size: 14px; } } @media only screen and (max-width: 1280px) { .header__phone-link { font-size: 12px; letter-spacing: 0; } } @media only screen and (max-width: 1024px) { .header__phone-link { display: none; } } .header__email-link { display: none; font-size: 20px; color: #ffffff !important; text-decoration: none; margin-top: 15px; } @media only screen and (max-width: 1024px) { .header__email-link { display: block; } } .header__btn { width: 240px; } @media only screen and (max-width: 1400px) { .header__btn { width: 200px; } } @media only screen and (max-width: 1280px) { .header__btn { width: 160px; } } @media only screen and (max-width: 1024px) { .header__btn { display: none; } } .header__bottom { background-color: #f9faf9; margin-bottom: 35px; } @media only screen and (max-width: 1024px) { .header__bottom { display: none; } } .header__sub-bottom { border-top: 1px solid #f9faf9; border-bottom: 1px solid #f9faf9; margin-bottom: 35px; } @media only screen and (max-width: 1024px) { .header__sub-bottom { display: none; } } .header--second { color: #000000; } .header--second .main-nav__list-link { color: #000000; } .header--second .header__logo-link { text-decoration: none; color: #2a6399; } .header--second .header__phone-link { color: #2a6399; text-transform: uppercase; font-weight: bold; } .header--second .btn-burger__line { background-color: #000000; } .header__bottom + .header__sub-bottom { margin-top: -35px; } .main-nav__list { display: flex; align-items: center; justify-content: space-between; font-size: 18px; } @media only screen and (max-width: 1400px) { .main-nav__list { font-size: 16px; } } @media only screen and (max-width: 1024px) { .main-nav__list { flex-direction: column; margin-bottom: 0; } } .main-nav__list-item { margin-right: 2%; position: relative; } @media only screen and (max-width: 1024px) { .main-nav__list-item { margin: 0; width: 100%; } .main-nav__list-item.open .main-nav__sub-list { max-height: 1000px; } } .main-nav__list-item:last-child { margin-right: 0; } .main-nav__list-item:hover .main-nav__sub-list { opacity: 1; z-index: 2; pointer-events: initial; } .main-nav__list-link { text-decoration: none; color: #ffffff; } .main-nav__list-link:hover { text-decoration: underline; } @media only screen and (max-width: 1024px) { .main-nav__list-link { display: block; padding: 15px; line-height: 16px; border-bottom: 1px solid #002d56; color: #ffffff !important; font-weight: bold; text-transform: uppercase; } } .main-nav__sub-list { padding-top: 20px; position: absolute; width: 310px; opacity: 0; transition: opacity 0.3s; pointer-events: none; } @media only screen and (max-width: 1024px) { .main-nav__sub-list { padding: 0; position: static; opacity: 1 !important; width: 100%; max-height: 0; padding: 0; pointer-events: initial; overflow: hidden; transition: max-height 0.3s; } } .main-nav__sub-item { position: relative; background: #4070b8; border-bottom: 1px solid #002d56; } .main-nav__sub-item:hover .main-nav__sub2-list { opacity: 1; z-index: 2; pointer-events: initial; } @media only screen and (max-width: 1024px) { .main-nav__sub-item.open .main-nav__sub2-list { max-height: 1000px; } .main-nav__sub-item.open .main-nav__sub-link { border-bottom: 1px solid #002d56; } } .main-nav__sub-link { display: block; color: #fff; padding: 10px 15px; text-decoration: none; font-weight: bold; } .main-nav__sub-link:hover { color: #fff; text-decoration: underline; } @media only screen and (max-width: 1024px) { .main-nav__sub-link { padding: 15px; } } .main-nav__sub2-list { position: absolute; width: 310px; top: 0; right: -310px; border-left: 1px solid #2a6399; opacity: 0; transition: opacity 0.3s; pointer-events: none; } @media only screen and (max-width: 1024px) { .main-nav__sub2-list { position: static; right: initial; opacity: 1 !important; width: 100%; max-height: 0; padding: 0; pointer-events: initial; overflow: hidden; } } .main-nav__sub2-item { position: relative; background: #4070b8; border-bottom: 1px solid #002d56; } .main-nav__sub2-link { display: block; color: #fff; padding: 10px 15px; text-decoration: none; font-weight: bold; } .main-nav__sub2-link:hover { color: #fff; text-decoration: underline; } @media only screen and (max-width: 1024px) { .main-nav__sub2-link { padding: 15px; background: #3d67a5; } } .main-nav .open-submenu { display: none; justify-content: center; align-items: center; width: 47px; height: 47px; position: absolute; right: 0; top: 0; font-size: 26px; line-height: 47px; background: transparent; } .main-nav .open-submenu:before { content: "+"; } .main-nav .open-submenu.active:before { content: "-"; } @media only screen and (max-width: 1024px) { .main-nav .open-submenu { display: flex; } } .main-nav__sub2-list .main-nav__sub-item:last-child { border-bottom: 0; } .second-nav__list { display: flex; align-items: center; font-size: 16px; } .second-nav__list-item { max-width: 205px; margin-right: 3%; } .second-nav__list-item:last-child { margin-right: 0; } .second-nav__list-link { display: flex; align-items: center; text-decoration: none; color: #000000; padding: 10px 0; line-height: 20px; } .second-nav__list-link--active { color: #2b639a; text-shadow: 0px 1px 0px #2b639a; border-bottom: 3px solid #2b639a; } .second-nav__list-link:hover { color: #2b639a; text-shadow: 0px 1px 0px #2b639a; } .mob-block { display: none; } @media only screen and (max-width: 1024px) { .mob-block { display: flex; align-items: center; justify-content: space-between; width: 90px; } } .mob-block__phone { font-size: 30px; cursor: pointer; } .mob-block__phone:hover { opacity: 0.7; } .btn-burger { background-repeat: no-repeat; cursor: pointer; height: 22px; position: relative; } .btn-burger__line { display: block; border-radius: 2px; -webkit-transition: 0.2s; transition: 0.2s; position: relative; width: 33px; height: 4px; background-color: #ffffff; } .btn-burger__line::before { content: ""; width: 100%; height: inherit; border-radius: inherit; display: block; background: inherit; margin: 9px 0 0 0; position: absolute; opacity: 1; -webkit-transition: inherit; transition: inherit; } .btn-burger__line::after { content: ""; width: 100%; height: inherit; border-radius: inherit; display: block; background: inherit; margin: 18px 0 0 0; position: absolute; -webkit-transition: inherit; transition: inherit; } .btn-burger.active .btn-burger__line { transform: rotate(45deg); margin-top: 12px; } .btn-burger.active .btn-burger__line::before { opacity: 0; } .btn-burger.active .btn-burger__line::after { transform: rotate(90deg); margin: 0px 0px 0px 0px; } .btn-burger:hover { opacity: 0.7; } .footer { background: #2a4864; color: #ffffff; padding: 80px 0 50px 0; } .footer__title { display: block; font-size: 20px; line-height: 24px; font-weight: bold; margin-bottom: 15px; } .footer__top { display: flex; justify-content: space-between; } .footer__col { flex: 1; max-width: 285px; margin-right: 2%; } .footer__col:last-child { margin-right: 0; } @media only screen and (max-width: 1280px) { .footer__col { max-width: 250px; } } @media only screen and (max-width: 1024px) { .footer__col { display: none; } .footer__col--mob { display: flex; flex-direction: column; max-width: 290px; align-items: center; margin: 0 auto; } } .footer__logo { margin: 5px 0 25px; } @media only screen and (max-width: 1024px) { .footer__logo { text-align: center; } } .footer__logo-link { font-size: 52px; text-decoration: none; color: #d2d8db !important; max-width: 137px; display: block; } .footer__contacts { display: flex; flex-direction: column; font-size: 20px; line-height: 24px; margin-bottom: 20px; } .footer__contacts a { color: #ffffff; text-decoration: none; } @media only screen and (max-width: 1024px) { .footer__contacts { align-items: center; } } .footer__contacts-tel { font-weight: bold; } .footer__contacts-tel i { font-size: 16px; margin-right: 15px; } .footer__btn:first-child { margin-bottom: 25px; } @media only screen and (max-width: 1024px) { .footer__btn.btn { font-size: 16px; font-weight: bold; } } .footer__buttons { width: 100%; } .footer__list { margin-left: 20px; margin-bottom: 45px; } .footer__list:last-child { margin-bottom: 0; } @media only screen and (max-width: 1280px) { .footer__list { margin-left: 0; } } .footer__list-item { margin-bottom: 17px; } .footer__list-link { font-size: 18px; line-height: 20px; color: #d2d8db; text-decoration: none; } .footer__list-link:hover { text-decoration: underline; color: #d2d8db; } .footer__bottom { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; font-size: 18px; } @media only screen and (max-width: 1024px) { .footer__bottom { max-width: 300px; margin: 20px auto 0 auto; flex-direction: column; align-items: center; text-align: center; } } @media only screen and (max-width: 768px) { .footer__bottom .footer__soc-btn > p { font-size: 16px; } } .footer__social-btn { width: 300px; margin-top: 20px; display: flex; justify-content: space-between; } @media only screen and (max-width: 1024px) { .footer__social-btn { margin-bottom: 20px; } } .footer__copy { color: #d2d8db; font-size: 18px; } @media only screen and (max-width: 1024px) { .footer__copy { display: none; } } .footer__copy-mob { display: none; } @media only screen and (max-width: 1024px) { .footer__copy-mob { display: block; text-align: center; color: #d2d8db; margin-top: 10px; font-size: 16px; } } .footer__resurce { display: inline-flex; align-items: flex-end; } .footer__resurce-link { text-decoration: none; color: #d2d8db !important; font-size: 30px; margin-right: 30px; } .footer__resurce-link:hover { opacity: 0.8; } .footer__resurce-link:last-child { margin-right: 0; } @media only screen and (max-width: 1024px) { .footer__resurce-link:last-child { width: 50px; } } @font-face { font-family: 'icomoon'; src: url("/_/css_new/../fonts/icomoon.eot?1ujj9i1"); src: url("/_/css_new/../fonts/icomoon.eot?1ujj9i1#iefix") format("embedded-opentype"), url("/_/css_new/../fonts/icomoon.ttf?1ujj9i1") format("truetype"), url("/_/css_new/../fonts/icomoon.woff?1ujj9i1") format("woff"), url("/_/css_new/../fonts/icomoon.svg?1ujj9i1#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-instagram-brands-1:before { content: "\e90e"; } .icon-whatsapp-square-brands:before { content: "\e901"; } .icon-vk-brands:before { content: "\e902"; } .icon-viber-brands:before { content: "\e903"; } .icon-twitter-square-brands:before { content: "\e904"; } .icon-telegram-plane-brands:before { content: "\e905"; } .icon-skype-brands:before { content: "\e906"; } .icon-share-square-solid:before { content: "\e907"; } .icon-share-alt-square-solid:before { content: "\e908"; } .icon-phone-square-solid:before { content: "\e909"; } .icon-odnoklassniki-square-brands:before { content: "\e90a"; } .icon-linkedin-brands:before { content: "\e90b"; } .icon-instagram-square-brands:before { content: "\e90c"; } .icon-facebook-messenger-brands:before { content: "\e90d"; } .icon-ktb-logo:before { content: "\e900"; } .icon-arrow-left:before { content: "\e913"; } .icon-arrow-right:before { content: "\e914"; } .icon-circle-fb:before { content: "\e917"; } .icon-circle-ok:before { content: "\e918"; } .icon-circle-teleg:before { content: "\e919"; } .icon-circle-viber:before { content: "\e91a"; } .icon-circle-vk:before { content: "\e91b"; } .icon-circle-watsapp:before { content: "\e91c"; } .icon-btn-fb:before { content: "\e91f"; } .icon-btn-youtube:before { content: "\e920"; } .icon-i-attach:before { content: "\e921"; } .icon-i-calc:before { content: "\e922"; } .icon-i-phone:before { content: "\e923"; } .icon-i-close:before { content: "\e92b"; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .mb-150 { margin-bottom: 150px; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-bottom: 70px; } .mt-80 { margin-bottom: 80px; } .mt-90 { margin-bottom: 90px; } .mt-100 { margin-top: 100px; } .mt-150 { margin-top: 150px; } .w-100 { width: 100%; max-width: 100%; } .d-block { display: block; } .btn { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 290px; height: 52px; padding: 10px 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; border: 0; border-radius: 10px; text-decoration: none; } @media only screen and (max-width: 1280px) { .btn { font-size: 12px; padding: 10px; height: 45px; } } @media only screen and (max-width: 812px) { .btn { font-size: 16px; } } .btn:hover { opacity: 0.9; } .btn:active { transform: scale(0.98); } .btn--blue { background: #4070b8; color: #ffffff; } .btn--light-green { background: #00b1b0; color: #ffffff; } .btn--white { background: #ffffff; color: #4070b8; } .btn--transparent { background: transparent; border: 1px solid #ffffff; color: #ffffff; } .close { cursor: pointer; position: absolute; top: 26px; color: black; font-size: 48px; z-index: 3; opacity: 0.7; text-shadow: none; font-weight: 100; right: 27px; } .close:hover { opacity: 1; } .close:active { transform: scale(0.9); } .select2:not(.select2-container), .select2-custom:not(.select2-container) { max-width: 100%; height: 50px; border-color: #d0d1d2; background-color: white; width: 100%; padding-left: 15px; } .left-forms-container { max-width: 710px; } .right-forms-container { width: 350px; background: #2b639a; margin-top: -52px; margin-bottom: -30px; margin-left: 30px; padding: 57px 30px 26px 30px; box-sizing: content-box; color: white; } .right-forms-container .close { color: white; } .right-forms-container .price-t { font-size: 18px; line-height: 22px; margin-bottom: 2px; } .right-forms-container .price { font-weight: bold; font-size: 45px; line-height: 55px; margin-bottom: 17px; } .right-forms-container .text { margin-bottom: 27px; color: #90afcd; font-size: 16px; line-height: 20px; } .right-forms-container strong { font-weight: bold; font-size: 20px; line-height: 24px; margin-bottom: 13px; display: block; } .content-modal { position: fixed; transition: 0.3s; opacity: 0; width: 0; height: 0; top: 50%; left: 50%; display: flex; align-items: center; z-index: 1041; pointer-events: none; overflow: hidden; } .content-modal > div { margin-right: auto; margin-left: auto; } .content-modal.show { top: 0; left: 0; width: 100%; height: 100%; opacity: 1; pointer-events: initial; } .content-modal .modal { margin-right: auto; margin-left: auto; position: relative; max-width: 100%; box-sizing: content-box; } .content-modal.forms-modal-container .modal { width: 764px; background-color: white; padding: 85px 78px 65px 78px; } .content-modal.forms-modal-container .modal .title-modal { color: #2a6399; font-weight: bold; font-size: 37px; line-height: 45px; margin-bottom: 16px; } .content-modal.forms-modal-container .modal .slogan-modal { font-size: 18px; line-height: 22px; margin-bottom: 24px; } .content-modal.forms-modal-container .modal .submit-step-1 { padding: 0; cursor: pointer; } .content-modal.forms-modal-container .modal .step-2 { display: none; } .content-modal.calculator-modal .modal { width: 100%; max-width: 1000px; background: #f5fafd; padding: 52px 0px 30px 30px; display: flex; } .content-modal.calculator-modal .modal > form { display: flex; width: 100%; } @media only screen and (min-width: 1195px) { .content-modal.calculator-modal .modal { width: 1150px; max-width: 100%; } .content-modal.calculator-modal .modal .left-forms-container { width: 710px; max-width: 100%; } } @media only screen and (max-width: 1195px) { .content-modal.calculator-modal .modal .form-s2 .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; } .content-modal.calculator-modal .modal .form-s2 textarea, .content-modal.calculator-modal .modal .form-s2 input[type="number"], .content-modal.calculator-modal .modal .form-s2 input[type="password"], .content-modal.calculator-modal .modal .form-s2 input[type="email"], .content-modal.calculator-modal .modal .form-s2 input[type="text"] { font-size: 16px; } } @media only screen and (max-width: 1024px) { .content-modal.forms-modal-container > div { width: 100%; height: 100%; } .content-modal.forms-modal-container > div .modal { width: calc(100% - 160px); height: calc(100% - 89px); } .content-modal.calculator-modal > div { width: 100%; height: 100%; } .content-modal.calculator-modal > div .modal { width: 100%; height: 100%; } .content-modal.calculator-modal > div .modal .left-forms-container { width: calc(100% - 470px); max-width: 100%; } } @media only screen and (max-width: 812px) { .content-modal.calculator-modal > div .modal { display: block; padding: 67px 8px 0 8px !important; height: calc(100% - 67px) !important; } .content-modal.calculator-modal > div .modal > form { display: block; } .content-modal.calculator-modal > div .modal .left-forms-container { max-width: 100%; width: 100%; } .content-modal.calculator-modal > div .modal .right-forms-container { width: 100%; background: #2b639a; margin-top: 30px; margin-bottom: 0; margin-left: -8px; padding: 34px 8px 1px 8px; color: white; } .content-modal.calculator-modal > div .modal .right-forms-container .close { color: black; } .content-modal.forms-modal-container .modal { padding: 67px 8px 23px 8px; width: calc(100% - 20px) !important; overflow: auto; } .content-modal.forms-modal-container .modal .title-modal { font-size: 24px; line-height: 28px; } .content-modal.forms-modal-container .modal .slogan-modal { font-size: 14px; line-height: 19px; margin-bottom: 18px; } .content-modal .close { top: 5px; font-size: 40px; right: 3px; } } .modal-bootstrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; outline: 0; z-index: 1072; overflow-x: hidden; overflow-y: auto; } .modal-bootstrap .fade { opacity: 0; transition: opacity 0.15s linear; } .modal-bootstrap .show { opacity: 1; } .modal-bootstrap .modal-dialog { justify-content: center; align-items: center; display: flex; width: 100%; height: 100%; } .modal-bootstrap .modal-dialog .modal-content { padding: 25px; max-width: 400px; width: 100%; background-color: #00000091; border-radius: 5px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; } .modal-backdrop.show { z-index: 1040; pointer-events: initial; opacity: 1; backdrop-filter: blur(3px); background-color: #0000006b; } .form-row { display: flex; justify-content: space-between; } .form-row .form-col { width: calc(50% - 5px); } .form-row .form-col.error input { background: rgba(255, 0, 0, 0.05) !important; } .form-row .form-col.error .message { color: red; font-size: 14px; margin-left: 10px; margin-top: 8px; } @media only screen and (max-width: 812px) { .form-row { display: block; margin-bottom: 15px; } .form-row .form-col { width: 100%; margin-bottom: 15px; } } .form-s1 .form-row { margin-bottom: 14px; } .form-s1 .form-row textarea, .form-s1 .form-row input[type="number"], .form-s1 .form-row input[type="password"], .form-s1 .form-row input[type="email"], .form-s1 .form-row input[type="text"] { height: 55px; border-radius: 10px; border: none; background: rgba(42, 99, 153, 0.05); width: 100%; text-indent: 21px; font-family: inherit; padding: 0; font-size: 17px; } .form-s1 .form-row textarea { padding-top: 18px; height: 147px; text-indent: 0px; padding-left: 21px; width: calc(100% - 20px); } .form-s1 .select2-container .select2-selection--single { height: 55px; } .form-s1 .select2-container--default .select2-selection--single { border-radius: 10px; border: none; background: rgba(42, 99, 153, 0.05); } .form-s1 .select2-container--default .select2-selection--single .select2-selection__rendered { color: #7e7e7e; line-height: 55px; padding-left: 21px; font-size: 17px; } .form-s1 .select2-container--default .select2-selection--single .select2-selection__arrow { height: 54px; position: absolute; top: 1px; right: 1px; width: 20px; } .form-s1 .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; left: 50%; margin-left: -28px; margin-top: -11px; } .form-s1 .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\e914"; font-family: "icomoon"; transform: rotate(90deg); position: relative; display: block; width: 23px; } .form-s2 .form-col { margin-bottom: 15px; } .form-s2 .form-col label { color: #6e6e6e; font-size: 14px; line-height: 17px; display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 5px; } .form-s2 .form-row { margin-left: 0; margin-right: 0; } .form-s2 textarea, .form-s2 input[type="number"], .form-s2 input[type="password"], .form-s2 input[type="email"], .form-s2 input[type="text"] { height: 50px; border-radius: 0px; border: 1px solid #d0d1d2; background: white; width: 100%; text-indent: 15px; font-family: inherit; padding: 0; color: black; font-size: 17px; } .form-s2 textarea:focus, .form-s2 input[type="number"]:focus, .form-s2 input[type="password"]:focus, .form-s2 input[type="email"]:focus, .form-s2 input[type="text"]:focus { border: 1px solid black; } .form-s2 textarea { padding-top: 18px; height: 147px; text-indent: 0; padding-left: 21px; } .form-s2 .select2-container--default .select2-selection--multiple .select2-selection__choice__display { font-size: 13px; text-overflow: ellipsis; display: inline-block; overflow: hidden; padding-top: 3px; padding-left: 5px; padding-right: 5px; } @media only screen and (max-width: 768px) { .form-s2 .select2-container--default .select2-selection--multiple .select2-selection__choice__display { max-width: 180px; } } .form-s2 .select2-selection--multiple .select2-selection__choice__remove { font-size: 18px; } .form-s2 .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #d0d1d2 1px; } .form-s2 .select2-container--default .select2-selection--multiple { border: 1px solid #d0d1d2; border-radius: 0; } .form-s2 .select2-container .select2-selection--multiple { min-height: 52px; } .form-s2 .select2-container .select2-selection--single { height: 52px; } .form-s2 .select2-container--default .select2-selection--single { border-radius: 0; border: 1px solid #d0d1d2; background: white; } .form-s2 .select2-container--default .select2-selection--single .select2-selection__rendered { color: black; line-height: 52px; padding-left: 15px; padding-right: 50px; font-size: 17px; } .form-s2 .select2-container--default .select2-selection--single .select2-selection__arrow { height: 52px; position: absolute; top: 1px; right: 1px; width: 20px; } .form-s2 .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; left: 50%; margin-left: -28px; margin-top: -11px; } .form-s2 .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\e914"; font-family: "icomoon"; transform: rotate(90deg); position: relative; display: block; width: 23px; } .form-s3 .form-row { margin-bottom: 12px; } .form-s3 .form-row textarea, .form-s3 .form-row input[type="number"], .form-s3 .form-row input[type="password"], .form-s3 .form-row input[type="email"], .form-s3 .form-row input[type="text"] { height: 52px; border-radius: 10px; border: none; background: rgba(255, 255, 255, 0.1); width: 100%; text-indent: 15px; font-family: inherit; padding: 0; color: white; } .form-s3 .form-row textarea::placeholder, .form-s3 .form-row input[type="number"]::placeholder, .form-s3 .form-row input[type="password"]::placeholder, .form-s3 .form-row input[type="email"]::placeholder, .form-s3 .form-row input[type="text"]::placeholder { color: white; } .form-s3 .form-row textarea:focus, .form-s3 .form-row input[type="number"]:focus, .form-s3 .form-row input[type="password"]:focus, .form-s3 .form-row input[type="email"]:focus, .form-s3 .form-row input[type="text"]:focus { background: rgba(255, 255, 255, 0.2); } .form-s3 .form-row textarea { padding-top: 18px; height: 147px; text-indent: 0px; padding-left: 21px; } .form-s3 .form-row .inform { color: #90afcd; } .form-s3 .form-row .inform a { color: white; } .form-s3 .select2-container .select2-selection--single { height: 52px; } .form-s3 .select2-container--default .select2-selection--single { border-radius: 10px; border: none; background: rgba(255, 255, 255, 0.1); } .form-s3 .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff; line-height: 52px; padding-left: 21px; font-size: 18px; } .form-s3 .select2-container--default .select2-selection--single .select2-selection__arrow { height: 52px; position: absolute; top: 1px; right: 1px; width: 20px; } .form-s3 .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; left: 50%; margin-left: -25px; margin-top: -11px; } .form-s3 .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\e914"; font-family: "icomoon"; transform: rotate(90deg); position: relative; display: block; width: 23px; } .input-type-file input { display: none; } .input-type-file label { font-size: 18px; font-weight: 400; color: #2a6399; display: flex; align-items: center; cursor: pointer; } .input-type-file label i { margin-right: 17px; } .inform { font-weight: 300; font-size: 16px; color: #848484; line-height: 140%; } .inform a { color: #4070b8; text-decoration: none; } .inform a:hover { text-decoration: underline; } .nw_calculate__field-info { display: inline-block; vertical-align: bottom; font-size: 14px; line-height: 17px; color: #00659e; cursor: pointer; position: relative; margin-bottom: 4px; } .nw_calculate__field-info:hover .nw_calculate__informer { display: block; } .nw_calculate__informer { display: none; position: absolute; left: 0px; top: 15px; background-color: #00659e; color: #fff; width: 200px; padding: 10px; z-index: 100; font-size: 15px; transform: translateX(-50%); } .nw_calculate__informer strong { font-weight: bold; display: inline-block; margin-right: 5px; } sup { top: -0.5em; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .custom-select2-content { display: block; overflow: hidden; text-overflow: ellipsis; color: #6e6e6e; } .custom-select2-content strong { font-weight: bold; display: inline; white-space: nowrap; margin-right: 7px; color: black; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .custom-select2-content { color: white !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .custom-select2-content strong { color: white !important; } .select2-results__option { padding: 10px 15px !important; font-size: 16px !important; } * { box-sizing: border-box; } body { font-family: Calibri; font-size: 18px; color: #000000; } img { max-width: 100%; height: auto; } strong, b { font-weight: bold; } .overflow-body { overflow: hidden; } .container { max-width: 1440px; padding: 0 30px; margin: 0 auto; } @media only screen and (max-width: 1024px) { .container { padding: 0 10px !important; } } .title { color: #002d56; } .title--h2 { font-size: 36px; line-height: 43px; margin-bottom: 50px; } @media only screen and (max-width: 1024px) { .title--h2 { font-size: 24px; line-height: 28px; margin-bottom: 30px; } } @media only screen and (max-width: 768px) { .title--h2 { margin-bottom: 20px; } } .title-second { color: #2a6399; } .title-second--h2 { font-size: 36px; line-height: 43px; margin-bottom: 50px; } @media only screen and (max-width: 1024px) { .title-second--h2 { font-size: 24px; line-height: 28px; margin-bottom: 30px; } } .breadcrumbs { margin-bottom: 30px; } @media only screen and (max-width: 1024px) { .breadcrumbs { margin-bottom: 12px; } } .breadcrumbs__item { display: inline; line-height: 24px; color: #4070b8; margin-right: 15px; } .breadcrumbs__item:after { content: ">"; color: #a7a9ac; margin-left: 15px; } .breadcrumbs__item:last-child::after { display: none; } @media only screen and (max-width: 768px) { .breadcrumbs__item { font-size: 12px; line-height: 16px; } } .breadcrumbs__link { color: #a7a9ac; text-decoration: none; } .breadcrumbs__link:hover { text-decoration: underline; } .projects-gallary { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -0.5%; margin-right: -0.5%; } .project-gallary { display: flex; align-items: flex-end; width: 24%; height: 0px; padding-bottom: 29%; text-decoration: none; color: #ffffff; margin: 0 0.5% 40px; position: relative; overflow: hidden; } .project-gallary:hover { text-decoration: underline; } .project-gallary:hover .project-gallary__img { width: 105%; height: 105%; } @media only screen and (max-width: 1024px) { .project-gallary { width: 32%; padding-bottom: 40%; } } @media only screen and (max-width: 768px) { .project-gallary { width: 48%; padding-bottom: 55%; } } @media only screen and (max-width: 540px) { .project-gallary { width: 100%; padding-bottom: 115%; margin: 0 0 35px 0; } } .project-gallary__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: all 0.5s; } .project-gallary__name { width: 100%; position: absolute; bottom: 0; font-weight: bold; color: #ffffff; padding: 20px; } .project-gallary__name:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(2, 8, 11, 0), #051521 80%); z-index: -1; } .activity-gallary { display: flex; flex-wrap: wrap; justify-content: flex-start; } .activity-item { width: 32.65%; max-width: 450px; margin-right: 1%; margin-bottom: 45px; } @media only screen and (min-width: 1024px) { .activity-item:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 1024px) { .activity-item { width: 48%; max-width: 100%; } .activity-item:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 768px) { .activity-item { width: 100%; margin: 0 0 35px 0; } } .activity-item__top { display: block; text-decoration: none; color: #000000; } .activity-item__fig { display: flex; height: 0px; padding-bottom: 49%; position: relative; overflow: hidden; } .activity-item__fig:hover .activity-item__img { width: 105%; height: 105%; } .activity-item__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: all 0.5s; } .activity-item__title { display: block; font-size: 13px; line-height: 18px; font-weight: bold; margin-top: 15px; } .activity-item__title:hover { text-decoration: underline; } .activity-item__txt { margin-top: 15px; font-size: 12px; line-height: 17px; } .card-bordered-list { margin-left: -15px; margin-right: -15px; } .card-body { padding: 20px 0px 30px; } .card-bordered-list .card { border: 0 !important; } .card a { font-weight: bold; font-family: "Calibri"; } .project-details { display: flex; margin-bottom: 35px; flex-wrap: wrap; } @media only screen and (max-width: 768px) { .project-details { flex-wrap: wrap; } } .project-details__content { font-size: 18px; line-height: 25px; flex: 1; } .project-details__title { font-size: 20px; color: #858585; margin-bottom: 30px; } @media only screen and (max-width: 768px) { .project-details__title { margin-bottom: 20px; } } .slider-project-details { display: flex; justify-content: space-between; align-items: flex-start; width: 645px; margin-right: 55px; } @media only screen and (max-width: 1280px) { .slider-project-details { margin-right: 30px; } } @media only screen and (max-width: 1024px) { .slider-project-details { width: 50%; } } @media only screen and (max-width: 768px) { .slider-project-details { width: 100%; margin-bottom: 15px; margin-right: 0; } } .slider-project { width: 485px; margin-right: 20px; } @media only screen and (max-width: 1024px) { .slider-project { width: 100%; margin-right: 0; } } .slider-project__item { display: flex; height: 0px; padding-bottom: 320px; position: relative; overflow: hidden; } @media only screen and (max-width: 768px) { .slider-project__item { padding-bottom: 60vw; min-height: 270px; } } .slider-project__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .slider-project .slick-dots { display: flex; position: absolute; bottom: 0; width: 100%; justify-content: center; } .slider-project .slick-dots button { font-size: 0; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #2a6399; background: transparent; margin: 5px; outline: none !important; } .slider-project .slick-dots .slick-active button { background: #2a6399; } .slider-project-thumb { width: 140px; display: flex; flex-direction: column; } @media only screen and (max-width: 1024px) { .slider-project-thumb { display: none; } } .slider-project-thumb__item { display: flex; height: 0px; padding-bottom: 71%; margin-bottom: 9px; position: relative; overflow: hidden; } .slider-project-thumb__item.slick-current:before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #00b1b0; } .slider-project-thumb__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .bid-price { display: flex; justify-content: space-around; align-items: center; padding: 42px 20px; margin-bottom: 80px; background: #2a6399; color: #fff; } @media only screen and (max-width: 768px) { .bid-price { flex-wrap: wrap; padding: 25px 10px; margin-left: -10px; margin-right: -10px; margin-bottom: 40px; } } .bid-price__txt { font-size: 18px; line-height: 25px; } @media only screen and (max-width: 1024px) { .bid-price__txt { width: 100%; margin-bottom: 20px; } } .bid-price__big-txt { display: block; font-size: 30px; font-weight: bold; margin-bottom: 15px; } @media only screen and (max-width: 768px) { .bid-price__big-txt { font-size: 24px; } } .bid-price__buttons { display: flex; margin-left: 20px; } @media only screen and (max-width: 1024px) { .bid-price__buttons { flex-direction: column; align-items: center; } } @media only screen and (max-width: 768px) { .bid-price__buttons { width: 100%; margin: 0; } } .bid-price__btn:nth-child(1) { width: 230px; } @media only screen and (max-width: 1024px) { .bid-price__btn:nth-child(1) { margin-bottom: 20px; } } @media only screen and (max-width: 768px) { .bid-price__btn:nth-child(1) { width: 100%; } } .bid-price__btn:nth-child(2) { width: 310px; margin-left: 20px; } @media only screen and (max-width: 1280px) { .bid-price__btn:nth-child(2) { width: 230px; } } @media only screen and (max-width: 1024px) { .bid-price__btn:nth-child(2) { margin-left: 0; } } @media only screen and (max-width: 768px) { .bid-price__btn:nth-child(2) { width: 100%; } } .inter-proj { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -0.5%; margin-right: -0.5%; } @media only screen and (max-width: 540px) { .inter-proj { margin: 0; } } .inter-proj__item { display: flex; align-items: flex-end; width: 32.3%; height: 0px; padding-bottom: 19%; text-decoration: none; color: #ffffff; margin: 0 0.5% 20px; position: relative; overflow: hidden; } .inter-proj__item:hover { text-decoration: underline; } .inter-proj__item:hover .inter-proj__img { width: 105%; height: 105%; } @media only screen and (max-width: 768px) { .inter-proj__item { width: 100%; padding-bottom: 55%; margin-bottom: 30px; } } .inter-proj__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: all 0.5s; } .inter-proj__name { width: 100%; position: absolute; bottom: 0; font-weight: bold; color: #ffffff; padding: 20px 40px; font-size: 28px; line-height: 34px; } @media only screen and (max-width: 1024px) { .inter-proj__name { font-size: 22px; line-height: 28px; padding: 20px; } } .inter-proj__name:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(2, 8, 11, 0), #051521 80%); z-index: -1; } .social-btn__link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: #d2d8db; color: #2a4864; text-decoration: none; font-size: 40px; margin-right: 5px; } .social-btn__link:last-child { margin-right: 0; } .social-btn__link:hover { color: #2a4864; opacity: 0.8; } .section-activity-details { background-color: #edf2f5; padding: 50px 0; } .content-list { margin-left: 40px; } .content-list--ol { list-style: decimal; } .content-list--ul { list-style: disc; } .content-box { padding: 30px; background: #ffffff; } .calculation-cost-container { display: flex; } .calculation-cost-container .title-second { font-weight: bold; font-size: 30px; line-height: 120%; } .calculation-cost-container .text-container { font-size: 16px; line-height: 150%; margin-right: 70px; width: calc(50% - 70px); } .calculation-cost-container .text-container p { margin-bottom: 24px; } .calculation-cost-container .text-container ul { margin-bottom: 24px; } .calculation-cost-container .calculator-container { width: 51%; min-width: 50%; margin-bottom: 115px; } .calculation-cost-container .calculator-container .left-forms-container { background: #f5fafd; padding: 40px 30px 30px; width: 100%; max-width: 100%; } .calculation-cost-container .calculator-container .left-forms-container .title-modal { font-weight: bold; font-size: 27px; line-height: 34px; margin-bottom: 25px; color: #2a6399; } .calculation-cost-container .calculator-container .right-forms-container { width: 100%; margin-top: 0; margin: 0; display: flex; padding: 29px 27px 15px 27px; justify-content: space-between; } .calculation-cost-container .calculator-container .right-forms-container .c1, .calculation-cost-container .calculator-container .right-forms-container .c2 { width: 45%; } @media only screen and (max-width: 1024px) { .calculation-cost-container { display: block; } .calculation-cost-container .calculator-container, .calculation-cost-container .text-container { margin-right: 0px; width: 100%; } .calculation-cost-container .right-forms-container { display: block; } .calculation-cost-container .right-forms-container .c2, .calculation-cost-container .right-forms-container .c1 { width: 100%; } } .service-request-section { padding: 60px 0; background-color: #2a6399; color: #ffffff; } .service-request-section__title { font-size: 37px; font-weight: bold; margin-bottom: 0; } @media only screen and (max-width: 1024px) { .service-request-section__title { font-size: 24px; } } .form-service-request { display: flex; flex-wrap: wrap; } .form-service-request__col1 { flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between; } @media only screen and (max-width: 1024px) { .form-service-request__col1 { flex: auto; width: 100%; } } .form-service-request__c1 { width: 49%; } @media only screen and (max-width: 1280px) { .form-service-request__c1 { width: 100%; } } .form-service-request__c2 { width: 49%; } @media only screen and (max-width: 1280px) { .form-service-request__c2 { width: 100%; } } .form-service-request .form-row textarea { height: 180px; font-size: 18px; } .form-service-request__c3 { width: 100%; } @media only screen and (max-width: 1024px) { .form-service-request__c3 { text-align: center; } } .form-service-request__col2 { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; margin-left: 30px; width: 215px; } @media only screen and (max-width: 1024px) { .form-service-request__col2 { width: 100%; margin-left: 0; text-align: center; } } @media only screen and (max-width: 1024px) { .form-service-request .inform { display: none; } .form-service-request .btn { margin: 0 auto; } } #scroll-top { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; cursor: pointer; padding: 0; border-radius: 10px; font-size: 18px; } #scroll-top i { position: relative; transform: rotate(90deg); display: block; line-height: 58px; } .popup-youtube { position: relative; z-index: 3; display: block; height: 0; overflow: hidden; padding-bottom: 57%; } .popup-youtube iframe { position: absolute; z-index: 1; height: 100%; width: 100%; } .close-video { z-index: 9999; color: #ffffff; font-size: 40px; position: absolute; right: -22px; top: -32px; width: 17px; height: 17px; line-height: 20px; transform: rotate(45deg); font-weight: 100; } .video-list { margin-right: -15px; margin-left: -15px; } .video-list-item { cursor: pointer; } .video-list-item .popup-youtube { background-size: cover; background-position: center; } .video-list-item .popup-youtube svg { position: absolute; top: 50%; height: 40px; margin-top: -20px; margin-left: -25px; left: 50%; } .video-list-item .popup-youtube:hover svg path.ytp-large-play-button-bg { fill: #f00; } .video-list-item.scaleVideo { position: fixed; top: 50%; width: 950px; transform: translate(-50%, -50%); left: 50%; padding: 0; z-index: 9999999; } .video-list-item.scaleVideo .popup-youtube { height: 100%; width: 100%; padding-bottom: 56.4%; overflow: visible; background-size: cover; background-position: center; } .video-list-item.scaleVideo .popup-youtube:after { display: none; } .video-list-item.scaleVideo .popup-youtube iframe { position: absolute; width: 100%; height: 100%; } .video-bg { z-index: 99999; pointer-events: initial; opacity: 1; backdrop-filter: blur(3px); background-color: #0000006b; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .img__inf { background-size: cover; background-position: center; position: relative; height: 600px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .img__inf h3 { color: #fff; top: 10%; font-size: 36px; font-weight: 600; text-align: center; max-width: 900px; line-height: 135%; padding: 0 20px 0 20px; } .banner__btn { display: flex; max-width: 600px; width: 100%; margin-top: 50px; } .banner__btn .btn-calc-price:hover { opacity: .8; } .banner__btn .btn-calc-price { max-width: 285px; height: 50px; color: white; background: #607d8b; border-radius: 10px; font-size: 18px; align-items: center; display: flex; justify-content: center; cursor: pointer; margin: auto; width: 100%; } .banner__btn .btn-calc-price span { margin-left: 10px; } .banner__btn .btn { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 285px; height: 52px; padding: 10px 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; border: 0; border-radius: 10px; text-decoration: none; margin: auto; } .banner__category { max-width: 2000px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } @media screen and (max-width: 1024px) { .img__inf { height: 400px; } .img__inf h3 { font-size: 26px; } .banner__category .btn { height: 45px; max-width: 250px; } } @media screen and (max-width: 768px) { .img__inf h3 { font-size: 21px; } .banner__category .btn { height: 40px; max-width: 200px; font-size: 13px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; } .banner__btn { flex-direction: column; width: auto; justify-content: space-around; margin-top: 10px; } } .slider__partener__logo { margin-bottom: 40px; } .slider__partener__logo .slide__block:hover .slider-img { opacity: .8; } .slider__partener__logo .slide__block .slider-img { display: flex; align-items: center; height: 80px; } @media screen and (max-width: 768px) { .slider__partener__logo .slide__block .slider-img { justify-content: center; } } .slider__partener__logo .slide__block .slider-img img { margin: 0; max-height: 100%; } .slider__partener__logo .slide__block span { margin-top: 20px; display: block; font-size: 14px; } @media screen and (max-width: 1024px) { .slider__partener__logo .slide__block { margin-right: 50px; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/_/css_new/jquery.fancybox.css?176806430417384*/ 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: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); 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-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { 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: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ 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: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { 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; -ms-transform-origin: top left; 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: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; 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--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .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-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .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; } /* Buttons */ .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:visited, .fancybox-button:link { 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; } /* Fix IE11 */ .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--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .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: 401; } .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; } /* Navigation arrows */ .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; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, 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%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .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; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 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: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .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: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .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: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .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: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .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: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (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; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .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 0; } .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 5px; 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:visited, .fancybox-share__button:link { 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 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .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: center center; 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: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (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:/_/css_new/select2.min.css?176806430416263*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/_/css_new/added.css?17680643048001*/ .jumbotron-cover-left { padding-right: 200px; } .jumbotron-cover-right { padding-left: 200px; } .footer__resurce-link.calculator { cursor: pointer; } main .pb-80 { padding-bottom: 80px; } main .pt-80 { padding-top: 80px; } main .pb-50 { padding-bottom: 50px; } main .pt-50 { padding-top: 50px; } .container .header_tag { position: relative; top: -140px; } .texts-list { /* margin-left: 55px; */ } .texts-list strong{ font-size: 20px; margin-bottom: .5rem; display: inline-block; } .second-nav.sub { background: #dbe7ee; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background: #fff; } .sub .second-nav__list-item { max-width: 400px; /* min-width: 200px;*/ } /* .second-nav ul{ max-width: 1660px; margin: 0 auto; padding: 0 30px; } */ .header__container.menu { padding: 0 0px; max-width: 3000px; } .second-nav { padding-bottom: 2px; } .act-pdf { display: block; } .act-pdf::before { position: absolute; } .tab-content .tab-pane .col-md-12, .tab-content .tab-pane { padding:0; } .second-nav__list-link.active { color: #2b639a; text-shadow: 0px 1px 0px #2b639a; border-bottom: 3px solid #2b639a; } body .header__bottom.tabs { display: block !important; } body .header__bottom.tabs ul { padding: 10px 30px; overflow: auto; } body .header__bottom.tabs ul .second-nav__list-item { margin-right: 20px; } .content-modal .modal { display: block; } .inner .container img { max-width: 100%; } .mob-block a.tel{ color: white; text-decoration: none; } .texts-list ol { list-style: decimal; /* margin-left: 25px; */ font-size: .875em; } .row .link-underline { display: none; } .home .text-slider .btn--blue { background: rgba(64, 112, 184, .6); } .home .text-slider .btn--light-green { background: rgba(0, 177, 176, .6); } .video-list .col-md-4 { padding-left: 0; padding-right: 10px; } .text-content p { padding-right: 4px; } a .footer__title { color: white; } body .ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__badge, body .ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__mobile-popup-badge { background-color: #777; } .socials > span.desktop-only { margin-right: 10px; } #captcontainer2 > div:first-child { border-right: 0; padding: 5px 0; padding: 0; /* display: none;*/ } #captcontainer2 img { max-width: 100%; max-height: 100%; } #captcontainer2 input[type="text"] { border: 0; width: 100%; height: 32px; margin-top: 1px; padding: 0 10px; color: #6e6e6e; } #captcontainer2 div{ width: 140px; height: 35px; text-align: center; border: 1px solid #e1e8ed; border: 0px; border-right-color: currentcolor; border-right-style: none; border-right-width: 0px; } .text strong.h5 { font-weight: bold; margin-bottom: 10px; display: block; font-size: 1.1em; } span.title-section { margin-bottom: 30px; display: block; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .ml-10 { margin-left: 10px; } .mr-10 { margin-right: 10px; } .bg-blue_new .sub-nav li::before , .bg-blue_new ul#activities-list li::before { content: ""; width: 0px; height: 0px; } #calculator #captcontainer2 input[type="text"] { color: #fff; height: 35px; margin-top: 0px; margin-left: 10px; } #calculator #captcontainer2 img { border-radius: 10px; } .text-slider a { text-decoration: none; } .text-content ul { list-style: disc; list-style-type: disc !important; } main .imgA img, main .imgC img, main .imgB img { max-width: 100%; margin: 30px auto 20px auto; max-height: 900px; text-align: center; } .text-content .imgA ul, .text-content .imgB ul, .text-content .imgC ul { list-style: none; list-style-type: none !important; padding: 0; } .footer .btn-calc-price { min-width: 285px; height: 52px; color: white; background: rgba(210, 216, 220, 0.2); border-radius: 10px; font-size: 18px; align-items: center; display: flex; justify-content: center; cursor: pointer; } .footer .btn-calc-price i { margin-right: 15px; font-size: 28px; } .footer__btn.btn--light-green { margin-bottom: 25px; } .bg-blue_new .jumbotron-over-left h2, .bg-blue_new .jumbotron-over-left h3, .bg-blue_new .jumbotron-over-left p, .bg-blue_new .jumbotron-over-left ul { padding-right: 200px; } .bg-blue_new .jumbotron-over-left ul ul { padding-right: 0px; } .text-content a { text-decoration: underline; } @media (max-width: 1024px) { body .header__bottom { display: block; } .second-nav { display: none; } .second-nav.sub { display: block; padding: 10px 30px; overflow: auto; } .tabs .second-nav { display: block; } .bid-price { margin-left: 0px; margin-right: 0px; } } .project-gallary:hover .project-gallary__img { max-width: 106%; } .right-forms-container { box-sizing: content-box; } @media (max-width: 768px) { .content-modal.forms-modal-container .modal { width: auto; } .content-modal { overflow: auto; } .form-s1 .form-row textarea { width: 94%; } .card-bordered-list { margin-left: 0px; margin-right: 0px; } } @media (max-width: 480px) { .col-md-5, .col-md-12 { padding: 0; } .container { padding-right: 10px !important; } h2 { font-size: 24px; } .breadcrumbs { display: none; } .col, .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-auto, .col-lg, .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-auto, .col-md, .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-auto, .col-sm, .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-auto, .col-xl, .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-auto { padding-right: 0px; padding-left: 0px; } .container .header_tag { top: -80px; } } /* Картинка по центру (с комментарием) */ .imgA {clear: both; color: #808080; font-size: 0.85em; margin-bottom: 0.9em;} DIV.imgA P {margin: 0; margin-top: 0.1em; margin-bottom: 0.2em; } .imgA IMG {border: 1px solid #557CBA; max-width: 300px; height: auto;} .imgA TABLE {margin-left: auto; margin-right: auto; } .imgA TABLE TD, .imgB TABLE TH {padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; vertical-align: top; } .imgA TABLE IMG {margin-bottom: 0.2em; vertical-align: top;} .imgA UL {margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px;} .imgA {float: left; margin-right: 20px;} .imgB {margin:0 auto; clear: both; color: #808080; font-size: 0.85em; margin-bottom: 0.9em; text-align: center; } DIV.imgB P {margin: 0; margin-top: 0.1em; margin-bottom: 0.2em; } .imgB IMG {border: 1px solid #557CBA; max-width: 550px; height: auto;} .imgB TABLE {margin-left: auto; margin-right: auto; } .imgB TABLE TD, .imgB TABLE TH {padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; vertical-align: top; } .imgB TABLE IMG {margin-bottom: 0.2em; vertical-align: top;} .imgC {clear: both; color: #808080; font-size: 0.85em; margin-bottom: 0.9em;} DIV.imgC P {margin: 0; margin-top: 0.1em; margin-bottom: 0.2em; } .imgC IMG {border: 1px solid #557CBA; max-width: 300px; height: auto;} .imgC TABLE {margin-left: auto; margin-right: auto; } .imgC TABLE TD, .imgB TABLE TH {padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; vertical-align: top; } .imgC TABLE IMG {margin-bottom: 0.2em; vertical-align: top;} .imgC {margin-left: 20px; margin-right: 20px;} /* /Картинка по центру (с комментарием) */ /* End */ /* Start:/assets/css/header.css?176806430624971*/ body { --scrollbar-width: 0px; } body.menu-open { overflow: hidden; padding-right: var(--scrollbar-width); } body.bx-panel.bx-panel-fixed .header { position: fixed; top: 150px; } body.bx-panel.bx-panel-fixed .toggle-menu { height: calc(100vh - 238px); } body.bx-panel.bx-panel-fixed.bx-panel-collapsed .header { position: fixed; top: 40px; } body.bx-panel.bx-panel-fixed.bx-panel-collapsed .toggle-menu { height: calc(100vh - 128px); } body.bx-panel .header { position: -webkit-sticky; position: sticky; top: 0; } body.bx-panel .uk-position-relative { margin-top: -88px; } body.sticky-header { padding-top: 88px; } body.sticky-header.bx-panel { padding-top: 0; } body.sticky-header.bx-panel.bx-panel-fixed { padding-top: 88px; } .header * { -webkit-box-sizing: border-box; box-sizing: border-box; } .header *::before, .header *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .header a { text-decoration: none; -webkit-transition: .3s ease; transition: .3s ease; } .header a:hover { text-decoration: none; } .header img { display: block; max-width: 100%; } .header .icon-svg { display: block; max-width: 100%; } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px; line-height: 135%; --main-color: #235B8B; --second-color: #27689F; --third-color: #4091CF; } .header__container { max-width: 1760px; margin: 0 auto; padding: 0 80px; } .header.scroll-up .header-top, .header.scroll-down .header-top { background-color: rgba(35, 91, 139, 0.5); } .header.menu-open { padding-right: var(--scrollbar-width); } .header.menu-open .header__toggle-menu { display: block; opacity: 1; visibility: visible; pointer-events: all; } .header.menu-open .header-top { background: var(--main-color); -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } .header_black { --main-color: #323232; --second-color: #3C3C3C; --third-color: #323232; } .header_white { --main-color: #FFFFFF; --second-color: #F9FAF9; --third-color: #EDF2F5; } .header_white.scroll-up .header-top, .header_white.scroll-down .header-top { background: #FFFFFF; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); } .header_white .toggle-menu__wrapper { scrollbar-color: #3570B5 rgba(0, 0, 0, 0.05); } .header_white .toggle-menu__wrapper::-webkit-scrollbar-thumb { background: #3570B5; } .header_white .toggle-menu__item > a { color: #353536; } .header_white .toggle-menu__item > a.active { border-color: #3570B5; } .header_white .toggle-menu__item > a:hover { background: rgba(237, 242, 245, 0.5); } .header_white .wrapper-item > a { color: #353536; } .header_white .wrapper-item > ul > li > a { color: #353536; } .header_white .wrapper-item > ul > li > a:hover { color: #3570B5; } .header_white .dropdown > a span { background: url(/assets/css/../img/svg/menu-arrow-down.svg) no-repeat center; } .header_white .dropdown > ul a { color: #474747; } .header_white .dropdown > ul a:hover { color: #4091CF; } .header_white .header-top { background: #FFFFFF; color: #353536; } .header_white .header-top__logo .icon-svg { fill: #235B8B; } .header_white .header-top__schedule { color: #A7A9AC; } .header_white .header-search__input { border-color: #4091CF; color: #353536; } .header_white .header-search__input::-webkit-input-placeholder { color: #A7A9AC; } .header_white .header-search__input:-ms-input-placeholder { color: #A7A9AC; } .header_white .header-search__input::-ms-input-placeholder { color: #A7A9AC; } .header_white .header-search__input::placeholder { color: #A7A9AC; } .header_white .header-search__btn .icon-svg { stroke: #4091CF; } .header_white .header-contacts__link { color: #353536; } .header_white .header-btn:hover { color: #FFFFFF; background: #4091CF; } @media (max-width: 1023px) { .header_white .dropdown > a span { background: url(/assets/css/../img/svg/menu-arrow-right.svg); } .header_white .dropdown > ul a:hover { color: #4091CF; } .header_white .toggle-menu__item > a:hover { color: #4091CF; background: transparent; } .header_white .wrapper-item > ul > li > a:hover { color: #4091CF; } } .header_main .header-top { background: transparent; } .header_main .header-top__logo .icon-svg { fill: #FFFFFF; } .header_main .header-search__input { border-color: #FFFFFF; } .header_main .header-search__btn .icon-svg { stroke: #FFFFFF; } .header_main .header-contacts__link { color: #FFFFFF; } .header_main.menu-open .header-top__logo .icon-svg { fill: #235B8B; } .header_main.menu-open .header-search__input { border-color: #4091CF; } .header_main.menu-open .header-search__btn .icon-svg { stroke: #4091CF; } .header_main.menu-open .header-contacts__link { color: #353536; } .header-top { position: relative; padding: 15px 0; min-height: 88px; z-index: 2; -webkit-transition: .3s ease; transition: .3s ease; } .header-top__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 34px; } .header-top__logo { width: 265px; height: 54px; -ms-flex-negative: 0; flex-shrink: 0; } .header-top__logo .icon-svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: .3s ease; transition: .3s ease; fill: #F9FAFA; } .header-top__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-top__contacts { -ms-flex-negative: 0; flex-shrink: 0; } .header-top__right-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; -ms-flex-negative: 0; flex-shrink: 0; } .header-top__burger { -ms-flex-negative: 0; flex-shrink: 0; } .header-top__search { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .header-top__schedule { font-size: 16px; color: rgba(255, 255, 255, 0.7); max-width: 137px; } .burger-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 54px; height: 54px; background: #F9FAFA; border-radius: 8px; border: none; outline: none; -webkit-transition: .3s ease; transition: .3s ease; cursor: pointer; padding: 15px; gap: 6px; transition: .3s ease; } .burger-btn span { width: 100%; height: 2px; background: #4091CF; will-change: transform; -webkit-transition: .3s ease; transition: .3s ease; } .burger-btn span:nth-child(2) { max-width: 14px; will-change: max-width; } .burger-btn.active span:nth-child(1) { -webkit-transform: translate(0px, 5px) rotate(-45deg); transform: translate(0px, 5px) rotate(-45deg); } .burger-btn.active span:nth-child(2) { max-width: 100%; -webkit-transform: translate(0, -3px) rotate(45deg); transform: translate(0, -3px) rotate(45deg); } .burger-btn:focus { outline: none; } .header-search { position: relative; } .header-search__input { width: 100%; font-family: inherit; font-size: 17px; line-height: 22px; line-height: inherit; color: #FFFFFF; background: transparent; border: 2px solid #FFFFFF; border-radius: 8px; outline: none; padding: 14px 50px 16px 25px; -webkit-transition: .3s ease; transition: .3s ease; } .header-search__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-search__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-search__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-search__input::placeholder { color: rgba(255, 255, 255, 0.5); } .header-search__input:focus { border-color: #4091CF; } .header-search__input:not(:placeholder-shown) ~ .header-search__btn .search-loupe { display: none; } .header-search__input:not(:placeholder-shown) ~ .header-search__btn .search-close { display: block; } .header-search__btn { position: absolute; top: 15px; right: 15px; width: 24px; height: 24px; background: transparent; border: none; outline: none; cursor: pointer; padding: 0; } .header-search__btn .icon-svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; fill: none; stroke: #FFFFFF; -webkit-transition: .3s ease; transition: .3s ease; } .header-search__btn .search-close { display: none; } .header-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .header-contacts__link { color: #FFFFFF; } .header-contacts__link:hover { color: #4091CF; } .header-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 14px 25px 16px; font-weight: 500; color: #FFFFFF; background: #4091CF; border-radius: 8px; max-width: 395px; } .header-btn:hover { background: #FFFFFF; color: #4091CF; } .menu-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .menu-socials__item { display: block; width: 44px; height: 44px; -ms-flex-negative: 0; flex-shrink: 0; } .toggle-menu { position: relative; width: 100%; height: calc(100vh - 88px); background: var(--main-color); color: #FFFFFF; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; display: none; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; z-index: 1; } .toggle-menu__nav { position: relative; width: 100%; height: 100%; } .toggle-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; background-color: var(--second-color); list-style: none; width: 30%; height: 100%; overflow: auto; scrollbar-width: thin; scrollbar-color: #FFFFFF rgba(0, 0, 0, 0.05); } .toggle-menu__list::-webkit-scrollbar { width: 4px; } .toggle-menu__list::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.05); } .toggle-menu__list::-webkit-scrollbar-thumb { background: #FFFFFF; border-radius: 2px; } .toggle-menu__item { width: 100%; } .toggle-menu__item > a { position: relative; display: block; padding: 18px 20px 20px 80px; padding-left: calc((100vw - 1600px) / 2 - var(--scrollbar-width) / 2); font-weight: 700; font-size: 20px; color: #FFFFFF; border-right: 4px solid transparent; -webkit-transition: .3s ease; transition: .3s ease; } .toggle-menu__item > a:hover { background: rgba(64, 145, 207, 0.5); } .toggle-menu__item > a.active { border-color: #FFFFFF; background: var(--third-color); } .toggle-menu__item > a.active ~ .toggle-menu__wrapper { opacity: 1; pointer-events: all; -webkit-transition-delay: .4s; transition-delay: .4s; } .toggle-menu__wrapper { position: absolute; top: 18px; left: 30%; width: calc(70% - ((100vw - 1600px) / 2 - var(--scrollbar-width) / 2)); max-height: calc(100% - 36px); overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 30px; column-gap: 30px; row-gap: 15px; list-style: none; opacity: 0; pointer-events: none; padding: 0 100px 0 30px; margin: 0; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; -webkit-transition-delay: 0; transition-delay: 0; scrollbar-width: thin; scrollbar-color: #FFFFFF rgba(0, 0, 0, 0.05); } .toggle-menu__wrapper::-webkit-scrollbar { width: 4px; } .toggle-menu__wrapper::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.05); } .toggle-menu__wrapper::-webkit-scrollbar-thumb { background: #FFFFFF; border-radius: 2px; } .toggle-menu__wrapper > ul { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 0; margin: 0; } .toggle-menu__socials { display: none; } .dropdown:last-child { margin-bottom: 0; } .dropdown > a { position: relative; display: block; width: 100%; padding-right: 34px; } .dropdown > a span { position: absolute; top: 0; right: 0; display: block; width: 24px; height: 24px; background: url(/assets/css/../img/svg/chevron-down.svg) no-repeat center; background-size: contain; -webkit-transition: .3s ease; transition: .3s ease; } .dropdown > ul { list-style: none; padding: 0; margin: 0; overflow: hidden; display: block; height: 0; -webkit-transition: height .3s ease; transition: height .3s ease; } .dropdown > ul li { margin-bottom: 5px; } .dropdown > ul li:last-child { margin-bottom: 0; } .dropdown > ul a { font-size: 16px; line-height: 135%; color: rgba(255, 255, 255, 0.7); } .dropdown > ul a:hover { color: #FFFFFF; } .dropdown.active > a span { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .dropdown.active > ul { height: auto; } .wrapper-item { list-style: none; display: block; margin: 15px 0; } .wrapper-item > a { font-weight: 700; font-size: 20px; line-height: 125%; color: #FFFFFF; } .wrapper-item > ul { list-style: none; padding: 0; margin: 15px 0 0; } .wrapper-item > ul > li { margin-bottom: 10px; } .wrapper-item > ul > li > a { font-size: 18px; color: #FFFFFF; } .wrapper-item:first-child { margin-top: 0; } .back-btn { display: none; } @media (max-width: 1760px) { .toggle-menu__list { width: 25%; } .toggle-menu__item > a { padding-left: 80px; } .toggle-menu__wrapper { left: 25%; width: calc(75% - 80px); } } @media (max-width: 1400px) { .header-top__inner { gap: 15px; } .header-contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; } .toggle-menu__wrapper { padding: 0 15px; } } @media (max-width: 1200px) { .header__container { padding: 0 20px; } .toggle-menu__item > a { padding-left: 20px; } .toggle-menu__wrapper { width: calc(75% - 20px); } .toggle-menu__wrapper > ul { gap: 10px; } } @media (max-width: 1023px) { .header .header-top { background: #FFFFFF; } .header.scroll-up .header-top, .header.scroll-down .header-top, .header.menu-open .header-top { background: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; } .header_main .header-top__logo .icon-svg { fill: #235B8B; } .header_main .header-search__input { border-color: #4091CF; } .header_main .header-search__btn .icon-svg { stroke: #4091CF; } .header_main .header-contacts__link { color: #353536; } .header-top { padding: 12px 0 13px; min-height: auto; } .header-top__inner { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-top__logo { width: 165px; height: 39px; } .header-top__logo .icon-svg { fill: #235B8B; } .header-top__navigation { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .header-top__burger { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header-top__right-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; margin-top: 30px; } .header-top__schedule { color: #898989; max-width: none; } .header-top__btn { width: 100%; } .burger-btn { width: 34px; height: 34px; padding: 5px; } /*.header-contacts { display: none; }*/ .header-search { position: static; } .header-search__input { position: absolute; top: calc(100% + 20px); left: 0; background: #FFFFFF; padding: 10px 15px; color: #3C3C3C; width: 0%; opacity: 0; pointer-events: none; } .header-search__input::-webkit-input-placeholder { color: rgba(60, 60, 60, 0.5); } .header-search__input:-ms-input-placeholder { color: rgba(60, 60, 60, 0.5); } .header-search__input::-ms-input-placeholder { color: rgba(60, 60, 60, 0.5); } .header-search__input::placeholder { color: rgba(60, 60, 60, 0.5); } .header-search__input:not(:placeholder-shown) ~ .header-search__btn .search-loupe { display: block; } .header-search__input:not(:placeholder-shown) ~ .header-search__btn .search-close { display: none; } .header-search__btn { position: static; display: block; width: 34px; height: 34px; padding: 5px; border-radius: 8px; background: #F9FAFA; } .header-search__btn .icon-svg { stroke: #4091CF; } .header-search.active .header-search__input { width: 100%; opacity: 1; pointer-events: all; } .header-search.active .header-search__btn { background: #4091CF; } .header-search.active .header-search__btn .icon-svg { stroke: #F9FAFA; } .toggle-menu { height: calc(100vh - 64px); overflow: auto; background: #F9FAF9; } .toggle-menu__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 20px; } .toggle-menu__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 0 20px 100px; } .toggle-menu__list { width: 100%; height: auto; overflow: initial; background: #F9FAF9; } .toggle-menu__item { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toggle-menu__item.has-sublist > a::before { content: ''; position: absolute; top: 18px; right: 0; width: 24px; height: 24px; background: url(/assets/css/../img/svg/menu-arrow-down.svg) no-repeat center; background-size: contain; -webkit-transition: .3s ease; transition: .3s ease; } .toggle-menu__item > a { position: relative; padding: 18px 24px 20px 0; font-weight: 500; font-size: 18px; line-height: 135%; color: #353536; border-right: none; } .toggle-menu__item > a:hover { background: transparent; color: var(--third-color); } .toggle-menu__item > a.active { background: transparent; } .toggle-menu__item > a.active::before { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .toggle-menu__item > a.active ~ .toggle-menu__wrapper { height: auto; padding: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .toggle-menu__wrapper { position: static; width: 100%; opacity: 1; padding: 0; height: 0; -webkit-transition: .3s ease; transition: .3s ease; -webkit-transition-delay: 0s; transition-delay: 0s; overflow: hidden; } .toggle-menu__wrapper > ul { -ms-grid-columns: 1fr; grid-template-columns: 1fr; color: #353536; gap: 0; } .toggle-menu.submenu-open { overflow: hidden; } .wrapper-item { margin: 0; } .wrapper-item > a { display: block; color: #353536; font-weight: 400; font-size: 16px; line-height: 135%; padding: 14px 0 16px; } .wrapper-item.has-children > a { position: relative; padding-right: 24px; } .wrapper-item.has-children > a span { content: ''; position: absolute; top: 14px; right: 0; width: 24px; height: 24px; background: url(/assets/css/../img/svg/menu-arrow-right.svg) no-repeat center; background-size: contain; } .wrapper-item > ul { position: fixed; top: 64px; left: 0; width: 100%; height: calc(100vh - 64px); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; margin-top: 0; z-index: 100; background: #F9FAF9; padding: 0 20px; overflow: auto; } .wrapper-item > ul > li { margin-bottom: 0; } .wrapper-item > ul > li > a { display: block; padding: 14px 0 16px; font-size: 16px; color: #353536; } .wrapper-item > ul > li > a:hover { color: var(--third-color); } .wrapper-item.active > ul { -webkit-transform: translateX(0); transform: translateX(0); } .dropdown { margin: 0; } .dropdown > a { padding-right: 34px !important; } .dropdown > a span { top: 14px; background: url(/assets/css/../img/svg/menu-arrow-right.svg); } .dropdown > ul { position: fixed; top: 0; right: 0; width: 0; height: calc(100vh - 64px) !important; background: #F9FAF9; z-index: 10; overflow: hidden; -webkit-transition: .3s ease; transition: .3s ease; } .dropdown > ul li { margin-bottom: 0; } .dropdown > ul a { font-size: 16px; line-height: 135%; color: #353536; padding: 14px 0 16px; display: block; } .dropdown > ul a:hover { color: var(--third-color); } .dropdown.active > ul { overflow: auto; width: 100%; padding: 0 20px; } .back-btn { position: relative; display: block; padding: 14px 24px 16px; font-weight: 500; font-size: 18px; line-height: 135%; text-align: center; cursor: pointer; } .back-btn::before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 24px; height: 24px; background: url(/assets/css/../img/svg/menu-arrow-right.svg) no-repeat center; background-size: contain; -webkit-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); } } .breadcrumb { padding: 15px 0; background: #F9FAF9; font-weight: 400; font-size: 16px; line-height: 135%; margin-bottom: 0; } .breadcrumb .container { width: 100%; max-width: 1760px; padding: 0 80px; margin: 0 auto; } .breadcrumb__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 40px; overflow: auto; scrollbar-width: none; } .breadcrumb__inner::-webkit-scrollbar { width: 0; height: 0; } .breadcrumb__item { position: relative; color: #4091CF; -ms-flex-negative: 0; flex-shrink: 0; } .breadcrumb__item::after { content: ''; position: absolute; top: 50%; right: -24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 9px; height: 10px; background: url(/assets/css/../img/svg/breadcrumb-separator.svg) no-repeat center; background-size: contain; } .breadcrumb__item:last-child::after { display: none; } .breadcrumb__link { color: #A7A9AC; } .breadcrumb__link:hover { text-decoration: underline; } @media (max-width: 1023px) { body.sticky-header { padding-top: 64px; } body.sticky-header.bx-panel { padding-top: 0; } body.sticky-header.bx-panel.bx-panel-fixed { padding-top: 64px; } } /*# sourceMappingURL=header.css.map */ /* End */ /* Start:/_/css_new/custom.css?176806430436519*/ .ktb-section--p50_70 .ktb-sertificate__slider img { /* max-height: 50px; */ } .ktb-slider ul.uk-slideshow-items { min-height: 100vh !important; } .ktb-nav--top ul.uk-dropdown li { border-bottom: 1px dashed #CCCCCC; padding-bottom: 4px; padding-top: 2px; } .ktb-box__img-wrap\@l { height: 100%; width: 100%; margin-bottom: 30px; } .ktb-box__img-wrap\@l img { max-height: 100%; } .activities_header { padding-top: 50px; padding-bottom: 50px; }.ktb-section--p50_70 .ktb-sertificate__slider img { /* max-height: 50px; */ } .ktb-slider ul.uk-slideshow-items { min-height: 100vh !important; } .ktb-nav--top ul.uk-dropdown li { border-bottom: 1px dashed #CCCCCC; padding-bottom: 4px; padding-top: 2px; } .ktb-box__img-wrap\@l { height: 100%; } .ktb-box__img-wrap\@l img { max-height: 100%; } .activities_header { padding-top: 50px; padding-bottom: 50px; } .article_detail section { padding-top: 50px; padding-bottom: 50px; } .article_detail h2, .article_detail h3, .article_detail h4, .article_detail h5 { text-align: center; } .article_detail p { font-family: 'calibri'; font-size: 20px; line-height: 172.19%; color: #020202; } .article_detail .news-detail > h3 { display: none !important; } /* Custom styles */ /* E.Nazarova */ /* https://github.com/KateKKode */ /* alienintardis@gmail.com */ /* Mainpage slider font-size */ .ktb-slider__caption { padding: 0 5%; } @media (min-width: 1200px) { .ktb-slider__caption { font-size: 60px; } .ktb-slider__txt img { max-width: 400px; } } .ktb-slider__caption h1 { color: #ffffff; font-weight: bold; } /* Mainpage consult button */ .header__phone-link { border: 1px solid white; border-radius: 5px; transition: 0.3s; } .header__phone-link:hover { background-color: #fff; } .header__phone-link:active { background-color: #ccc; border-color: #ccc; } .header__phone-num { text-align: center; } /* Letters carousel style */ .ktb-letters__img { /* height: 354px; */ } .ktb-letters__img img{ max-height: 100%; width: auto; } /* Articles - Content style */ .article_detail ol { list-style: decimal; } .article_detail ul li { position: relative; padding-left: 30px; } .article_detail ul li:before { content: ""; width: 7px; height: 7px; background-color: #00659e; display: block; border-radius: 100%; position: absolute; top: 15px; left: 0px; } .article_detail .ya-share2 ul li:before, .article_detail .ktb-carousel ul li:before { display: none; } .article_detail .ktb-carousel { padding: 0 30px 0 0; } .article_detail .ktb-section .title-section { padding: 0 0 0 30px; } .article_detail .ktb-carousel .uk-grid-others { margin: 0; } .article_detail table td{ padding: 0 10px; background-color: #EDF2F5; border: 5px solid white; } .bg-blue_new ul{ list-style: none; list-style-type: none !important; } /* Articles - header banner style */ @media (min-width: 1200px) { .ktb-specialist__name { margin-top: 40px; } .ktb-specialist__edu { margin-bottom: 100px!important; } .uk-flex-right\@l { align-self: stretch; } .uk-flex-right\@l img { object-fit: cover; } } /* Content tables style */ .table-content { max-width: 100%; min-width: 600px; } .table-content td { white-space: normal; } /* Consultation form steps */ .step-num { padding: 10px 0; text-transform: uppercase; color: #2a6399; } /* Visually hidden style */ .visually-hidden { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; } .uk-container, .container, .header__container { box-sizing: border-box; } .container.tab-content { box-sizing: border-box; } .container.tab-content .scroll-container { padding: 0; margin: 0; } .uk-position-relative.ktb-banner-f { z-index: 1; } /* banner overlay */ .uk-position-relative.ktb-banner-f::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .uk-cover { z-index: -2; } /* breadcrubs */ .ktb-breadcrumb { flex-wrap: nowrap; } .ktb-breadcrumb__item { display: flex; align-items: center; } .ktb-breadcrumb__separator { display: block; width: 7px; height: 10px; padding: 0; margin: 0 15px; } .ktb-breadcrumb span { white-space: nowrap; } .ktb-breadcrumb { overflow-y: hidden; overflow-x: auto; } .ktb-breadcrumb { -ms-overflow-style: none; scrollbar-width: none; } .ktb-breadcrumb::-webkit-scrollbar { display: none; } .ktb-ac__item ul li { list-style: disc; } .ktb-ac__item ol li { list-style: decimal; } [class*='uk-position-top'], [class*='uk-position-bottom'], [class*='uk-position-left'], [class*='uk-position-right'], [class*='uk-position-center'] { z-index: 2; } .uk-slider-items:not(.uk-grid) { width: 100%; } .title-video { margin-top: 10px; cursor: text; } .popup-youtube::before { content: ""; position: absolute; top: 0; left: 0; background: url(/_/css_new/../images/youtube.svg) no-repeat center; background-size: 60px; width: 100%; height: 100%; } .ktb-logo--top img { width: 100%; max-width: 300px; } .item-list-bordered img, .ktb-letters__slider img, .ktb-sertificate__img img { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); } /* Mobile edits */ @media (max-width: 1199px) { .ktb-box.uk-flex .ktb-box__img-wrap--left, .ktb-box.uk-flex .ktb-box__img-wrap--right { order: 1; } .ktb-box.uk-flex .ktb-box--right, .ktb-box.uk-flex .ktb-box--left { order: 2; } } @media (max-width: 1024px) { body:not(.home) { padding-top: 246px; } .ktb-header { position: absolute; top: 0; left: 0; width: 100%; } .ktb-header--home.scroll-down { position: fixed; background: #2A4864; border-bottom: none; width: 100%; transform: translateY(-100%); z-index: 10; } .ktb-header--home.scroll-up { position: fixed; background: #2A4864; border-bottom: none; width: 100%; transition: .3s ease; z-index: 10; } .ktb-header.scroll-down { position: fixed; border-bottom: none; z-index: 10; background: #fff; width: 100%; transform: translateY(-100%); } .ktb-header.scroll-up { position: fixed; border-bottom: none; z-index: 10; background: #fff; width: 100%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); transition: .3s ease; } .uk-offcanvas-bar { padding-top: 65px; } .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after { display: none; } .uk-parent, .sub-dropdown-js { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; } .uk-parent span, .sub-dropdown-js span { width: 1.5em; height: 1.5em; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: 50% 50%; transition: .3s ease; } .ktb-menu--modal > li > a { padding: 0; } .uk-parent ul.uk-nav-sub { /*height: 0;*/ padding: 0 0 0 15px; /*transition: .3s ease;*/ display:none; } .uk-parent.active ul.uk-nav-sub { padding: 5px 0 5px 15px; } .uk-parent.active > span { transform: rotate(-90deg); } .sub-dropdown-js ul { height: 0; padding: 0 0 0 15px; transition: .3s ease; } .sub-dropdown-js a { width: calc(100% - 1.5em); } .sub-dropdown-js.active > span { transform: rotate(-90deg); } } @media (max-width: 960px) { .ktb-box img { width: 100%; height: 100%; object-fit: cover; } .ktb-sertificate__slider li { display: flex; flex-direction: column; padding: 0 10px; } } @media (max-width: 767px) { .mob-fullwidth { padding: 40px 15px; margin-left: -15px; margin-right: -15px; } .mob-hidden { display: none; } } @media (max-width: 639px) { body:not(.home) { padding-top: 206px; } .ktb-others-item { margin-bottom: 15px!important; } .ktb-carousel .uk-slider-container { padding-bottom: 60px; margin-bottom: -20px; } .ktb-services__slider .uk-margin-large-top { margin-top: 20px !important; } .uk-first-column { display: flex; align-items: flex-start; } .uk-first-column .ktb-home-a-desc { margin-top: 0; padding: 0 15px; font-size: 18px; } .ktb-form--quests { padding: 38px; } .ktb-section--p50_70 .ktb-sertificate__slider a { display: block; padding: 25px; } .ktb-section--p50_70 .ktb-sertificate__slider img { /* width: auto; */ /* max-height: 116px; */ } .ktb-carousel .uk-position-center-left.uk-slidenav-previous, .ktb-carousel .uk-position-center-right.uk-slidenav-next { bottom: 0; } .ktb-sertificate__slider .uk-slider-container { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .ktb-project-item { margin-bottom: 30px; } .ktb-contact .uk-first-column { padding-left: 38px; padding-right: 38px; } .ktb-contact { margin-left: -15px; margin-right: -15px; } .ktb-others-name { margin-bottom: 10px; } .ktb-contact .btn--blue { max-width: unset; } .ktb-contact .uk-width-expand { padding: 0 15px; } .ktb-others-item img { width: 100%; height: auto; } .ktb-box.uk-flex .ktb-caption--box { padding: 0; margin: 0; } .ktb-box.uk-flex p { margin: 10px 0; } .ktb-box.uk-flex .ktb-box--right, .ktb-box.uk-flex .ktb-box--left { margin-bottom: 0 !important; } .ktb-box.ktb-box--pb-50 { padding-bottom: 0; } .ktb-box.ktb-box--pt-50 { padding-top: 0; } .ktb-box { margin-bottom: 20px; } .ktb-box h2 { margin-top: 20px; } .ktb-box:last-child { margin-bottom: 0; } .ktb-box__img-wrap\@l { margin-bottom: 0; } .uk-slider-container-news li { display: flex; flex-direction: column; align-items: center; } .uk-slider-container-news li .ktb-others-name { margin-bottom: 0; text-align: center; } .ktb-section--p70_70-news { padding-bottom: 30px; } .ktb-logo--top img { max-width: 150px; } .ktb-button--mob_menu { top: 62px; right: 15px; } .ktb-button--search { top: 70px; right: 65px; } .ktb-section--p105_77 { padding: 30px 0; } } .ktb-slider__content a.btn--light-green:hover { text-decoration: none; color: #fff; } .ktb-form-banner__caption { font-size: 26px; } /* Custom styles end */ /* E.Nazarova */ .footer-menu-header-link { display:block; } .footer-menu-header-link:hover { color: #fff; text-decoration: none; } .header__phone-num, .header__phone-num:hover { color: #fff; text-decoration: none; } .bold { font-weight: bold; } .calc-agree { margin-bottom: 10px; } .calc-agree .ktb-form__label { font-size: 15px; } .ktb-slider .ktb-slider__buttons a.btn { box-sizing: border-box; } .ktb-menu--modal { margin-top:20px; } .uk-nav-sub-sub { display:none; } .uk-parent >a { max-width:90%; display:block; } .icon-zen { content: url('data:image/svg+xml; utf8, '); max-width: 30px; } @media (max-width: 1024px){ .header__bottom.tabs.cost{ display: none !important; } } .b24-window-popup .b24-window-scroll-anchor { height: unset; } .bid-price__buttons { gap: 20px; } .header_white .wrapper-item>a { color: #353536; } .header_white .wrapper-item>a.active { color: #3570B5 !important; } .header_white .wrapper-item>ul>li>a.active { color: #3570B5 !important; } .footer-link, .footer-link:hover{ color: #fff; } .footer-link--un{ text-decoration: underline; } @media (max-width: 1023px){ .header-top__navigation{ order: 10; } } @media (max-width: 480px) { .header__container { padding: 0 10px; } .header-top__inner { gap: 10px; } .header-contacts__link { font-size: 14px; font-weight: 500; } .header-top__logo { width: 80px; height: 39px; } } /**/ .new-activities-v1 { background: #EDF2F5; } .new-activities-v1 h1 { margin-bottom: 0; } @media(max-width: 991px) { .new-activities-v1 h1 { font-size: 31px; } } .new-activities-v1 .sliders { display: flex; gap: 30px; /*margin-top: 100px;*/ /*margin-top: 55px;*/ margin-top: 5px; margin-bottom: 55px; } .new-activities-v1 .sliders .slider { max-width: 875px; } .new-activities-v1 .sliders .slider .swiper-slide { height: 480px; } .new-activities-v1 .sliders .slider .swiper-slide .background { background-image: url(/upload/medialibrary/14c/v66cn2c6ma498xjnuck0t42fp864eblw/Rectangle 3.png); width: 100%; height: 100%; position: absolute; z-index: -1; } .new-activities-v1 .sliders .slider .swiper-slide .title { color: #FFF; font-family: 'Calibri'; font-size: 52px; font-style: normal; font-weight: 700; line-height: normal; padding-left: 70px; padding-right: 70px; margin-top: 165px; margin-bottom: 35px; } .new-activities-v1 .sliders .slider .swiper-slide .dop-txt { color: #FFF; font-family: 'Calibri'; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; padding-left: 70px; padding-right: 70px; } .new-activities-v1 .sliders .slider .swiper-slide .count { color: #FFF; font-family: 'Calibri'; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; position: absolute; right: 65px; bottom: 25px; } .new-activities-v1 .sliders .slider .swiper-slide .count span { font-size: 36px; font-weight: 700; } .new-activities-v1 .sliders .slider .swiper-button-prev { width: 10px; height: 20px; margin-top: auto; bottom: 37px; right: 145px; left: auto; background: none; } .new-activities-v1 .sliders .slider .swiper-button-prev::after { display: none; } .new-activities-v1 .sliders .slider .swiper-button-next { width: 10px; height: 20px; margin-top: auto; bottom: 37px; right: 25px; background: none; } .new-activities-v1 .sliders .slider .swiper-button-next::after { display: none; } .new-activities-v1 .sliders .form-slider { border-radius: 5px; background: #2A6399; width: 100%; padding: 50px; } .new-activities-v1 .sliders .form-slider h2 { color: #FFF; font-family: 'Calibri'; font-size: 26px; font-style: normal; font-weight: 700; line-height: normal; } .new-activities-v1 .sliders .form-slider .inputs { display: flex; flex-wrap: wrap; gap: 35px; justify-content: space-between; } .new-activities-v1 .sliders .form-slider input[type="text"] { width: calc((100% - 35px) / 2); max-width: 320px; height: 56px; border-radius: 10px; border: 1px solid #FFF; background: none; color: #FFF; font-family: 'Calibri'; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding-left: 17px; } .new-activities-v1 .sliders .form-slider input[type="text"]::placeholder { color: #FFF; } .new-activities-v1 .sliders .form-slider select { width: calc((100% - 35px) / 2); max-width: 320px; height: 56px; border-radius: 10px; border: 1px solid #FFF; background: #FFF; padding-left: 17px; } .new-activities-v1 .sliders .form-slider .privacy { color: #FFF; font-family: 'Calibri'; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 35px; } .new-activities-v1 .sliders .form-slider .privacy input { width: 17px; height: 17px; border-radius: 2px; border: 1px solid #FFF; color: #fff; -webkit-appearance: auto; } .new-activities-v1 .sliders .form-slider input[type="submit"] { width: 221px; height: 75px; border-radius: 10px; background: #FFF; border: none; color: #4091CF; font-family: 'Calibri'; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 35px; } .new-activities-v1 .sliders .form-slider .msg-text-send { color: #fff; margin-top: 10px; } @media (max-width: 1550px) { .new-activities-v1 .sliders .slider { max-width: 50%; } } @media (max-width: 1370px) { .new-activities-v1 .sliders .slider .swiper-slide .title { margin-top: 35px; padding-left: 35px; padding-right: 35px; } .new-activities-v1 .sliders .slider .swiper-slide .dop-txt { margin-top: 35px; padding-left: 35px; padding-right: 35px; } } @media (max-width: 991px) { .new-activities-v1 .sliders { flex-wrap: wrap; margin-top: 20px; } .new-activities-v1 .sliders .slider { width: 100%; max-width: 100%; } .new-activities-v1 .sliders .slider .swiper-slide { height: 326px; } .new-activities-v1 .sliders .slider .swiper-slide .title { font-size: 26px; } .new-activities-v1 .sliders .slider .swiper-slide .dop-txt { font-size: 16px; } .new-activities-v1 .sliders .slider .swiper-button-prev { margin-top: 30px; bottom: 0; } .new-activities-v1 .sliders .slider .swiper-button-next { margin-top: 30px; bottom: 0; } .new-activities-v1 .sliders .form-slider { padding: 25px 20px; } .new-activities-v1 .sliders .form-slider h2 { text-align: center; } .new-activities-v1 .sliders .form-slider .inputs { flex-direction: column; gap: 20px; align-items: center; } .new-activities-v1 .sliders .form-slider input[type="text"] { width: 100%; } .new-activities-v1 .sliders .form-slider select { width: 100%; } .new-activities-v1 .sliders .form-slider .privacy { margin-top: 20px; display: flex; gap: 10px; } .new-activities-v1 .sliders .form-slider input[type="submit"] { margin-top: 20px; } } .new-activities-v1 .directions_work { margin-bottom: 55px; } .new-activities-v1 .directions_work .top { display: flex; margin-bottom: 50px; } .new-activities-v1 .directions_work h2 { color: #002D56; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 400; line-height: 150%; } .new-activities-v1 .directions_work .search-block { position: relative; margin-left: auto; } .new-activities-v1 .directions_work .search-block input.search { border-radius: 5px; border: 1px solid #4091CF; background: #FFF; width: 688px; height: 72px; margin-left: auto; color: #A7A9AC; font-family: 'Calibri'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.44px; padding-left: 20px; padding-right: 50px; } .new-activities-v1 .directions_work .search-block input.search::placeholder { color: #A7A9AC; } .new-activities-v1 .directions_work .search-block .submit { position: absolute; right: 12px; top: 0; } .new-activities-v1 .directions_work .search-block .submit button { height: 72px; border: none; background: none; } .new-activities-v1 .directions_work .search-block.type-2 select { border-radius: 5px; border: 1px solid #4091CF; background: #FFF; width: 688px; height: 72px; margin-left: auto; color: #A7A9AC; font-family: 'Calibri'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.44px; padding-left: 20px; padding-right: 50px; } .new-activities-v1 .directions_work .directions { display: flex; gap: 20px; justify-content: space-between; } .new-activities-v1 .directions_work .directions .block { border-radius: 5px; background: #FFF; box-shadow: 0px 20px 70px 0px rgba(22, 36, 50, 0.11); max-width: 546px; display: flex; flex-direction: column; align-items: center; padding: 57px; text-decoration: none; } .new-activities-v1 .directions_work .directions .block .img { margin-bottom: 25px; } .new-activities-v1 .directions_work .directions .block .title { color: rgba(0, 0, 0, 0.80); text-align: center; font-family: 'Calibri'; font-size: 25px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.55px; } @media (max-width: 991px) { .new-activities-v1 .directions_work .top { flex-direction: column; } .new-activities-v1 .directions_work h2 { font-size: 26px; } .new-activities-v1 .directions_work .search-block { margin-left: 0; } .new-activities-v1 .directions_work .search-block input.search { width: 100%; margin-left: 0; font-size: 14px; } .new-activities-v1 .directions_work .search-block .submit { bottom: 3px; } .new-activities-v1 .directions_work .search-block.type-2 select { width: 100%; } .new-activities-v1 .directions_work .directions { flex-wrap: wrap; justify-content: center; } .new-activities-v1 .directions_work .directions .block { padding: 25px 30px; width: 100%; } .new-activities-v1 .directions_work .directions .block .img { width: 70px; } .new-activities-v1 .directions_work .directions .block .title { font-size: 18px; } } .new-activities-v1 .company_advantages { border-radius: 5px; background: #FFF; position: relative; padding: 50px; overflow: hidden; min-height: 473px; margin-bottom: 50px; } .new-activities-v1 .company_advantages h2 { color: #002D56; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 40px; position: relative; z-index: 1; } .new-activities-v1 .company_advantages .advantages { display: flex; flex-direction: column; position: relative; z-index: 1; } .new-activities-v1 .company_advantages .advantages .block { display: flex; align-items: center; margin-bottom: 30px; } .new-activities-v1 .company_advantages .advantages .block .img { width: 40px; height: 40px; margin-right: 20px; margin-left: 20px; } .new-activities-v1 .company_advantages .advantages .block .title { color: #020202; font-family: 'Calibri'; font-size: 22px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.484px; } .new-activities-v1 .company_advantages .right_img_block { position: absolute; right: 0; top: 0; } .new-activities-v1 .company_advantages .right_img_block-mobile { display: none; } .new-activities-v1 .company_advantages .mini-logo { position: absolute; left: 0; bottom: 0; } @media (max-width: 1600px) { .new-activities-v1 .company_advantages h2 { max-width: 600px; } .new-activities-v1 .company_advantages .right_img_block { zoom: 0.7; } } @media (max-width: 991px) { .new-activities-v1 .company_advantages { height: 805px; padding: 25px; } .new-activities-v1 .company_advantages h2 { font-size: 24px; } .new-activities-v1 .company_advantages .advantages .block .img { margin-left: 0; } .new-activities-v1 .company_advantages .advantages .block .title { font-size: 16px; } .new-activities-v1 .company_advantages .right_img_block { display: none; } .new-activities-v1 .company_advantages .right_img_block-mobile { display: block; position: absolute; right: 0; top: 345px; } .new-activities-v1 .company_advantages .mini-logo { width: 186px; } } .new-activities-v1 .related_services { margin-bottom: 50px; } .new-activities-v1 .related_services h2 { color: #002D56; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 25px; text-align: center; } .new-activities-v1 .related_services .services { display: flex; flex-wrap: wrap; gap: 25px; } .new-activities-v1 .related_services .services a { text-decoration: none; } .new-activities-v1 .related_services .services .block { border-radius: 5px; background: #FFF; width: calc((100% - 75px) /4); height: 128px; display: flex; justify-content: center; align-items: center; padding: 5px; } .new-activities-v1 .related_services .services .block .title { color: #020202; text-align: center; font-family: 'Calibri'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.44px; border-radius: 2px; border: 1px solid #E5E5E5; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } @media (max-width: 991px) { .new-activities-v1 .related_services h2 { font-size: 26px; } .new-activities-v1 .related_services .services { gap: 10px; } .new-activities-v1 .related_services .services .block { width: 100%; } } /**/ /**/ .new-activities-v2 { background: #EDF2F5; } @media(max-width: 991px) { .new-activities-v2 h1 { font-size: 31px; } } .new-activities-v2 .block-top { height: 710px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 35px; } .new-activities-v2 .block-top .title { color: #FFF; font-family: 'Calibri'; font-size: 52px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 100px; max-width: 850px; margin-bottom: 20px; } .new-activities-v2 .block-top .dop_title { color: #FFF; font-family: 'Calibri'; font-size: 32px; font-style: normal; font-weight: 400; line-height: normal; max-width: 730px; margin-bottom: 15px; } .new-activities-v2 .block-top .dop_txt { color: #FFF; font-family: 'Calibri'; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .new-activities-v2 .block-top .dop_txt li { list-style: disc; margin-bottom: 5px; } .new-activities-v2 .block-top .btn-s { display: flex; gap: 25px; } .new-activities-v2 .block-top .btn-s .btn-calc-price { min-width: 360px; height: 58px; color: white; background: rgba(210, 216, 220, 0.2); border-radius: 10px; font-size: 18px; align-items: center; display: flex; justify-content: center; cursor: pointer; gap: 10px; } .new-activities-v2 .block-top .btn-s .projects-link { width: 360px; height: 58px; display: flex; justify-content: center; align-items: center; border-radius: 10px; background: #00B1B0; color: #FFF; font-family: Calibri; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } @media (max-width: 991px) { .new-activities-v2 .block-top { height: 675px; display: flex; align-items: center; } .new-activities-v2 .block-top .title { font-size: 25px; margin-top: 35px; } .new-activities-v2 .block-top .dop_title { font-size: 18px; } .new-activities-v2 .block-top .dop_txt { font-size: 16px; } .new-activities-v2 .block-top .btn-s { flex-wrap: wrap; justify-content: center; margin-top: 40px; } } .new-activities-v2 .advantages { margin-bottom: 60px; } .new-activities-v2 .advantages h2 { color: #002D56; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; margin-bottom: 30px; } .new-activities-v2 .advantages .advantages_block { display: flex; gap: 33px; justify-content: space-between; } .new-activities-v2 .advantages .advantages_block .block { width: calc(100% / 5); border-radius: 5px; background: #FFF; box-shadow: 0px 20px 70px 0px rgba(22, 36, 50, 0.11); display: flex; flex-direction: column; align-items: center; padding: 30px 15px; } .new-activities-v2 .advantages .advantages_block .block .img { margin-bottom: 20px; } .new-activities-v2 .advantages .advantages_block .block .txt { color: #020202; text-align: center; font-family: 'Calibri'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; } @media (max-width: 1280px) { .new-activities-v2 .advantages .advantages_block { justify-content: space-evenly; flex-wrap: wrap; } } @media (max-width: 991px) { .new-activities-v2 .advantages h2 { font-size: 26px; } .new-activities-v2 .advantages .advantages_block { gap: 15px; } .new-activities-v2 .advantages .advantages_block .block { width: 100%; max-width: 315px; } } .new-activities-v2 .work_examples { margin-bottom: 50px; } .new-activities-v2 .work_examples h2 { color: #002D56; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; margin-bottom: 30px; } .new-activities-v2 .work_examples .slider { position: relative; } .new-activities-v2 .work_examples .slider .swiper-slide { border-radius: 5px; background: #FFF; padding: 25px; height: 100%; display: flex; flex-wrap: wrap; } .new-activities-v2 .work_examples .slider .swiper-slide .title { color: #4091CF; font-family: 'Calibri'; font-size: 24px; font-style: normal; font-weight: 700; line-height: 150%; text-transform: uppercase; margin-bottom: 5px; } .new-activities-v2 .work_examples .slider .swiper-slide .dop-txt { color: #020202; font-family: 'Calibri'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.16px; margin-bottom: 20px; } .new-activities-v2 .work_examples .slider .swiper-slide .logo { margin-top: auto; width: 100%; text-align: center; } .new-activities-v2 .work_examples.type-2 .slider .swiper-slide .logo { margin: auto; } .new-activities-v2 .work_examples .slider .swiper-button-prev::after { color: #000; } .new-activities-v2 .work_examples .slider .swiper-button-prev { left: -30px; } .new-activities-v2 .work_examples .slider .swiper-button-next::after { color: #000; } .new-activities-v2 .work_examples .slider .swiper-button-next { right: -30px; } @media (max-width: 991px) { .new-activities-v2 .work_examples h2 { font-size: 26px; } .new-activities-v2 .work_examples .swiper-work_examples { max-width: 270px; } .new-activities-v2 .work_examples .slider .swiper-slide { padding: 15px; } .new-activities-v2 .work_examples .slider .swiper-slide .title { font-size: 20px; } .new-activities-v2 .work_examples .slider .swiper-slide .dop-txt { font-size: 14px; margin-bottom: 15px; } .new-activities-v2 .work_examples .slider .swiper-button-prev { left: -9px; } .new-activities-v2 .work_examples .slider .swiper-button-next { right: -9px; } } .new-activities-v2 .stages_work { margin-bottom: 60px; } .new-activities-v2 .stages_work h2 { color: #002D56; text-align: center; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 400; line-height: 150%; } .new-activities-v2 .stages_work .stages { display: flex; flex-wrap: wrap; justify-content: space-between; } .new-activities-v2 .stages_work .stages .block { max-width: 345px; display: flex; flex-direction: column; align-items: center; position: relative; } .new-activities-v2 .stages_work .stages .block .title { color: #2A4864; font-family: 'Calibri'; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: -0.704px; margin-bottom: 7px; } .new-activities-v2 .stages_work .stages .block .line-1 { margin-bottom: 10px; } .new-activities-v2 .stages_work .stages .block .line-2 { width: 112px; height: 1px; background: #D2D2D2; position: absolute; top: 145px; left: 0; } .new-activities-v2 .stages_work .stages .block .line-3 { width: 324px; height: 1px; background: #D2D2D2; position: absolute; top: 145px; right: -207px; } .new-activities-v2 .stages_work .stages .block .line-4 { width: 112px; height: 1px; background: #D2D2D2; position: absolute; top: 145px; right: 0; } .new-activities-v2 .stages_work .stages .block .num { color: #FFF; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: -0.924px; width: 98px; height: 98px; border-radius: 5px; background: #4091CF; display: flex; align-items: center; justify-content: center; margin-bottom: 35px; } .new-activities-v2 .stages_work .stages .block .dop_txt { color: #020202; font-family: 'Calibri'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.16px; text-align: center; } @media (max-width: 1520px) { .new-activities-v2 .stages_work .stages { justify-content: space-evenly; gap: 25px; } .new-activities-v2 .stages_work .stages .block .line-2 { display: none; } .new-activities-v2 .stages_work .stages .block .line-3 { display: none; } .new-activities-v2 .stages_work .stages .block .line-4 { display: none; } } @media (max-width: 991px) { .new-activities-v2 .stages_work h2 { font-size: 26px; } .new-activities-v2 .stages_work .stages .block .title { font-size: 24px; } .new-activities-v2 .stages_work .stages .block .dop_txt { font-size: 14px; } } .new-activities-v2 .related_services h2 { color: #002D56; font-family: 'Calibri'; font-size: 42px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.924px; text-align: center; } .new-activities-v2 .related_services .services { display: flex; flex-wrap: wrap; gap: 30px; } .new-activities-v2 .related_services .services .block { border-radius: 5px; background: #FFF; padding: 5px; width: calc((100% - 120px) / 5); text-decoration: none; } .new-activities-v2 .related_services .services .block .title { color: #020202; text-align: center; font-family: 'Calibri'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.44px; border-radius: 2px; border: 1px solid #E5E5E5; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 30px; } @media (max-width: 991px) { .new-activities-v2 .related_services h2 { font-size: 26px; } .new-activities-v2 .related_services .services { justify-content: center; gap: 10px; } .new-activities-v2 .related_services .services .block { width: 100%; max-width: 315px; } .new-activities-v2 .related_services .services .block .title { font-size: 16px; } } /**/ /** calc-cost **/ .calc-cost{ font-family: 'Calibri'; max-width: 546px; } .form__h{ font-style: normal; font-weight: 400; font-size: 32px; text-align: center; color: rgba(0, 45, 86, 0.866667); margin-bottom: 35px; } .calc-cost-form .form-col{ margin-bottom: 15px; } .form .form-control{ display: block; outline: none; width: 100%; box-sizing: border-box; padding: 20px 37px 20px 25px; background: #FFFFFF; border: 1px solid #CACACA; font-weight: 400; font-size: 18px; line-height: normal; color: #616161; } .form .form-control::placeholder{ color: #616161; } .form-control-wrap{ position: relative; } .form-control-wrap.required::after { display: block; content: '*'; position: absolute; top: 56%; transform: translateY(-50%); right: 25px; font-weight: 400; font-size: 24px; line-height: 24px; color: #FF4E4E; } .form-btn{ display: block; border: unset; outline: none; padding: 20px 15px; width: 100%; background: #4091CF; border-radius: 8px; font-style: normal; font-weight: 700; font-size: 18px; color: #FFFFFF; text-align: center; text-transform: uppercase; } .form-success { height: 0; opacity: 0; overflow: hidden; transition: all .15s ease-in-out; font-weight: 600; line-height: 1.5; border: 1px solid #8ca8fa; background-color: #edf2fe; color: #124cf4; position: relative; } .form--success { opacity: 0; visibility: hidden; pointer-events: none; height: 0; overflow: hidden; position: absolute; z-index: 0; position: relative; } .form--success+.form-success { opacity: 1; height: auto; padding: 20px; } @media (max-width: 768px){ .form__h { font-size: 20px; margin-bottom: 20px; } .calc-cost-form .form-col { margin-bottom: 15px; } .form .form-control { display: block; padding: 15px 20px 15px 15px; font-size: 16px; } .form-control-wrap.required::after { display: block; content: '*'; position: absolute; top: 56%; transform: translateY(-50%); right: 12px; font-weight: 400; font-size: 24px; line-height: 24px; color: #FF4E4E; } .form-btn { display: block; padding: 15px 15px; font-size: 16px; } } /** calc-cost end**/ .spcheck { width: 0 !important; height: 0 !important; overflow: hidden; padding: 0 !important; box-sizing: border-box !important; display: block !important; position: absolute !important; border: unset !important; } /* End */ /* Start:/_/plugins_block/fancybox/fancybox.css?176806430515599*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* /_/css_new/reset.css?17680643042768 */ /* /_/css_new/content.css?176806430414098 */ /* /_/css_new/slick.css?17680643041384 */ /* /_/css_new/old-style/libs.min.css?1768064304180405 */ /* /_/css_new/old-style/main-header-update.css?176806430478600 */ /* /_/css/uikit.css?1768064304358083 */ /* /_/css/ktb-fonts.css?17680643042229 */ /* /_/css/ktb.css?176806430456261 */ /* /_/css_new/style.css?176806430455815 */ /* /_/css_new/jquery.fancybox.css?176806430417384 */ /* /_/css_new/select2.min.css?176806430416263 */ /* /_/css_new/added.css?17680643048001 */ /* /assets/css/header.css?176806430624971 */ /* /_/css_new/custom.css?176806430436519 */ /* /_/plugins_block/fancybox/fancybox.css?176806430515599 */