/* Start Fonts */ /* =================================================== >>> TABLE OF CONTENTS: ====================================================== 1. Font Awesome 2. Flat Icon 3. Iconmoon Icon =================================================== */ /*--------------------------------------------------------------- 1. Font Awesome 6 Icon ---------------------------------------------------------------*/ /*! * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125)); transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-a:before{content:"\41"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-anchor:before{content:"\f13d"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-ankh:before{content:"\f644"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-archway:before{content:"\f557"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-arrow-trend-down:before{content:"\e097"}.fa-arrow-trend-up:before{content:"\e098"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-asterisk:before{content:"\2a"}.fa-at:before{content:"\40"}.fa-atom:before{content:"\f5d2"}.fa-audio-description:before{content:"\f29e"}.fa-austral-sign:before{content:"\e0a9"}.fa-award:before{content:"\f559"}.fa-b:before{content:"\42"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-backward:before{content:"\f04a"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-bahai:before{content:"\f666"}.fa-baht-sign:before{content:"\e0ac"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-barcode:before{content:"\f02a"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-bell:before{content:"\f0f3"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bicycle:before{content:"\f206"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blog:before{content:"\f781"}.fa-bold:before{content:"\f032"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-bookmark:before{content:"\f02e"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"} .fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broom:before{content:"\f51a"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-brush:before{content:"\f55d"}.fa-bug:before{content:"\f188"}.fa-bug-slash:before{content:"\e490"}.fa-building:before{content:"\f1ad"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-c:before{content:"\43"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-week:before{content:"\f784"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-camera-rotate:before{content:"\e0d8"}.fa-campground:before{content:"\f6bb"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-cart-plus:before{content:"\f217"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cedi-sign:before{content:"\e0df"}.fa-cent-sign:before{content:"\e3f5"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-charging-station:before{content:"\f5e7"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-chart-column:before{content:"\e0e3"}.fa-chart-gantt:before{content:"\e0e4"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-double:before{content:"\f560"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-circle-notch:before{content:"\f1ce"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-city:before{content:"\f64f"}.fa-clapperboard:before{content:"\e131"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-clover:before{content:"\e139"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-compare:before{content:"\e13a"}.fa-code-fork:before{content:"\e13b"}.fa-code-merge:before{content:"\f387"}.fa-code-pull-request:before{content:"\e13c"}.fa-coins:before{content:"\f51e"}.fa-colon-sign:before{content:"\e140"}.fa-comment:before{content:"\f075"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-compress:before{content:"\f066"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-d:before{content:"\44"}.fa-database:before{content:"\f1c0"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-democrat:before{content:"\f747"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-dharmachakra:before{content:"\f655"}.fa-diagram-next:before{content:"\e476"}.fa-diagram-predecessor:before{content:"\e477"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-diagram-successor:before{content:"\e47a"}.fa-diamond:before{content:"\f219"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dna:before{content:"\f471"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-dong-sign:before{content:"\e169"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dove:before{content:"\f4ba"} .fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-download:before{content:"\f019"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-e:before{content:"\45"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elevator:before{content:"\e16d"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-equals:before{content:"\3d"}.fa-eraser:before{content:"\f12d"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-exclamation:before{content:"\21"}.fa-expand:before{content:"\f065"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-eye-slash:before{content:"\f070"}.fa-f:before{content:"\46"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-fan:before{content:"\f863"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-file:before{content:"\f15b"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-excel:before{content:"\f1c3"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-file-medical:before{content:"\f477"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-video:before{content:"\f1c8"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-file-word:before{content:"\f1c2"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-fish:before{content:"\f578"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-florin-sign:before{content:"\e184"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-tree:before{content:"\f802"}.fa-font:before{content:"\f031"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-franc-sign:before{content:"\e18f"}.fa-frog:before{content:"\f52e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-g:before{content:"\47"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-glasses:before{content:"\f530"}.fa-globe:before{content:"\f0ac"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-greater-than:before{content:"\3e"}.fa-greater-than-equal:before{content:"\f532"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-guarani-sign:before{content:"\e19a"}.fa-guitar:before{content:"\f7a6"}.fa-gun:before{content:"\e19b"}.fa-h:before{content:"\48"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-hands-clapping:before{content:"\e1a8"}.fa-hands-holding:before{content:"\f4c2"} .fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-handshake:before{content:"\f2b5"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-hashtag:before{content:"\23"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-highlighter:before{content:"\f591"}.fa-hippo:before{content:"\f6ed"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hourglass-2:before,.fa-hourglass-half:before,.fa-hourglass:before{content:"\f254"}.fa-hourglass-empty:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-house-chimney-user:before{content:"\e065"}.fa-house-chimney-window:before{content:"\e00d"}.fa-house-crack:before{content:"\e3b1"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-house-medical:before{content:"\e3b2"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-i:before{content:"\49"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-images:before{content:"\f302"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-italic:before{content:"\f033"}.fa-j:before{content:"\4a"}.fa-jedi:before{content:"\f669"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-joint:before{content:"\f595"}.fa-k:before{content:"\4b"}.fa-kaaba:before{content:"\f66b"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-khanda:before{content:"\f66d"}.fa-kip-sign:before{content:"\e1c4"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-kiwi-bird:before{content:"\f535"}.fa-l:before{content:"\4c"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-lari-sign:before{content:"\e1c8"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-lemon:before{content:"\f094"}.fa-less-than:before{content:"\3c"}.fa-less-than-equal:before{content:"\f537"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-lira-sign:before{content:"\f195"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-location-arrow:before{content:"\f124"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-m:before{content:"\4d"}.fa-magnet:before{content:"\f076"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-manat-sign:before{content:"\e1d5"}.fa-map:before{content:"\f279"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-pin:before{content:"\f276"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-and-venus:before{content:"\f224"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-mask:before{content:"\f6fa"}.fa-mask-face:before{content:"\e1d7"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-medal:before{content:"\f5a2"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-mill-sign:before{content:"\e1ed"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-mitten:before{content:"\f7b5"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-mobile-button:before{content:"\f10b"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mug-hot:before{content:"\f7b6"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-music:before{content:"\f001"}.fa-n:before{content:"\4e"}.fa-naira-sign:before{content:"\e1f6"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-not-equal:before{content:"\f53e"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-notes-medical:before{content:"\f481"}.fa-o:before{content:"\4f"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-oil-can:before{content:"\f613"}.fa-om:before{content:"\f679"}.fa-otter:before{content:"\f700"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-p:before{content:"\50"}.fa-pager:before{content:"\f815"}.fa-paint-roller:before{content:"\f5aa"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-palette:before{content:"\f53f"}.fa-pallet:before{content:"\f482"}.fa-panorama:before{content:"\e209"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-passport:before{content:"\f5ab"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-pause:before{content:"\f04c"}.fa-paw:before{content:"\f1b0"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"} .fa-pepper-hot:before{content:"\f816"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-person-booth:before{content:"\f756"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-peseta-sign:before{content:"\e221"}.fa-peso-sign:before{content:"\e222"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-plug:before{content:"\f1e6"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-plus-minus:before{content:"\e43c"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-power-off:before{content:"\f011"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-puzzle-piece:before{content:"\f12e"}.fa-q:before{content:"\51"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\3f"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-r:before{content:"\52"}.fa-radiation:before{content:"\f7b9"}.fa-rainbow:before{content:"\f75b"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-recycle:before{content:"\f1b8"}.fa-registered:before{content:"\f25d"}.fa-repeat:before{content:"\f363"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-republican:before{content:"\f75e"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-ribbon:before{content:"\f4d6"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-route:before{content:"\f4d7"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-rupiah-sign:before{content:"\e23d"}.fa-s:before{content:"\53"}.fa-sailboat:before{content:"\e445"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-school:before{content:"\f549"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-screwdriver:before{content:"\f54a"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-scroll:before{content:"\f70e"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-sd-card:before{content:"\f7c2"}.fa-section:before{content:"\e447"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-server:before{content:"\f233"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before,.fa-shield-blank:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-shoe-prints:before{content:"\f54b"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-shower:before{content:"\f2cc"}.fa-shrimp:before{content:"\e448"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-sim-card:before{content:"\f7c4"}.fa-sink:before{content:"\e06d"}.fa-sitemap:before{content:"\f0e8"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-spa:before{content:"\f5bb"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-spray-can:before{content:"\f5bd"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-square:before{content:"\f0c8"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-square-full:before{content:"\f45c"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-stairs:before{content:"\e289"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-stethoscope:before{content:"\f0f1"}.fa-stop:before{content:"\f04d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-slash:before{content:"\e071"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stroopwafel:before{content:"\f551"}.fa-subscript:before{content:"\f12c"}.fa-suitcase:before{content:"\f0f2"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"} .fa-bookmark-o:before{content:"\f097";} .fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superscript:before{content:"\f12b"}.fa-swatchbook:before{content:"\f5c3"}.fa-synagogue:before{content:"\f69b"}.fa-syringe:before{content:"\f48e"}.fa-t:before{content:"\54"}.fa-table:before{content:"\f0ce"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-tablet-button:before{content:"\f10a"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-text-width:before{content:"\f035"}.fa-thermometer:before{content:"\f491"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-timeline:before{content:"\e29c"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torii-gate:before{content:"\f6a1"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-tractor:before{content:"\f722"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-train-tram:before,.fa-tram:before{content:"\f7da"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-u:before{content:"\55"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-universal-access:before{content:"\f29a"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-clock:before{content:"\f4fd"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-user-graduate:before{content:"\f501"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-user-injured:before{content:"\f728"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-user-lock:before{content:"\f502"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-v:before{content:"\56"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-vault:before{content:"\e2c5"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-virus:before{content:"\e074"}.fa-virus-covid:before{content:"\e4a8"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-vr-cardboard:before{content:"\f729"}.fa-w:before{content:"\57"}.fa-wallet:before{content:"\f555"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-wand-sparkles:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-wave-square:before{content:"\f83e"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-wheelchair:before{content:"\f193"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-wind:before{content:"\f72e"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-wrench:before{content:"\f0ad"}.fa-x:before{content:"\58"}.fa-x-ray:before{content:"\f497"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-y:before{content:"\59"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-z:before{content:"\5a"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-alipay:before{content:"\f642"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-amilia:before{content:"\f36d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"} .fa-apple-pay:before{content:"\f415"}.fa-artstation:before{content:"\f77a"}.fa-asymmetrik:before{content:"\f372"}.fa-atlassian:before{content:"\f77b"}.fa-audible:before{content:"\f373"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-bandcamp:before{content:"\f2d5"}.fa-battle-net:before{content:"\f835"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bilibili:before{content:"\e3d9"}.fa-bimobject:before{content:"\f378"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bootstrap:before{content:"\f836"}.fa-bots:before{content:"\e340"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-buromobelexperte:before{content:"\f37f"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cmplid:before{content:"\e360"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cotton-bureau:before{content:"\f89e"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-critical-role:before{content:"\f6c9"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dhl:before{content:"\f790"}.fa-diaspora:before{content:"\f791"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-elementor:before{content:"\f430"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-evernote:before{content:"\f839"}.fa-expeditedssl:before{content:"\f23e"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-figma:before{content:"\f799"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-fulcrum:before{content:"\f50b"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-gofore:before{content:"\f3a7"}.fa-golang:before{content:"\e40f"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-gulp:before{content:"\f3ae"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hashnode:before{content:"\e499"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-hive:before{content:"\e07f"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hotjar:before{content:"\f3b1"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-ideal:before{content:"\e013"}.fa-imdb:before{content:"\f2d8"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaggle:before{content:"\f5fa"}.fa-keybase:before{content:"\f4f5"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leanpub:before{content:"\f212"}.fa-less:before{content:"\f41d"}.fa-line:before{content:"\f3c0"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-mailchimp:before{content:"\f59e"}.fa-mandalorian:before{content:"\f50f"}.fa-markdown:before{content:"\f60f"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medapps:before{content:"\f3c6"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-mendeley:before{content:"\f7b3"}.fa-microblog:before{content:"\e01a"}.fa-microsoft:before{content:"\f3ca"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-old-republic:before{content:"\f510"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-padlet:before{content:"\e4a0"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-palfed:before{content:"\f3d8"}.fa-patreon:before{content:"\f3d9"}.fa-paypal:before{content:"\f1ed"}.fa-perbyte:before{content:"\e083"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pix:before{content:"\e43a"}.fa-playstation:before{content:"\f3df"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-r-project:before{content:"\f4f7"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-renren:before{content:"\f18b"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-rev:before{content:"\f5b2"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rust:before{content:"\e07a"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-servicestack:before{content:"\f3ec"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopify:before{content:"\e057"}.fa-shopware:before{content:"\f5b5"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sith:before{content:"\f512"}.fa-sitrox:before{content:"\e44a"}.fa-sketch:before{content:"\f7c6"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-slideshare:before{content:"\f1e7"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-square:before{content:"\f2ad"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spotify:before{content:"\f1bc"}.fa-square-font-awesome:before{content:"\f425"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-sticker-mule:before{content:"\f3f7"}.fa-strava:before{content:"\f428"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-superpowers:before{content:"\f2dd"}.fa-supple:before{content:"\f3f9"}.fa-suse:before{content:"\f7d6"}.fa-swift:before{content:"\f8e1"}.fa-symfony:before{content:"\f83d"}.fa-teamspeak:before{content:"\f4f9"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-the-red-yeti:before{content:"\f69d"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-think-peaks:before{content:"\f731"}.fa-tiktok:before{content:"\e07b"}.fa-trade-federation:before{content:"\f513"}.fa-trello:before{content:"\f181"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-uncharted:before{content:"\e084"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-vaadin:before{content:"\f408"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-vuejs:before{content:"\f41f"}.fa-watchman-monitoring:before{content:"\e087"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-whmcs:before{content:"\f40d"}.fa-wikipedia-w:before{content:"\f266"}.fa-windows:before{content:"\f17a"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a} /*--------------------------------------------------------------- 2. Flat Icon ---------------------------------------------------------------*/ @font-face { font-family: "flaticon"; src: url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.woff2") format("woff2"), url("../fonts/flaticon.eot") format("embedded-opentype"), url("../fonts/flaticon.svg") format("svg"); } i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { font-family: flaticon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-add-to-cart:before { content: "\f101"; } .flaticon-add-user-1:before { content: "\f102"; } .flaticon-add-user:before { content: "\f103"; } .flaticon-add:before { content: "\f104"; } .flaticon-airplane:before { content: "\f105"; } .flaticon-apartment-1:before { content: "\f106"; } .flaticon-apartment:before { content: "\f107"; } .flaticon-armchair:before { content: "\f108"; } .flaticon-bathtub:before { content: "\f109"; } .flaticon-bed-1:before { content: "\f10a"; } .flaticon-bed:before { content: "\f10b"; } .flaticon-beds:before { content: "\f10c"; } .flaticon-book:before { content: "\f10d"; } .flaticon-branch:before { content: "\f10e"; } .flaticon-building:before { content: "\f10f"; } .flaticon-buy-home:before { content: "\f110"; } .flaticon-buy-online:before { content: "\f111"; } .flaticon-call-center-agent:before { content: "\f112"; } .flaticon-car:before { content: "\f113"; } .flaticon-chat:before { content: "\f114"; } .flaticon-clean:before { content: "\f115"; } .flaticon-deal-1:before { content: "\f116"; } .flaticon-deal:before { content: "\f117"; } .flaticon-dining-table-with-chairs:before { content: "\f118"; } .flaticon-double-bed:before { content: "\f119"; } .flaticon-dryer:before { content: "\f11a"; } .flaticon-dumbbell:before { content: "\f11b"; } .flaticon-dumbell:before { content: "\f11c"; } .flaticon-excavator:before { content: "\f11d"; } .flaticon-expand:before { content: "\f11e"; } .flaticon-fast-forward-double-right-arrows-symbol:before { content: "\f11f"; } .flaticon-financial:before { content: "\f120"; } .flaticon-garage-1:before { content: "\f121"; } .flaticon-garage:before { content: "\f122"; } .flaticon-google-docs:before { content: "\f123"; } .flaticon-heart-1:before { content: "\f124"; } .flaticon-heart:before { content: "\f125"; } .flaticon-home-1:before { content: "\f126"; } .flaticon-home-2:before { content: "\f127"; } .flaticon-home-3:before { content: "\f128"; } .flaticon-home:before { content: "\f129"; } .flaticon-hospital:before { content: "\f12a"; } .flaticon-house-1:before { content: "\f12b"; } .flaticon-house-2:before { content: "\f12c"; } .flaticon-house-3:before { content: "\f12d"; } .flaticon-house-4:before { content: "\f12e"; } .flaticon-house-key:before { content: "\f12f"; } .flaticon-house:before { content: "\f130"; } .flaticon-key-1:before { content: "\f131"; } .flaticon-key:before { content: "\f132"; } .flaticon-left-quote-1:before { content: "\f133"; } .flaticon-left-quote:before { content: "\f134"; } .flaticon-left-quotes-sign:before { content: "\f135"; } .flaticon-location:before { content: "\f136"; } .flaticon-loupe:before { content: "\f137"; } .flaticon-mall:before { content: "\f138"; } .flaticon-maps-and-location:before { content: "\f139"; } .flaticon-measure:before { content: "\f13a"; } .flaticon-metro:before { content: "\f13b"; } .flaticon-mortarboard:before { content: "\f13c"; } .flaticon-mortgage:before { content: "\f13d"; } .flaticon-mountain:before { content: "\f13e"; } .flaticon-office:before { content: "\f13f"; } .flaticon-official-documents:before { content: "\f140"; } .flaticon-online-shop:before { content: "\f141"; } .flaticon-operator:before { content: "\f142"; } .flaticon-package:before { content: "\f143"; } .flaticon-park:before { content: "\f144"; } .flaticon-parking:before { content: "\f145"; } .flaticon-pencil:before { content: "\f146"; } .flaticon-phone-call:before { content: "\f147"; } .flaticon-pin:before { content: "\f148"; } .flaticon-plane:before { content: "\f149"; } .flaticon-plus:before { content: "\f14a"; } .flaticon-quotation:before { content: "\f14b"; } .flaticon-right-arrow:before { content: "\f14c"; } .flaticon-right-quote:before { content: "\f14d"; } .flaticon-salad:before { content: "\f14e"; } .flaticon-secure-shield:before { content: "\f14f"; } .flaticon-secure:before { content: "\f150"; } .flaticon-select:before { content: "\f151"; } .flaticon-sewing:before { content: "\f152"; } .flaticon-slider:before { content: "\f153"; } .flaticon-slumber:before { content: "\f154"; } .flaticon-square-shape-design-interface-tool-symbol:before { content: "\f155"; } .flaticon-stethoscope:before { content: "\f156"; } .flaticon-support:before { content: "\f157"; } .flaticon-swimming:before { content: "\f158"; } .flaticon-toilet:before { content: "\f159"; } .flaticon-train:before { content: "\f15a"; } .flaticon-user-1:before { content: "\f15b"; } .flaticon-user:before { content: "\f15c"; } .flaticon-vegetable:before { content: "\f15d"; } .flaticon-washer:before { content: "\f15e"; } /*--------------------------------------------------------------- 3. Icomoon Icon ---------------------------------------------------------------*/ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') 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-cancel:before { content: "\e900"; } .icon-star:before { content: "\e901"; } .icon-star-1:before { content: "\e902"; } .icon-plus:before { content: "\e903"; } .icon-remove:before { content: "\e904"; } .icon-compare:before { content: "\e905"; } .icon-facebook:before { content: "\e906"; } .icon-twitter:before { content: "\e907"; } .icon-linkedin:before { content: "\e908"; } .icon-whatsapp:before { content: "\e909"; } .icon-youtube:before { content: "\e90a"; } .icon-mail:before { content: "\e90b"; } .icon-placeholder:before { content: "\e90c"; } .icon-call:before { content: "\e90d"; } .icon-left-arrow:before { content: "\e90e"; } .icon-next:before { content: "\e90f"; } .icon-arrows:before { content: "\e910"; } .icon-down-arrow:before { content: "\e911"; } .icon-mechanic:before { content: "\e912"; } .icon-car-service:before { content: "\e913"; } .icon-key:before { content: "\e914"; } .icon-repair:before { content: "\e915"; } .icon-car-parts:before { content: "\e916"; } .icon-car:before { content: "\e917"; } .icon-exterior:before { content: "\e918"; } .icon-car-parts-1:before { content: "\e919"; } .icon-maintenance:before { content: "\e91a"; } .icon-car-1:before { content: "\e91b"; } .icon-car-parts-2:before { content: "\e91c"; } .icon-hand:before { content: "\e91d"; } .icon-accumulator:before { content: "\e91e"; } .icon-car-parts-3:before { content: "\e91f"; } .icon-repair-1:before { content: "\e920"; } .icon-carwash:before { content: "\e921"; } .icon-car-parts-4:before { content: "\e922"; } .icon-automobile:before { content: "\e923"; } .icon-polisher:before { content: "\e924"; } .icon-car-parts-5:before { content: "\e925"; } .icon-gasoline:before { content: "\e926"; } .icon-seat:before { content: "\e927"; } .icon-car-parts-6:before { content: "\e928"; } .icon-car-2:before { content: "\e929"; } .icon-soap:before { content: "\e92a"; } .icon-car-parts-7:before { content: "\e92b"; } .icon-disc-brake:before { content: "\e92c"; } .icon-car-parts-8:before { content: "\e92d"; } .icon-wheel:before { content: "\e92e"; } .icon-car-parts-9:before { content: "\e92f"; } .icon-speedometer:before { content: "\e930"; } .icon-maintenance-1:before { content: "\e931"; } .icon-shopping-bags:before { content: "\e932"; } .icon-shopping-cart:before { content: "\e933"; } .icon-view:before { content: "\e934"; } .icon-phone-call:before { content: "\e935"; } .icon-calendar:before { content: "\e936"; } .icon-calendar-1:before { content: "\e937"; } .icon-right-arrow-angle:before { content: "\e938"; } .icon-down-arrow-1:before { content: "\e939"; } .icon-up-arrow-angle:before { content: "\e93a"; } .icon-search:before { content: "\e93b"; } .icon-share:before { content: "\e93c"; } .icon-left-arrow-1:before { content: "\e93d"; } .icon-quotation:before { content: "\e93e"; } .icon-user:before { content: "\e93f"; } .icon-tag:before { content: "\e940"; } .icon-play:before { content: "\e941"; } .icon-done:before { content: "\e942"; } .icon-electric-car:before { content: "\e943"; } .icon-cog:before { content: "\e944"; } .icon-car-3:before { content: "\e945"; } .icon-tyre:before { content: "\e946"; } .icon-wheel-1:before { content: "\e947"; } .icon-tire:before { content: "\e948"; } .icon-tire-1:before { content: "\e949"; } .icon-flat-tire:before { content: "\e94a"; } .icon-pressure:before { content: "\e94b"; } .icon-right-quote:before { content: "\e94c"; } .icon-quote:before { content: "\e94d"; } .icon-quotation-1:before { content: "\e94e"; } .icon-quote-1:before { content: "\e94f"; } .icon-open:before { content: "\e950"; } .icon-options:before { content: "\e951"; } .icon-location:before { content: "\e952"; } .icon-edit:before { content: "\e953"; } .icon-award:before { content: "\e954"; } .icon-menu:before { content: "\e955"; } .icon-categories:before { content: "\e956"; } .icon-menu-1:before { content: "\e957"; } .icon-menu-2:before { content: "\e958"; } .icon-bookmark:before { content: "\e959"; } .icon-bookmark-1:before { content: "\e95a"; } .icon-reply:before { content: "\e95b"; } .icon-reply-1:before { content: "\e95c"; } .icon-globe:before { content: "\e95d"; } .icon-clock:before { content: "\e95e"; } .icon-alarm-clock:before { content: "\e95f"; } /***********************/ .fa-star-o:before { content: "\f006"; } /* End Fonts */ /* Start Plugin */ /* =================================================== >>> TABLE OF CONTENTS: ====================================================== 1. Bootstrap v4.1.3 2. Slick slider 3. Animate css 4. Lightcase 5. Nice Select JS 6. jQuery UI =================================================== */ /*--------------------------------------------------------------- 1. Bootstrap v5.0.2 ---------------------------------------------------------------*/ :root { --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc3545; --bs-orange:#fd7e14; --bs-yellow:#ffc107; --bs-green:#198754; --bs-teal:#20c997; --bs-cyan:#0dcaf0; --bs-white:#fff; --bs-gray:#6c757d; --bs-gray-dark:#343a40; --bs-primary:#0d6efd; --bs-secondary:#6c757d; --bs-success:#198754; --bs-info:#0dcaf0; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#212529; --bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) } *, ::after, ::before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1em; /*iman*/ font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width:1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width:1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width:1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width:1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } 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 } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal; font-size: 13pt; padding: 0.5em;/*iman*/ } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display:none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding:0; border-style:none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width:1200px) { legend { font-size: 1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding:0 } ::-webkit-inner-spin-button { height:auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-color-swatch-wrapper { padding:0 } ::file-selector-button { font:inherit } ::-webkit-file-upload-button { font:inherit; -webkit-appearance:button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none!important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-6 { font-size: 2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote>:last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer::before { content: "— " } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 85%; } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1355px; } } .row { --bs-gutter-x:1.5rem; --bs-gutter-y:0; display: flex; flex-wrap: wrap; margin-top:calc(var(--bs-gutter-y) * -1); margin-right:calc(var(--bs-gutter-x) * -.5); margin-left:calc(var(--bs-gutter-x) * -.5) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; /*padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5);*/ margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto>* { flex: 0 0 auto; width: auto } .row-cols-1>* { flex: 0 0 auto; width: 100% } .row-cols-2>* { flex: 0 0 auto; width: 50% } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667% } @media (min-width:576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width:768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width:992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width:1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width:1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667% } } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x:0 } .g-0, .gy-0 { --bs-gutter-y:0 } .g-1, .gx-1 { --bs-gutter-x:0.25rem } .g-1, .gy-1 { --bs-gutter-y:0.25rem } .g-2, .gx-2 { --bs-gutter-x:0.5rem } .g-2, .gy-2 { --bs-gutter-y:0.5rem } .g-3, .gx-3 { --bs-gutter-x:1rem } .g-3, .gy-3 { --bs-gutter-y:1rem } .g-4, .gx-4 { --bs-gutter-x:1.5rem } .g-4, .gy-4 { --bs-gutter-y:1.5rem } .g-5, .gx-5 { --bs-gutter-x:3rem } .g-5, .gy-5 { --bs-gutter-y:3rem } @media (min-width:576px) { .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x:0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y:0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x:0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y:0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x:0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y:0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x:1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y:1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x:1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y:1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x:3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y:3rem } } @media (min-width:768px) { .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x:0 } .g-md-0, .gy-md-0 { --bs-gutter-y:0 } .g-md-1, .gx-md-1 { --bs-gutter-x:0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y:0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x:0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y:0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x:1rem } .g-md-3, .gy-md-3 { --bs-gutter-y:1rem } .g-md-4, .gx-md-4 { --bs-gutter-x:1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y:1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x:3rem } .g-md-5, .gy-md-5 { --bs-gutter-y:3rem } } @media (min-width:992px) { .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x:0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y:0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x:0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y:0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x:0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y:0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x:1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y:1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x:1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y:1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x:3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y:3rem } } @media (min-width:1200px) { .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x:0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y:0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x:0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y:0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x:0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y:0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x:1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y:1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x:1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y:1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x:3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y:3rem } } @media (min-width:1400px) { .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x:0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y:0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x:0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y:0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x:0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y:0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x:1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y:1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x:1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y:1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x:3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y:3rem } } .table { --bs-table-bg:transparent; --bs-table-accent-bg:transparent; --bs-table-striped-color:#212529; --bs-table-striped-bg:rgba(0, 0, 0, 0.05); --bs-table-active-color:#212529; --bs-table-active-bg:rgba(0, 0, 0, 0.1); --bs-table-hover-color:#212529; --bs-table-hover-bg:rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6 } .table>:not(caption)>*>* { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table>tbody { vertical-align: inherit } .table>thead { vertical-align: bottom } .table>:not(:last-child)>:last-child>* { border-bottom-color: currentColor } .caption-top { caption-side: top } .table-sm>:not(caption)>*>* { padding: .25rem .25rem } .table-bordered>:not(caption)>* { border-width: 1px 0 } .table-bordered>:not(caption)>*>* { border-width: 0 1px } .table-borderless>:not(caption)>*>* { border-bottom-width: 0 } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg:var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg:var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover>tbody>tr:hover { --bs-table-accent-bg:var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg:#cfe2ff; --bs-table-striped-bg:#c5d7f2; --bs-table-striped-color:#000; --bs-table-active-bg:#bacbe6; --bs-table-active-color:#000; --bs-table-hover-bg:#bfd1ec; --bs-table-hover-color:#000; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg:#e2e3e5; --bs-table-striped-bg:#d7d8da; --bs-table-striped-color:#000; --bs-table-active-bg:#cbccce; --bs-table-active-color:#000; --bs-table-hover-bg:#d1d2d4; --bs-table-hover-color:#000; color: #000; border-color: #cbccce } .table-success { --bs-table-bg:#d1e7dd; --bs-table-striped-bg:#c7dbd2; --bs-table-striped-color:#000; --bs-table-active-bg:#bcd0c7; --bs-table-active-color:#000; --bs-table-hover-bg:#c1d6cc; --bs-table-hover-color:#000; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg:#cff4fc; --bs-table-striped-bg:#c5e8ef; --bs-table-striped-color:#000; --bs-table-active-bg:#badce3; --bs-table-active-color:#000; --bs-table-hover-bg:#bfe2e9; --bs-table-hover-color:#000; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg:#fff3cd; --bs-table-striped-bg:#f2e7c3; --bs-table-striped-color:#000; --bs-table-active-bg:#e6dbb9; --bs-table-active-color:#000; --bs-table-hover-bg:#ece1be; --bs-table-hover-color:#000; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg:#f8d7da; --bs-table-striped-bg:#eccccf; --bs-table-striped-color:#000; --bs-table-active-bg:#dfc2c4; --bs-table-active-color:#000; --bs-table-hover-bg:#e5c7ca; --bs-table-hover-color:#000; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg:#f8f9fa; --bs-table-striped-bg:#ecedee; --bs-table-striped-color:#000; --bs-table-active-bg:#dfe0e1; --bs-table-active-color:#000; --bs-table-hover-bg:#e5e6e7; --bs-table-hover-color:#000; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg:#212529; --bs-table-striped-bg:#2c3034; --bs-table-striped-color:#fff; --bs-table-active-bg:#373b3e; --bs-table-active-color:#fff; --bs-table-hover-bg:#323539; --bs-table-hover-color:#fff; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .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 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-control::-webkit-date-and-time-value { height:1.5em } .form-control::-moz-placeholder { color:#6c757d; opacity:1 } .form-control::placeholder { color:#6c757d; opacity:1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::file-selector-button { padding:.375rem .75rem; margin:-.375rem -.75rem; -webkit-margin-end:.75rem; margin-inline-end:.75rem; color:#212529; background-color:#e9ecef; pointer-events:none; border-color:inherit; border-style:solid; border-width:0; border-inline-end-width:1px; border-radius:0; 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 (prefers-reduced-motion:reduce) { .form-control::file-selector-button { transition:none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color:#dde0e3 } .form-control::-webkit-file-upload-button { padding:.375rem .75rem; margin:-.375rem -.75rem; -webkit-margin-end:.75rem; margin-inline-end:.75rem; color:#212529; background-color:#e9ecef; pointer-events:none; border-color:inherit; border-style:solid; border-width:0; border-inline-end-width:1px; border-radius:0; -webkit-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 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 (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition:none; transition:none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color:#dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; 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 { padding-right: 0; padding-left: 0 } .form-control-sm { min-height:calc(1.5em + (.5rem + 2px)); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::file-selector-button { padding:.25rem .5rem; margin:-.25rem -.5rem; -webkit-margin-end:.5rem; margin-inline-end:.5rem } .form-control-sm::-webkit-file-upload-button { padding:.25rem .5rem; margin:-.25rem -.5rem; -webkit-margin-end:.5rem; margin-inline-end:.5rem } .form-control-lg { min-height:calc(1.5em + (1rem + 2px)); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::file-selector-button { padding:.5rem 1rem; margin:-.5rem -1rem; -webkit-margin-end:1rem; margin-inline-end:1rem } .form-control-lg::-webkit-file-upload-button { padding:.5rem 1rem; margin:-.5rem -1rem; -webkit-margin-end:1rem; margin-inline-end:1rem } textarea.form-control { min-height:calc(1.5em + (.75rem + 2px)) } textarea.form-control-sm { min-height:calc(1.5em + (.5rem + 2px)) } textarea.form-control-lg { min-height:calc(1.5em + (1rem + 2px)) } .form-control-color { max-width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height:1.5em; border-radius:.25rem } .form-control-color::-webkit-color-swatch { height:1.5em; border-radius:.25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #e9ecef } .form-select:-moz-focusring { color:transparent; text-shadow:0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .btn-check:disabled+.btn, .btn-check[disabled]+.btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow:0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25) } .form-range:focus::-moz-range-thumb { box-shadow:0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25) } .form-range::-moz-focus-outer { border:0 } .form-range::-webkit-slider-thumb { width:1rem; height:1rem; margin-top:-.25rem; background-color:#0d6efd; border:0; border-radius:1rem; -webkit-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance:none; appearance:none } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition:none; transition:none } } .form-range::-webkit-slider-thumb:active { background-color:#b6d4fe } .form-range::-webkit-slider-runnable-track { width:100%; height:.5rem; color:transparent; cursor:pointer; background-color:#dee2e6; border-color:transparent; border-radius:1rem } .form-range::-moz-range-thumb { width:1rem; height:1rem; background-color:#0d6efd; border:0; border-radius:1rem; -moz-transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance:none; appearance:none } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition:none; transition:none } } .form-range::-moz-range-thumb:active { background-color:#b6d4fe } .form-range::-moz-range-track { width:100%; height:.5rem; color:transparent; cursor:pointer; background-color:#dee2e6; border-color:transparent; border-radius:1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color:#adb5bd } .form-range:disabled::-moz-range-thumb { background-color:#adb5bd } .form-floating { position: relative } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-floating>label { transition: none } } .form-floating>.form-control { padding: 1rem .75rem } .form-floating>.form-control::-moz-placeholder { color:transparent } .form-floating>.form-control::placeholder { color:transparent } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:-webkit-autofill { padding-top:1.625rem; padding-bottom:.625rem } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control:-webkit-autofill~label { opacity:.65; transform:scale(.85) translateY(-.5rem) translateX(.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem } .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25,135,84,.9); border-radius: .25rem } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display:block } .form-control.is-valid, .was-validated .form-control:valid { border-color:#198754; padding-right:calc(1.5em + .75rem); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right calc(.375em + .1875rem) center; background-size:calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color:#198754; box-shadow:0 0 0 .25rem rgba(25,135,84,.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right:calc(1.5em + .75rem); background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color:#198754 } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { padding-right:4.125rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position:right .75rem center, center right 2.25rem; background-size:16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color:#198754; box-shadow:0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color:#198754 } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color:#198754 } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow:0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color:#198754 } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index:1 } .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index:3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display:block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color:#dc3545; padding-right:calc(1.5em + .75rem); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right calc(.375em + .1875rem) center; background-size:calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color:#dc3545; box-shadow:0 0 0 .25rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right:calc(1.5em + .75rem); background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color:#dc3545 } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right:4.125rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position:right .75rem center, center right 2.25rem; background-size:16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color:#dc3545; box-shadow:0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color:#dc3545 } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color:#dc3545 } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow:0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color:#dc3545 } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index:2 } .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index:3 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; 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 (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus+.btn, .btn:focus { outline: 0; /*box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)*/ } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca } .btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be } .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus+.btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus+.btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus+.btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus+.btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; 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; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 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[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position:start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position:end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position:start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position:end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position:start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position:end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position:start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position:end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position:start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position:end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position:start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position:end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; 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 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,.15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255,255,255,.15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; flex: 1 1 auto } .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -1px } .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:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropstart .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 { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px } .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~.btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #0a58ca } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; 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; isolation: isolate } .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 { background: 0 0; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #0d6efd } .nav-fill .nav-item, .nav-fill>.nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified>.nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; 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 } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; 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; transition: box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto } @media (min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } @media (min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .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,.55) } .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 .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.55) } .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 { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.55) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: flex; 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 { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; 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-footer { padding: .5rem 1rem; 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-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0 } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group>.card { margin-bottom: .75rem } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; /*border-color: #86b7fe;*/ outline: 0; /*box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)*/ } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: #fff; /* border: 1px solid rgba(0,0,0,.125)*/ } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-body { padding: 0.5rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button { border-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; 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 (prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { 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 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .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 } .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: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x:1rem } } @keyframes progress-bar-stripes { 0% { background-position-x:1rem } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered>li::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 1px } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); opacity: 1 } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: .25rem } .toast:not(.showing):not(.show) { opacity: 0 } .toast.hide { display: none } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container>:not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; 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; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer>* { margin: .25rem } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width:575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width:767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width:991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width:1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width:1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-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 .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; 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 { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-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; width: 1rem; height: .5rem } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[data-popper-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 #f0f0f0 } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0,0,0,.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .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: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @-webkit-keyframes spinner-border { to { transform:rotate(360deg) } } @keyframes spinner-border { to { transform:rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { transform:scale(0) } 50% { opacity:1; transform:none } } @keyframes spinner-grow { 0% { transform:scale(0) } 50% { opacity:1; transform:none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .offcanvas { position: fixed; bottom: 0; z-index: 1050; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem } .offcanvas-header .btn-close { padding: .5rem .5rem; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: -.5rem } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%) } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0,0,0,.2); transform: translateX(100%) } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0,0,0,.2); transform: translateY(-100%) } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0,0,0,.2); transform: translateY(100%) } .offcanvas.show { transform: none } .clearfix::after { display: block; clear: both; content: "" } .link-primary { color: #0d6efd } .link-primary:focus, .link-primary:hover { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:focus, .link-secondary:hover { color: #565e64 } .link-success { color: #198754 } .link-success:focus, .link-success:hover { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .link-warning { color: #ffc107 } .link-warning:focus, .link-warning:hover { color: #ffcd39 } .link-danger { color: #dc3545 } .link-danger:focus, .link-danger:hover { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:focus, .link-light:hover { color: #f9fafb } .link-dark { color: #212529 } .link-dark:focus, .link-dark:hover { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio:100% } .ratio-4x3 { --bs-aspect-ratio:calc(3 / 4 * 100%) } .ratio-16x9 { --bs-aspect-ratio:calc(9 / 16 * 100%) } .ratio-21x9 { --bs-aspect-ratio:calc(9 / 21 * 100%) } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } @media (min-width:576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .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 } .float-start { float: left!important } .float-end { float: right!important } .float-none { float: none!important } .overflow-auto { overflow: auto!important } .overflow-hidden { overflow: hidden!important } .overflow-visible { overflow: visible!important } .overflow-scroll { overflow: scroll!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-grid { display: grid!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: flex!important } .d-inline-flex { display: inline-flex!important } .d-none { display: none!important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important } .shadow-none { box-shadow: 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 } .top-0 { top: 0!important } .top-50 { top: 50%!important } .top-100 { top: 100%!important } .bottom-0 { bottom: 0!important } .bottom-50 { bottom: 50%!important } .bottom-100 { bottom: 100%!important } .start-0 { left: 0!important } .start-50 { left: 50%!important } .start-100 { left: 100%!important } .end-0 { right: 0!important } .end-50 { right: 50%!important } .end-100 { right: 100%!important } .translate-middle { transform: translate(-50%, -50%)!important } .translate-middle-x { transform: translateX(-50%)!important } .translate-middle-y { transform: translateY(-50%)!important } .border { border: 1px solid #dee2e6!important } .border-0 { border: 0!important } .border-top { border-top: 1px solid #dee2e6!important } .border-top-0 { border-top: 0!important } .border-end { border-right: 1px solid #dee2e6!important } .border-end-0 { border-right: 0!important } .border-bottom { border-bottom: 1px solid #dee2e6!important } .border-bottom-0 { border-bottom: 0!important } .border-start { border-left: 1px solid #dee2e6!important } .border-start-0 { border-left: 0!important } .border-primary { border-color: #0d6efd!important } .border-secondary { border-color: #6c757d!important } .border-success { border-color: #198754!important } .border-info { border-color: #0dcaf0!important } .border-warning { border-color: #ffc107!important } .border-danger { border-color: #dc3545!important } .border-light { border-color: #f8f9fa!important } .border-dark { border-color: #212529!important } .border-white { border-color: #fff!important } .border-1 { border-width: 1px!important } .border-2 { border-width: 2px!important } .border-3 { border-width: 3px!important } .border-4 { border-width: 4px!important } .border-5 { border-width: 5px!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 } .mw-100 { max-width: 100%!important } .vw-100 { width: 100vw!important } .min-vw-100 { min-width: 100vw!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 } .mh-100 { max-height: 100%!important } .vh-100 { height: 100vh!important } .min-vh-100 { min-height: 100vh!important } .flex-fill { flex: 1 1 auto!important } .flex-row { flex-direction: row!important } .flex-column { flex-direction: column!important } .flex-row-reverse { flex-direction: row-reverse!important } .flex-column-reverse { flex-direction: column-reverse!important } .flex-grow-0 { flex-grow: 0!important } .flex-grow-1 { flex-grow: 1!important } .flex-shrink-0 { flex-shrink: 0!important } .flex-shrink-1 { flex-shrink: 1!important } .flex-wrap { flex-wrap: wrap!important } .flex-nowrap { flex-wrap: nowrap!important } .flex-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-0 { gap: 0!important } .gap-1 { gap: .25rem!important } .gap-2 { gap: .5rem!important } .gap-3 { gap: 1rem!important } .gap-4 { gap: 1.5rem!important } .gap-5 { gap: 3rem!important } .justify-content-start { justify-content: flex-start!important } .justify-content-end { justify-content: flex-end!important } .justify-content-center { justify-content: center!important } .justify-content-between { justify-content: space-between!important } .justify-content-around { justify-content: space-around!important } .justify-content-evenly { justify-content: space-evenly!important } .align-items-start { align-items: flex-start!important } .align-items-end { align-items: flex-end!important } .align-items-center { align-items: center!important } .align-items-baseline { align-items: baseline!important } .align-items-stretch { align-items: stretch!important } .align-content-start { align-content: flex-start!important } .align-content-end { align-content: flex-end!important } .align-content-center { align-content: center!important } .align-content-between { align-content: space-between!important } .align-content-around { align-content: space-around!important } .align-content-stretch { align-content: stretch!important } .align-self-auto { align-self: auto!important } .align-self-start { align-self: flex-start!important } .align-self-end { align-self: flex-end!important } .align-self-center { align-self: center!important } .align-self-baseline { align-self: baseline!important } .align-self-stretch { align-self: stretch!important } .order-first { order: -1!important } .order-0 { order: 0!important } .order-1 { order: 1!important } .order-2 { order: 2!important } .order-3 { order: 3!important } .order-4 { order: 4!important } .order-5 { order: 5!important } .order-last { order: 6!important } .m-0 { margin: 0!important } .m-1 { margin: .25rem!important } .m-2 { margin: .5rem!important } .m-3 { margin: 1rem!important } .m-4 { margin: 1.5rem!important } .m-5 { margin: 3rem!important } .m-auto { margin: auto!important } .mx-0 { margin-right: 0!important; margin-left: 0!important } .mx-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-auto { margin-right: auto!important; margin-left: auto!important } .my-0 { margin-top: 0!important; margin-bottom: 0!important } .my-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-0 { margin-top: 0!important } .mt-1 { margin-top: .25rem!important } .mt-2 { margin-top: .5rem!important } .mt-3 { margin-top: 1rem!important } .mt-4 { margin-top: 1.5rem!important } .mt-5 { margin-top: 3rem!important } .mt-auto { margin-top: auto!important } .me-0 { margin-right: 0!important } .me-1 { margin-right: .25rem!important } .me-2 { margin-right: .5rem!important } .me-3 { margin-right: 1rem!important } .me-4 { margin-right: 1.5rem!important } .me-5 { margin-right: 3rem!important } .me-auto { margin-right: auto!important } .mb-0 { margin-bottom: 0!important } .mb-1 { margin-bottom: .25rem!important } .mb-2 { margin-bottom: .5rem!important } .mb-3 { margin-bottom: 1rem!important } .mb-4 { margin-bottom: 1.5rem!important } .mb-5 { margin-bottom: 3rem!important } .mb-auto { margin-bottom: auto!important } .ms-0 { margin-left: 0!important } .ms-1 { margin-left: .25rem!important } .ms-2 { margin-left: .5rem!important } .ms-3 { margin-left: 1rem!important } .ms-4 { margin-left: 1.5rem!important } .ms-5 { margin-left: 3rem!important } .ms-auto { margin-left: auto!important } .p-0 { padding: 0!important } .p-1 { padding: .25rem!important } .p-2 { padding: .5rem!important } .p-3 { padding: 1rem!important } .p-4 { padding: 1.5rem!important } .p-5 { padding: 3rem!important } .px-0 { padding-right: 0!important; padding-left: 0!important } .px-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-0 { padding-top: 0!important; padding-bottom: 0!important } .py-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-0 { padding-top: 0!important } .pt-1 { padding-top: .25rem!important } .pt-2 { padding-top: .5rem!important } .pt-3 { padding-top: 1rem!important } .pt-4 { padding-top: 1.5rem!important } .pt-5 { padding-top: 3rem!important } .pe-0 { padding-right: 0!important } .pe-1 { padding-right: .25rem!important } .pe-2 { padding-right: .5rem!important } .pe-3 { padding-right: 1rem!important } .pe-4 { padding-right: 1.5rem!important } .pe-5 { padding-right: 3rem!important } .pb-0 { padding-bottom: 0!important } .pb-1 { padding-bottom: .25rem!important } .pb-2 { padding-bottom: .5rem!important } .pb-3 { padding-bottom: 1rem!important } .pb-4 { padding-bottom: 1.5rem!important } .pb-5 { padding-bottom: 3rem!important } .ps-0 { padding-left: 0!important } .ps-1 { padding-left: .25rem!important } .ps-2 { padding-left: .5rem!important } .ps-3 { padding-left: 1rem!important } .ps-4 { padding-left: 1.5rem!important } .ps-5 { padding-left: 3rem!important } .font-monospace { font-family: var(--bs-font-monospace)!important } .fs-1 { font-size: calc(1.375rem + 1.5vw)!important } .fs-2 { font-size: calc(1.325rem + .9vw)!important } .fs-3 { font-size: calc(1.3rem + .6vw)!important } .fs-4 { font-size: calc(1.275rem + .3vw)!important } .fs-5 { font-size: 1.25rem!important } .fs-6 { font-size: 1rem!important } .fst-italic { font-style: italic!important } .fst-normal { font-style: normal!important } .fw-light { font-weight: 300!important } .fw-lighter { font-weight: lighter!important } .fw-normal { font-weight: 400!important } .fw-bold { font-weight: 700!important } .fw-bolder { font-weight: bolder!important } .lh-1 { line-height: 1!important } .lh-sm { line-height: 1.25!important } .lh-base { line-height: 1.5!important } .lh-lg { line-height: 2!important } .text-start { text-align: left!important } .text-end { text-align: right!important } .text-center { text-align: center!important } .text-decoration-none { text-decoration: none!important } .text-decoration-underline { text-decoration: underline!important } .text-decoration-line-through { text-decoration: line-through!important } .text-lowercase { text-transform: lowercase!important } .text-uppercase { text-transform: uppercase!important } .text-capitalize { text-transform: capitalize!important } .text-wrap { white-space: normal!important } .text-nowrap { white-space: nowrap!important } .text-break { word-wrap: break-word!important; word-break: break-word!important } .text-primary { color: #0d6efd!important } .text-secondary { color: #6c757d!important } .text-success { color: #198754!important } .text-info { color: #0dcaf0!important } .text-warning { color: #ffc107!important } .text-danger { color: #dc3545!important } .text-light { color: #f8f9fa!important } .text-dark { color: #212529!important } .text-white { color: #fff!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: rgba(255,255,255,.5)!important } .text-reset { color: inherit!important } .bg-primary { background-color: #0d6efd!important } .bg-secondary { background-color: #6c757d!important } .bg-success { background-color: #198754!important } .bg-info { background-color: #0dcaf0!important } .bg-warning { background-color: #ffc107!important } .bg-danger { background-color: #dc3545!important } .bg-light { background-color: #f8f9fa!important } .bg-dark { background-color: #212529!important } .bg-body { background-color: #fff!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .bg-gradient { background-image: var(--bs-gradient)!important } .user-select-all { -webkit-user-select: all!important; -moz-user-select: all!important; user-select: all!important } .user-select-auto { -webkit-user-select: auto!important; -moz-user-select: auto!important; user-select: auto!important } .user-select-none { -webkit-user-select: none!important; -moz-user-select: none!important; user-select: none!important } .pe-none { pointer-events: none!important } .pe-auto { pointer-events: auto!important } .rounded { border-radius: .25rem!important } .rounded-0 { border-radius: 0!important } .rounded-1 { border-radius: .2rem!important } .rounded-2 { border-radius: .25rem!important } .rounded-3 { border-radius: .3rem!important } .rounded-circle { border-radius: 50%!important } .rounded-pill { border-radius: 50rem!important } .rounded-top { border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important } .rounded-end { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important } .rounded-bottom { border-bottom-right-radius: .25rem!important; border-bottom-left-radius: .25rem!important } .rounded-start { border-bottom-left-radius: .25rem!important; border-top-left-radius: .25rem!important } .visible { visibility: visible!important } .invisible { visibility: hidden!important } @media (min-width:576px) { .float-sm-start { float: left!important } .float-sm-end { float: right!important } .float-sm-none { float: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-grid { display: grid!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: flex!important } .d-sm-inline-flex { display: inline-flex!important } .d-sm-none { display: none!important } .flex-sm-fill { flex: 1 1 auto!important } .flex-sm-row { flex-direction: row!important } .flex-sm-column { flex-direction: column!important } .flex-sm-row-reverse { flex-direction: row-reverse!important } .flex-sm-column-reverse { flex-direction: column-reverse!important } .flex-sm-grow-0 { flex-grow: 0!important } .flex-sm-grow-1 { flex-grow: 1!important } .flex-sm-shrink-0 { flex-shrink: 0!important } .flex-sm-shrink-1 { flex-shrink: 1!important } .flex-sm-wrap { flex-wrap: wrap!important } .flex-sm-nowrap { flex-wrap: nowrap!important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-sm-0 { gap: 0!important } .gap-sm-1 { gap: .25rem!important } .gap-sm-2 { gap: .5rem!important } .gap-sm-3 { gap: 1rem!important } .gap-sm-4 { gap: 1.5rem!important } .gap-sm-5 { gap: 3rem!important } .justify-content-sm-start { justify-content: flex-start!important } .justify-content-sm-end { justify-content: flex-end!important } .justify-content-sm-center { justify-content: center!important } .justify-content-sm-between { justify-content: space-between!important } .justify-content-sm-around { justify-content: space-around!important } .justify-content-sm-evenly { justify-content: space-evenly!important } .align-items-sm-start { align-items: flex-start!important } .align-items-sm-end { align-items: flex-end!important } .align-items-sm-center { align-items: center!important } .align-items-sm-baseline { align-items: baseline!important } .align-items-sm-stretch { align-items: stretch!important } .align-content-sm-start { align-content: flex-start!important } .align-content-sm-end { align-content: flex-end!important } .align-content-sm-center { align-content: center!important } .align-content-sm-between { align-content: space-between!important } .align-content-sm-around { align-content: space-around!important } .align-content-sm-stretch { align-content: stretch!important } .align-self-sm-auto { align-self: auto!important } .align-self-sm-start { align-self: flex-start!important } .align-self-sm-end { align-self: flex-end!important } .align-self-sm-center { align-self: center!important } .align-self-sm-baseline { align-self: baseline!important } .align-self-sm-stretch { align-self: stretch!important } .order-sm-first { order: -1!important } .order-sm-0 { order: 0!important } .order-sm-1 { order: 1!important } .order-sm-2 { order: 2!important } .order-sm-3 { order: 3!important } .order-sm-4 { order: 4!important } .order-sm-5 { order: 5!important } .order-sm-last { order: 6!important } .m-sm-0 { margin: 0!important } .m-sm-1 { margin: .25rem!important } .m-sm-2 { margin: .5rem!important } .m-sm-3 { margin: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .m-sm-auto { margin: auto!important } .mx-sm-0 { margin-right: 0!important; margin-left: 0!important } .mx-sm-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-sm-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-sm-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-sm-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-sm-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-sm-auto { margin-right: auto!important; margin-left: auto!important } .my-sm-0 { margin-top: 0!important; margin-bottom: 0!important } .my-sm-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-sm-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-sm-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-sm-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-sm-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-sm-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-sm-0 { margin-top: 0!important } .mt-sm-1 { margin-top: .25rem!important } .mt-sm-2 { margin-top: .5rem!important } .mt-sm-3 { margin-top: 1rem!important } .mt-sm-4 { margin-top: 1.5rem!important } .mt-sm-5 { margin-top: 3rem!important } .mt-sm-auto { margin-top: auto!important } .me-sm-0 { margin-right: 0!important } .me-sm-1 { margin-right: .25rem!important } .me-sm-2 { margin-right: .5rem!important } .me-sm-3 { margin-right: 1rem!important } .me-sm-4 { margin-right: 1.5rem!important } .me-sm-5 { margin-right: 3rem!important } .me-sm-auto { margin-right: auto!important } .mb-sm-0 { margin-bottom: 0!important } .mb-sm-1 { margin-bottom: .25rem!important } .mb-sm-2 { margin-bottom: .5rem!important } .mb-sm-3 { margin-bottom: 1rem!important } .mb-sm-4 { margin-bottom: 1.5rem!important } .mb-sm-5 { margin-bottom: 3rem!important } .mb-sm-auto { margin-bottom: auto!important } .ms-sm-0 { margin-left: 0!important } .ms-sm-1 { margin-left: .25rem!important } .ms-sm-2 { margin-left: .5rem!important } .ms-sm-3 { margin-left: 1rem!important } .ms-sm-4 { margin-left: 1.5rem!important } .ms-sm-5 { margin-left: 3rem!important } .ms-sm-auto { margin-left: auto!important } .p-sm-0 { padding: 0!important } .p-sm-1 { padding: .25rem!important } .p-sm-2 { padding: .5rem!important } .p-sm-3 { padding: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .px-sm-0 { padding-right: 0!important; padding-left: 0!important } .px-sm-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-sm-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-sm-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-sm-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-sm-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-sm-0 { padding-top: 0!important; padding-bottom: 0!important } .py-sm-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-sm-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-sm-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-sm-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-sm-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-sm-0 { padding-top: 0!important } .pt-sm-1 { padding-top: .25rem!important } .pt-sm-2 { padding-top: .5rem!important } .pt-sm-3 { padding-top: 1rem!important } .pt-sm-4 { padding-top: 1.5rem!important } .pt-sm-5 { padding-top: 3rem!important } .pe-sm-0 { padding-right: 0!important } .pe-sm-1 { padding-right: .25rem!important } .pe-sm-2 { padding-right: .5rem!important } .pe-sm-3 { padding-right: 1rem!important } .pe-sm-4 { padding-right: 1.5rem!important } .pe-sm-5 { padding-right: 3rem!important } .pb-sm-0 { padding-bottom: 0!important } .pb-sm-1 { padding-bottom: .25rem!important } .pb-sm-2 { padding-bottom: .5rem!important } .pb-sm-3 { padding-bottom: 1rem!important } .pb-sm-4 { padding-bottom: 1.5rem!important } .pb-sm-5 { padding-bottom: 3rem!important } .ps-sm-0 { padding-left: 0!important } .ps-sm-1 { padding-left: .25rem!important } .ps-sm-2 { padding-left: .5rem!important } .ps-sm-3 { padding-left: 1rem!important } .ps-sm-4 { padding-left: 1.5rem!important } .ps-sm-5 { padding-left: 3rem!important } .text-sm-start { text-align: left!important } .text-sm-end { text-align: right!important } .text-sm-center { text-align: center!important } } @media (min-width:768px) { .float-md-start { float: left!important } .float-md-end { float: right!important } .float-md-none { float: none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-grid { display: grid!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: flex!important } .d-md-inline-flex { display: inline-flex!important } .d-md-none { display: none!important } .flex-md-fill { flex: 1 1 auto!important } .flex-md-row { flex-direction: row!important } .flex-md-column { flex-direction: column!important } .flex-md-row-reverse { flex-direction: row-reverse!important } .flex-md-column-reverse { flex-direction: column-reverse!important } .flex-md-grow-0 { flex-grow: 0!important } .flex-md-grow-1 { flex-grow: 1!important } .flex-md-shrink-0 { flex-shrink: 0!important } .flex-md-shrink-1 { flex-shrink: 1!important } .flex-md-wrap { flex-wrap: wrap!important } .flex-md-nowrap { flex-wrap: nowrap!important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-md-0 { gap: 0!important } .gap-md-1 { gap: .25rem!important } .gap-md-2 { gap: .5rem!important } .gap-md-3 { gap: 1rem!important } .gap-md-4 { gap: 1.5rem!important } .gap-md-5 { gap: 3rem!important } .justify-content-md-start { justify-content: flex-start!important } .justify-content-md-end { justify-content: flex-end!important } .justify-content-md-center { justify-content: center!important } .justify-content-md-between { justify-content: space-between!important } .justify-content-md-around { justify-content: space-around!important } .justify-content-md-evenly { justify-content: space-evenly!important } .align-items-md-start { align-items: flex-start!important } .align-items-md-end { align-items: flex-end!important } .align-items-md-center { align-items: center!important } .align-items-md-baseline { align-items: baseline!important } .align-items-md-stretch { align-items: stretch!important } .align-content-md-start { align-content: flex-start!important } .align-content-md-end { align-content: flex-end!important } .align-content-md-center { align-content: center!important } .align-content-md-between { align-content: space-between!important } .align-content-md-around { align-content: space-around!important } .align-content-md-stretch { align-content: stretch!important } .align-self-md-auto { align-self: auto!important } .align-self-md-start { align-self: flex-start!important } .align-self-md-end { align-self: flex-end!important } .align-self-md-center { align-self: center!important } .align-self-md-baseline { align-self: baseline!important } .align-self-md-stretch { align-self: stretch!important } .order-md-first { order: -1!important } .order-md-0 { order: 0!important } .order-md-1 { order: 1!important } .order-md-2 { order: 2!important } .order-md-3 { order: 3!important } .order-md-4 { order: 4!important } .order-md-5 { order: 5!important } .order-md-last { order: 6!important } .m-md-0 { margin: 0!important } .m-md-1 { margin: .25rem!important } .m-md-2 { margin: .5rem!important } .m-md-3 { margin: 1rem!important } .m-md-4 { margin: 1.5rem!important } .m-md-5 { margin: 3rem!important } .m-md-auto { margin: auto!important } .mx-md-0 { margin-right: 0!important; margin-left: 0!important } .mx-md-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-md-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-md-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-md-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-md-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-md-auto { margin-right: auto!important; margin-left: auto!important } .my-md-0 { margin-top: 0!important; margin-bottom: 0!important } .my-md-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-md-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-md-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-md-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-md-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-md-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-md-0 { margin-top: 0!important } .mt-md-1 { margin-top: .25rem!important } .mt-md-2 { margin-top: .5rem!important } .mt-md-3 { margin-top: 1rem!important } .mt-md-4 { margin-top: 1.5rem!important } .mt-md-5 { margin-top: 3rem!important } .mt-md-auto { margin-top: auto!important } .me-md-0 { margin-right: 0!important } .me-md-1 { margin-right: .25rem!important } .me-md-2 { margin-right: .5rem!important } .me-md-3 { margin-right: 1rem!important } .me-md-4 { margin-right: 1.5rem!important } .me-md-5 { margin-right: 3rem!important } .me-md-auto { margin-right: auto!important } .mb-md-0 { margin-bottom: 0!important } .mb-md-1 { margin-bottom: .25rem!important } .mb-md-2 { margin-bottom: .5rem!important } .mb-md-3 { margin-bottom: 1rem!important } .mb-md-4 { margin-bottom: 1.5rem!important } .mb-md-5 { margin-bottom: 3rem!important } .mb-md-auto { margin-bottom: auto!important } .ms-md-0 { margin-left: 0!important } .ms-md-1 { margin-left: .25rem!important } .ms-md-2 { margin-left: .5rem!important } .ms-md-3 { margin-left: 1rem!important } .ms-md-4 { margin-left: 1.5rem!important } .ms-md-5 { margin-left: 3rem!important } .ms-md-auto { margin-left: auto!important } .p-md-0 { padding: 0!important } .p-md-1 { padding: .25rem!important } .p-md-2 { padding: .5rem!important } .p-md-3 { padding: 1rem!important } .p-md-4 { padding: 1.5rem!important } .p-md-5 { padding: 3rem!important } .px-md-0 { padding-right: 0!important; padding-left: 0!important } .px-md-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-md-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-md-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-md-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-md-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-md-0 { padding-top: 0!important; padding-bottom: 0!important } .py-md-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-md-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-md-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-md-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-md-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-md-0 { padding-top: 0!important } .pt-md-1 { padding-top: .25rem!important } .pt-md-2 { padding-top: .5rem!important } .pt-md-3 { padding-top: 1rem!important } .pt-md-4 { padding-top: 1.5rem!important } .pt-md-5 { padding-top: 3rem!important } .pe-md-0 { padding-right: 0!important } .pe-md-1 { padding-right: .25rem!important } .pe-md-2 { padding-right: .5rem!important } .pe-md-3 { padding-right: 1rem!important } .pe-md-4 { padding-right: 1.5rem!important } .pe-md-5 { padding-right: 3rem!important } .pb-md-0 { padding-bottom: 0!important } .pb-md-1 { padding-bottom: .25rem!important } .pb-md-2 { padding-bottom: .5rem!important } .pb-md-3 { padding-bottom: 1rem!important } .pb-md-4 { padding-bottom: 1.5rem!important } .pb-md-5 { padding-bottom: 3rem!important } .ps-md-0 { padding-left: 0!important } .ps-md-1 { padding-left: .25rem!important } .ps-md-2 { padding-left: .5rem!important } .ps-md-3 { padding-left: 1rem!important } .ps-md-4 { padding-left: 1.5rem!important } .ps-md-5 { padding-left: 3rem!important } .text-md-start { text-align: left!important } .text-md-end { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width:992px) { .float-lg-start { float: left!important } .float-lg-end { float: right!important } .float-lg-none { float: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-grid { display: grid!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: flex!important } .d-lg-inline-flex { display: inline-flex!important } .d-lg-none { display: none!important } .flex-lg-fill { flex: 1 1 auto!important } .flex-lg-row { flex-direction: row!important } .flex-lg-column { flex-direction: column!important } .flex-lg-row-reverse { flex-direction: row-reverse!important } .flex-lg-column-reverse { flex-direction: column-reverse!important } .flex-lg-grow-0 { flex-grow: 0!important } .flex-lg-grow-1 { flex-grow: 1!important } .flex-lg-shrink-0 { flex-shrink: 0!important } .flex-lg-shrink-1 { flex-shrink: 1!important } .flex-lg-wrap { flex-wrap: wrap!important } .flex-lg-nowrap { flex-wrap: nowrap!important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-lg-0 { gap: 0!important } .gap-lg-1 { gap: .25rem!important } .gap-lg-2 { gap: .5rem!important } .gap-lg-3 { gap: 1rem!important } .gap-lg-4 { gap: 1.5rem!important } .gap-lg-5 { gap: 3rem!important } .justify-content-lg-start { justify-content: flex-start!important } .justify-content-lg-end { justify-content: flex-end!important } .justify-content-lg-center { justify-content: center!important } .justify-content-lg-between { justify-content: space-between!important } .justify-content-lg-around { justify-content: space-around!important } .justify-content-lg-evenly { justify-content: space-evenly!important } .align-items-lg-start { align-items: flex-start!important } .align-items-lg-end { align-items: flex-end!important } .align-items-lg-center { align-items: center!important } .align-items-lg-baseline { align-items: baseline!important } .align-items-lg-stretch { align-items: stretch!important } .align-content-lg-start { align-content: flex-start!important } .align-content-lg-end { align-content: flex-end!important } .align-content-lg-center { align-content: center!important } .align-content-lg-between { align-content: space-between!important } .align-content-lg-around { align-content: space-around!important } .align-content-lg-stretch { align-content: stretch!important } .align-self-lg-auto { align-self: auto!important } .align-self-lg-start { align-self: flex-start!important } .align-self-lg-end { align-self: flex-end!important } .align-self-lg-center { align-self: center!important } .align-self-lg-baseline { align-self: baseline!important } .align-self-lg-stretch { align-self: stretch!important } .order-lg-first { order: -1!important } .order-lg-0 { order: 0!important } .order-lg-1 { order: 1!important } .order-lg-2 { order: 2!important } .order-lg-3 { order: 3!important } .order-lg-4 { order: 4!important } .order-lg-5 { order: 5!important } .order-lg-last { order: 6!important } .m-lg-0 { margin: 0!important } .m-lg-1 { margin: .25rem!important } .m-lg-2 { margin: .5rem!important } .m-lg-3 { margin: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .m-lg-auto { margin: auto!important } .mx-lg-0 { margin-right: 0!important; margin-left: 0!important } .mx-lg-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-lg-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-lg-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-lg-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-lg-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-lg-auto { margin-right: auto!important; margin-left: auto!important } .my-lg-0 { margin-top: 0!important; margin-bottom: 0!important } .my-lg-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-lg-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-lg-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-lg-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-lg-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-lg-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-lg-0 { margin-top: 0!important } .mt-lg-1 { margin-top: .25rem!important } .mt-lg-2 { margin-top: .5rem!important } .mt-lg-3 { margin-top: 1rem!important } .mt-lg-4 { margin-top: 1.5rem!important } .mt-lg-5 { margin-top: 3rem!important } .mt-lg-auto { margin-top: auto!important } .me-lg-0 { margin-right: 0!important } .me-lg-1 { margin-right: .25rem!important } .me-lg-2 { margin-right: .5rem!important } .me-lg-3 { margin-right: 1rem!important } .me-lg-4 { margin-right: 1.5rem!important } .me-lg-5 { margin-right: 3rem!important } .me-lg-auto { margin-right: auto!important } .mb-lg-0 { margin-bottom: 0!important } .mb-lg-1 { margin-bottom: .25rem!important } .mb-lg-2 { margin-bottom: .5rem!important } .mb-lg-3 { margin-bottom: 1rem!important } .mb-lg-4 { margin-bottom: 1.5rem!important } .mb-lg-5 { margin-bottom: 3rem!important } .mb-lg-auto { margin-bottom: auto!important } .ms-lg-0 { margin-left: 0!important } .ms-lg-1 { margin-left: .25rem!important } .ms-lg-2 { margin-left: .5rem!important } .ms-lg-3 { margin-left: 1rem!important } .ms-lg-4 { margin-left: 1.5rem!important } .ms-lg-5 { margin-left: 3rem!important } .ms-lg-auto { margin-left: auto!important } .p-lg-0 { padding: 0!important } .p-lg-1 { padding: .25rem!important } .p-lg-2 { padding: .5rem!important } .p-lg-3 { padding: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .px-lg-0 { padding-right: 0!important; padding-left: 0!important } .px-lg-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-lg-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-lg-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-lg-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-lg-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-lg-0 { padding-top: 0!important; padding-bottom: 0!important } .py-lg-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-lg-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-lg-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-lg-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-lg-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-lg-0 { padding-top: 0!important } .pt-lg-1 { padding-top: .25rem!important } .pt-lg-2 { padding-top: .5rem!important } .pt-lg-3 { padding-top: 1rem!important } .pt-lg-4 { padding-top: 1.5rem!important } .pt-lg-5 { padding-top: 3rem!important } .pe-lg-0 { padding-right: 0!important } .pe-lg-1 { padding-right: .25rem!important } .pe-lg-2 { padding-right: .5rem!important } .pe-lg-3 { padding-right: 1rem!important } .pe-lg-4 { padding-right: 1.5rem!important } .pe-lg-5 { padding-right: 3rem!important } .pb-lg-0 { padding-bottom: 0!important } .pb-lg-1 { padding-bottom: .25rem!important } .pb-lg-2 { padding-bottom: .5rem!important } .pb-lg-3 { padding-bottom: 1rem!important } .pb-lg-4 { padding-bottom: 1.5rem!important } .pb-lg-5 { padding-bottom: 3rem!important } .ps-lg-0 { padding-left: 0!important } .ps-lg-1 { padding-left: .25rem!important } .ps-lg-2 { padding-left: .5rem!important } .ps-lg-3 { padding-left: 1rem!important } .ps-lg-4 { padding-left: 1.5rem!important } .ps-lg-5 { padding-left: 3rem!important } .text-lg-start { text-align: left!important } .text-lg-end { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width:1200px) { .float-xl-start { float: left!important } .float-xl-end { float: right!important } .float-xl-none { float: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-grid { display: grid!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: flex!important } .d-xl-inline-flex { display: inline-flex!important } .d-xl-none { display: none!important } .flex-xl-fill { flex: 1 1 auto!important } .flex-xl-row { flex-direction: row!important } .flex-xl-column { flex-direction: column!important } .flex-xl-row-reverse { flex-direction: row-reverse!important } .flex-xl-column-reverse { flex-direction: column-reverse!important } .flex-xl-grow-0 { flex-grow: 0!important } .flex-xl-grow-1 { flex-grow: 1!important } .flex-xl-shrink-0 { flex-shrink: 0!important } .flex-xl-shrink-1 { flex-shrink: 1!important } .flex-xl-wrap { flex-wrap: wrap!important } .flex-xl-nowrap { flex-wrap: nowrap!important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-xl-0 { gap: 0!important } .gap-xl-1 { gap: .25rem!important } .gap-xl-2 { gap: .5rem!important } .gap-xl-3 { gap: 1rem!important } .gap-xl-4 { gap: 1.5rem!important } .gap-xl-5 { gap: 3rem!important } .justify-content-xl-start { justify-content: flex-start!important } .justify-content-xl-end { justify-content: flex-end!important } .justify-content-xl-center { justify-content: center!important } .justify-content-xl-between { justify-content: space-between!important } .justify-content-xl-around { justify-content: space-around!important } .justify-content-xl-evenly { justify-content: space-evenly!important } .align-items-xl-start { align-items: flex-start!important } .align-items-xl-end { align-items: flex-end!important } .align-items-xl-center { align-items: center!important } .align-items-xl-baseline { align-items: baseline!important } .align-items-xl-stretch { align-items: stretch!important } .align-content-xl-start { align-content: flex-start!important } .align-content-xl-end { align-content: flex-end!important } .align-content-xl-center { align-content: center!important } .align-content-xl-between { align-content: space-between!important } .align-content-xl-around { align-content: space-around!important } .align-content-xl-stretch { align-content: stretch!important } .align-self-xl-auto { align-self: auto!important } .align-self-xl-start { align-self: flex-start!important } .align-self-xl-end { align-self: flex-end!important } .align-self-xl-center { align-self: center!important } .align-self-xl-baseline { align-self: baseline!important } .align-self-xl-stretch { align-self: stretch!important } .order-xl-first { order: -1!important } .order-xl-0 { order: 0!important } .order-xl-1 { order: 1!important } .order-xl-2 { order: 2!important } .order-xl-3 { order: 3!important } .order-xl-4 { order: 4!important } .order-xl-5 { order: 5!important } .order-xl-last { order: 6!important } .m-xl-0 { margin: 0!important } .m-xl-1 { margin: .25rem!important } .m-xl-2 { margin: .5rem!important } .m-xl-3 { margin: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .m-xl-auto { margin: auto!important } .mx-xl-0 { margin-right: 0!important; margin-left: 0!important } .mx-xl-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-xl-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-xl-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-xl-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-xl-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-xl-auto { margin-right: auto!important; margin-left: auto!important } .my-xl-0 { margin-top: 0!important; margin-bottom: 0!important } .my-xl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-xl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-xl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-xl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-xl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-xl-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-xl-0 { margin-top: 0!important } .mt-xl-1 { margin-top: .25rem!important } .mt-xl-2 { margin-top: .5rem!important } .mt-xl-3 { margin-top: 1rem!important } .mt-xl-4 { margin-top: 1.5rem!important } .mt-xl-5 { margin-top: 3rem!important } .mt-xl-auto { margin-top: auto!important } .me-xl-0 { margin-right: 0!important } .me-xl-1 { margin-right: .25rem!important } .me-xl-2 { margin-right: .5rem!important } .me-xl-3 { margin-right: 1rem!important } .me-xl-4 { margin-right: 1.5rem!important } .me-xl-5 { margin-right: 3rem!important } .me-xl-auto { margin-right: auto!important } .mb-xl-0 { margin-bottom: 0!important } .mb-xl-1 { margin-bottom: .25rem!important } .mb-xl-2 { margin-bottom: .5rem!important } .mb-xl-3 { margin-bottom: 1rem!important } .mb-xl-4 { margin-bottom: 1.5rem!important } .mb-xl-5 { margin-bottom: 3rem!important } .mb-xl-auto { margin-bottom: auto!important } .ms-xl-0 { margin-left: 0!important } .ms-xl-1 { margin-left: .25rem!important } .ms-xl-2 { margin-left: .5rem!important } .ms-xl-3 { margin-left: 1rem!important } .ms-xl-4 { margin-left: 1.5rem!important } .ms-xl-5 { margin-left: 3rem!important } .ms-xl-auto { margin-left: auto!important } .p-xl-0 { padding: 0!important } .p-xl-1 { padding: .25rem!important } .p-xl-2 { padding: .5rem!important } .p-xl-3 { padding: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .px-xl-0 { padding-right: 0!important; padding-left: 0!important } .px-xl-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-xl-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-xl-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-xl-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-xl-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-xl-0 { padding-top: 0!important; padding-bottom: 0!important } .py-xl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-xl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-xl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-xl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-xl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-xl-0 { padding-top: 0!important } .pt-xl-1 { padding-top: .25rem!important } .pt-xl-2 { padding-top: .5rem!important } .pt-xl-3 { padding-top: 1rem!important } .pt-xl-4 { padding-top: 1.5rem!important } .pt-xl-5 { padding-top: 3rem!important } .pe-xl-0 { padding-right: 0!important } .pe-xl-1 { padding-right: .25rem!important } .pe-xl-2 { padding-right: .5rem!important } .pe-xl-3 { padding-right: 1rem!important } .pe-xl-4 { padding-right: 1.5rem!important } .pe-xl-5 { padding-right: 3rem!important } .pb-xl-0 { padding-bottom: 0!important } .pb-xl-1 { padding-bottom: .25rem!important } .pb-xl-2 { padding-bottom: .5rem!important } .pb-xl-3 { padding-bottom: 1rem!important } .pb-xl-4 { padding-bottom: 1.5rem!important } .pb-xl-5 { padding-bottom: 3rem!important } .ps-xl-0 { padding-left: 0!important } .ps-xl-1 { padding-left: .25rem!important } .ps-xl-2 { padding-left: .5rem!important } .ps-xl-3 { padding-left: 1rem!important } .ps-xl-4 { padding-left: 1.5rem!important } .ps-xl-5 { padding-left: 3rem!important } .text-xl-start { text-align: left!important } .text-xl-end { text-align: right!important } .text-xl-center { text-align: center!important } } @media (min-width:1400px) { .float-xxl-start { float: left!important } .float-xxl-end { float: right!important } .float-xxl-none { float: none!important } .d-xxl-inline { display: inline!important } .d-xxl-inline-block { display: inline-block!important } .d-xxl-block { display: block!important } .d-xxl-grid { display: grid!important } .d-xxl-table { display: table!important } .d-xxl-table-row { display: table-row!important } .d-xxl-table-cell { display: table-cell!important } .d-xxl-flex { display: flex!important } .d-xxl-inline-flex { display: inline-flex!important } .d-xxl-none { display: none!important } .flex-xxl-fill { flex: 1 1 auto!important } .flex-xxl-row { flex-direction: row!important } .flex-xxl-column { flex-direction: column!important } .flex-xxl-row-reverse { flex-direction: row-reverse!important } .flex-xxl-column-reverse { flex-direction: column-reverse!important } .flex-xxl-grow-0 { flex-grow: 0!important } .flex-xxl-grow-1 { flex-grow: 1!important } .flex-xxl-shrink-0 { flex-shrink: 0!important } .flex-xxl-shrink-1 { flex-shrink: 1!important } .flex-xxl-wrap { flex-wrap: wrap!important } .flex-xxl-nowrap { flex-wrap: nowrap!important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-xxl-0 { gap: 0!important } .gap-xxl-1 { gap: .25rem!important } .gap-xxl-2 { gap: .5rem!important } .gap-xxl-3 { gap: 1rem!important } .gap-xxl-4 { gap: 1.5rem!important } .gap-xxl-5 { gap: 3rem!important } .justify-content-xxl-start { justify-content: flex-start!important } .justify-content-xxl-end { justify-content: flex-end!important } .justify-content-xxl-center { justify-content: center!important } .justify-content-xxl-between { justify-content: space-between!important } .justify-content-xxl-around { justify-content: space-around!important } .justify-content-xxl-evenly { justify-content: space-evenly!important } .align-items-xxl-start { align-items: flex-start!important } .align-items-xxl-end { align-items: flex-end!important } .align-items-xxl-center { align-items: center!important } .align-items-xxl-baseline { align-items: baseline!important } .align-items-xxl-stretch { align-items: stretch!important } .align-content-xxl-start { align-content: flex-start!important } .align-content-xxl-end { align-content: flex-end!important } .align-content-xxl-center { align-content: center!important } .align-content-xxl-between { align-content: space-between!important } .align-content-xxl-around { align-content: space-around!important } .align-content-xxl-stretch { align-content: stretch!important } .align-self-xxl-auto { align-self: auto!important } .align-self-xxl-start { align-self: flex-start!important } .align-self-xxl-end { align-self: flex-end!important } .align-self-xxl-center { align-self: center!important } .align-self-xxl-baseline { align-self: baseline!important } .align-self-xxl-stretch { align-self: stretch!important } .order-xxl-first { order: -1!important } .order-xxl-0 { order: 0!important } .order-xxl-1 { order: 1!important } .order-xxl-2 { order: 2!important } .order-xxl-3 { order: 3!important } .order-xxl-4 { order: 4!important } .order-xxl-5 { order: 5!important } .order-xxl-last { order: 6!important } .m-xxl-0 { margin: 0!important } .m-xxl-1 { margin: .25rem!important } .m-xxl-2 { margin: .5rem!important } .m-xxl-3 { margin: 1rem!important } .m-xxl-4 { margin: 1.5rem!important } .m-xxl-5 { margin: 3rem!important } .m-xxl-auto { margin: auto!important } .mx-xxl-0 { margin-right: 0!important; margin-left: 0!important } .mx-xxl-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-xxl-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-xxl-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-xxl-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-xxl-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-xxl-auto { margin-right: auto!important; margin-left: auto!important } .my-xxl-0 { margin-top: 0!important; margin-bottom: 0!important } .my-xxl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-xxl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-xxl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-xxl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-xxl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-xxl-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-xxl-0 { margin-top: 0!important } .mt-xxl-1 { margin-top: .25rem!important } .mt-xxl-2 { margin-top: .5rem!important } .mt-xxl-3 { margin-top: 1rem!important } .mt-xxl-4 { margin-top: 1.5rem!important } .mt-xxl-5 { margin-top: 3rem!important } .mt-xxl-auto { margin-top: auto!important } .me-xxl-0 { margin-right: 0!important } .me-xxl-1 { margin-right: .25rem!important } .me-xxl-2 { margin-right: .5rem!important } .me-xxl-3 { margin-right: 1rem!important } .me-xxl-4 { margin-right: 1.5rem!important } .me-xxl-5 { margin-right: 3rem!important } .me-xxl-auto { margin-right: auto!important } .mb-xxl-0 { margin-bottom: 0!important } .mb-xxl-1 { margin-bottom: .25rem!important } .mb-xxl-2 { margin-bottom: .5rem!important } .mb-xxl-3 { margin-bottom: 1rem!important } .mb-xxl-4 { margin-bottom: 1.5rem!important } .mb-xxl-5 { margin-bottom: 3rem!important } .mb-xxl-auto { margin-bottom: auto!important } .ms-xxl-0 { margin-left: 0!important } .ms-xxl-1 { margin-left: .25rem!important } .ms-xxl-2 { margin-left: .5rem!important } .ms-xxl-3 { margin-left: 1rem!important } .ms-xxl-4 { margin-left: 1.5rem!important } .ms-xxl-5 { margin-left: 3rem!important } .ms-xxl-auto { margin-left: auto!important } .p-xxl-0 { padding: 0!important } .p-xxl-1 { padding: .25rem!important } .p-xxl-2 { padding: .5rem!important } .p-xxl-3 { padding: 1rem!important } .p-xxl-4 { padding: 1.5rem!important } .p-xxl-5 { padding: 3rem!important } .px-xxl-0 { padding-right: 0!important; padding-left: 0!important } .px-xxl-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-xxl-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-xxl-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-xxl-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-xxl-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-xxl-0 { padding-top: 0!important; padding-bottom: 0!important } .py-xxl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-xxl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-xxl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-xxl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-xxl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-xxl-0 { padding-top: 0!important } .pt-xxl-1 { padding-top: .25rem!important } .pt-xxl-2 { padding-top: .5rem!important } .pt-xxl-3 { padding-top: 1rem!important } .pt-xxl-4 { padding-top: 1.5rem!important } .pt-xxl-5 { padding-top: 3rem!important } .pe-xxl-0 { padding-right: 0!important } .pe-xxl-1 { padding-right: .25rem!important } .pe-xxl-2 { padding-right: .5rem!important } .pe-xxl-3 { padding-right: 1rem!important } .pe-xxl-4 { padding-right: 1.5rem!important } .pe-xxl-5 { padding-right: 3rem!important } .pb-xxl-0 { padding-bottom: 0!important } .pb-xxl-1 { padding-bottom: .25rem!important } .pb-xxl-2 { padding-bottom: .5rem!important } .pb-xxl-3 { padding-bottom: 1rem!important } .pb-xxl-4 { padding-bottom: 1.5rem!important } .pb-xxl-5 { padding-bottom: 3rem!important } .ps-xxl-0 { padding-left: 0!important } .ps-xxl-1 { padding-left: .25rem!important } .ps-xxl-2 { padding-left: .5rem!important } .ps-xxl-3 { padding-left: 1rem!important } .ps-xxl-4 { padding-left: 1.5rem!important } .ps-xxl-5 { padding-left: 3rem!important } .text-xxl-start { text-align: left!important } .text-xxl-end { text-align: right!important } .text-xxl-center { text-align: center!important } } @media (min-width:1200px) { .fs-1 { font-size: 2.5rem!important } .fs-2 { font-size: 2rem!important } .fs-3 { font-size: 1.75rem!important } .fs-4 { font-size: 1.5rem!important } } @media print { .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-grid { display: grid!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: flex!important } .d-print-inline-flex { display: inline-flex!important } .d-print-none { display: none!important } } /*# sourceMappingURL=bootstrap.min.css.map */ /*--------------------------------------------------------------- 2. Slick Slider ---------------------------------------------------------------*/ /* Slick Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } /*--------------------------------------------------------------- 3. Animate css ---------------------------------------------------------------*/ /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); animation-timing-function:cubic-bezier(.215, .61, .355, 1); transform:translateZ(0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -15px, 0); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); animation-timing-function:cubic-bezier(.215, .61, .355, 1); transform:translateZ(0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -15px, 0); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, to { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 0%, 50%, to { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes pulse { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes headShake { 0% { -webkit-transform:translateX(0); transform:translateX(0) } 6.5% { -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg) } 50% { -webkit-transform:translateX(0); transform:translateX(0) } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out } @-webkit-keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform:rotate(0deg); transform:rotate(0deg) } } @keyframes swing { 20% { -webkit-transform:rotate(15deg); transform:rotate(15deg) } 40% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 60% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } 80% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform:rotate(0deg); transform:rotate(0deg) } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center } @-webkit-keyframes tada { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } @keyframes tada { 0% { -webkit-transform:scaleX(1); transform:scaleX(1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform:scaleX(1); transform:scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes wobble { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform:translateZ(0); transform:translateZ(0) } 22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform:scale(1); transform:scale(1) } 14% { -webkit-transform:scale(1.3); transform:scale(1.3) } 28% { -webkit-transform:scale(1); transform:scale(1) } 42% { -webkit-transform:scale(1.3); transform:scale(1.3) } 70% { -webkit-transform:scale(1); transform:scale(1) } } @keyframes heartBeat { 0% { -webkit-transform:scale(1); transform:scale(1) } 14% { -webkit-transform:scale(1.3); transform:scale(1.3) } 28% { -webkit-transform:scale(1); transform:scale(1) } 42% { -webkit-transform:scale(1.3); transform:scale(1.3) } 70% { -webkit-transform:scale(1); transform:scale(1) } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { -webkit-transform:scale3d(1.03, 1.03, 1.03); opacity:1; transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { -webkit-transform:scaleX(1); opacity:1; transform:scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { -webkit-transform:scale3d(1.03, 1.03, 1.03); opacity:1; transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { -webkit-transform:scaleX(1); opacity:1; transform:scaleX(1) } } .bounceIn { -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn; animation-duration: .75s; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(0, -3000px, 0); opacity:0; transform:translate3d(0, -3000px, 0) } 60% { -webkit-transform:translate3d(0, 25px, 0); opacity:1; transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(0, -3000px, 0); opacity:0; transform:translate3d(0, -3000px, 0) } 60% { -webkit-transform:translate3d(0, 25px, 0); opacity:1; transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(-3000px, 0, 0); opacity:0; transform:translate3d(-3000px, 0, 0) } 60% { -webkit-transform:translate3d(25px, 0, 0); opacity:1; transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(-3000px, 0, 0); opacity:0; transform:translate3d(-3000px, 0, 0) } 60% { -webkit-transform:translate3d(25px, 0, 0); opacity:1; transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(3000px, 0, 0); opacity:0; transform:translate3d(3000px, 0, 0) } 60% { -webkit-transform:translate3d(-25px, 0, 0); opacity:1; transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(3000px, 0, 0); opacity:0; transform:translate3d(3000px, 0, 0) } 60% { -webkit-transform:translate3d(-25px, 0, 0); opacity:1; transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(0, 3000px, 0); opacity:0; transform:translate3d(0, 3000px, 0) } 60% { -webkit-transform:translate3d(0, -20px, 0); opacity:1; transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform:translate3d(0, 3000px, 0); opacity:0; transform:translate3d(0, 3000px, 0) } 60% { -webkit-transform:translate3d(0, -20px, 0); opacity:1; transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { -webkit-transform:scale3d(1.1, 1.1, 1.1); opacity:1; transform:scale3d(1.1, 1.1, 1.1) } to { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { -webkit-transform:scale3d(1.1, 1.1, 1.1); opacity:1; transform:scale3d(1.1, 1.1, 1.1) } to { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-duration: .75s; -webkit-animation-name: bounceOut; animation-duration: .75s; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { -webkit-transform:translate3d(0, -20px, 0); opacity:1; transform:translate3d(0, -20px, 0) } to { -webkit-transform:translate3d(0, 2000px, 0); opacity:0; transform:translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { -webkit-transform:translate3d(0, -20px, 0); opacity:1; transform:translate3d(0, -20px, 0) } to { -webkit-transform:translate3d(0, 2000px, 0); opacity:0; transform:translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform:translate3d(20px, 0, 0); opacity:1; transform:translate3d(20px, 0, 0) } to { -webkit-transform:translate3d(-2000px, 0, 0); opacity:0; transform:translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { -webkit-transform:translate3d(20px, 0, 0); opacity:1; transform:translate3d(20px, 0, 0) } to { -webkit-transform:translate3d(-2000px, 0, 0); opacity:0; transform:translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform:translate3d(-20px, 0, 0); opacity:1; transform:translate3d(-20px, 0, 0) } to { -webkit-transform:translate3d(2000px, 0, 0); opacity:0; transform:translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { -webkit-transform:translate3d(-20px, 0, 0); opacity:1; transform:translate3d(-20px, 0, 0) } to { -webkit-transform:translate3d(2000px, 0, 0); opacity:0; transform:translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { -webkit-transform:translate3d(0, 20px, 0); opacity:1; transform:translate3d(0, 20px, 0) } to { -webkit-transform:translate3d(0, -2000px, 0); opacity:0; transform:translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { -webkit-transform:translate3d(0, 20px, 0); opacity:1; transform:translate3d(0, 20px, 0) } to { -webkit-transform:translate3d(0, -2000px, 0); opacity:0; transform:translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } to { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } to { opacity:1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); opacity:0; transform:translate3d(0, -100%, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); opacity:0; transform:translate3d(0, -100%, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform:translate3d(0, -2000px, 0); opacity:0; transform:translate3d(0, -2000px, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInDownBig { 0% { -webkit-transform:translate3d(0, -2000px, 0); opacity:0; transform:translate3d(0, -2000px, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); opacity:0; transform:translate3d(-100%, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); opacity:0; transform:translate3d(-100%, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform:translate3d(-2000px, 0, 0); opacity:0; transform:translate3d(-2000px, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInLeftBig { 0% { -webkit-transform:translate3d(-2000px, 0, 0); opacity:0; transform:translate3d(-2000px, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); opacity:0; transform:translate3d(100%, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); opacity:0; transform:translate3d(100%, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform:translate3d(2000px, 0, 0); opacity:0; transform:translate3d(2000px, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInRightBig { 0% { -webkit-transform:translate3d(2000px, 0, 0); opacity:0; transform:translate3d(2000px, 0, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); opacity:0; transform:translate3d(0, 100%, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); opacity:0; transform:translate3d(0, 100%, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform:translate3d(0, 2000px, 0); opacity:0; transform:translate3d(0, 2000px, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes fadeInUpBig { 0% { -webkit-transform:translate3d(0, 2000px, 0); opacity:0; transform:translate3d(0, 2000px, 0) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } to { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } to { opacity:0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } to { -webkit-transform:translate3d(0, 100%, 0); opacity:0; transform:translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity:1 } to { -webkit-transform:translate3d(0, 100%, 0); opacity:0; transform:translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1 } to { -webkit-transform:translate3d(0, 2000px, 0); opacity:0; transform:translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity:1 } to { -webkit-transform:translate3d(0, 2000px, 0); opacity:0; transform:translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1 } to { -webkit-transform:translate3d(-100%, 0, 0); opacity:0; transform:translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity:1 } to { -webkit-transform:translate3d(-100%, 0, 0); opacity:0; transform:translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1 } to { -webkit-transform:translate3d(-2000px, 0, 0); opacity:0; transform:translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity:1 } to { -webkit-transform:translate3d(-2000px, 0, 0); opacity:0; transform:translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0); opacity:0; transform:translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0); opacity:0; transform:translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1 } to { -webkit-transform:translate3d(2000px, 0, 0); opacity:0; transform:translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity:1 } to { -webkit-transform:translate3d(2000px, 0, 0); opacity:0; transform:translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1 } to { -webkit-transform:translate3d(0, -100%, 0); opacity:0; transform:translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity:1 } to { -webkit-transform:translate3d(0, -100%, 0); opacity:0; transform:translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1 } to { -webkit-transform:translate3d(0, -2000px, 0); opacity:0; transform:translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity:1 } to { -webkit-transform:translate3d(0, -2000px, 0); opacity:0; transform:translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function:ease-out; transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function:ease-out; transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function:ease-in; transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function:ease-in; transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function:ease-in; transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } @keyframes flip { 0% { -webkit-animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function:ease-out; transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function:ease-out; transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function:ease-in; transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function:ease-in; transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function:ease-in; transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible } @-webkit-keyframes flipInX { 0% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(90deg); animation-timing-function:ease-in; opacity:0; transform:perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); animation-timing-function:ease-in; transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); opacity:1; transform:perspective(400px) rotateX(10deg) } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(90deg); animation-timing-function:ease-in; opacity:0; transform:perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); animation-timing-function:ease-in; transform:perspective(400px) rotateX(-20deg) } 60% { -webkit-transform:perspective(400px) rotateX(10deg); opacity:1; transform:perspective(400px) rotateX(10deg) } 80% { -webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible!important; animation-name: flipInX; backface-visibility: visible!important } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(90deg); animation-timing-function:ease-in; opacity:0; transform:perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); animation-timing-function:ease-in; transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); opacity:1; transform:perspective(400px) rotateY(10deg) } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(90deg); animation-timing-function:ease-in; opacity:0; transform:perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); animation-timing-function:ease-in; transform:perspective(400px) rotateY(-20deg) } 60% { -webkit-transform:perspective(400px) rotateY(10deg); opacity:1; transform:perspective(400px) rotateY(10deg) } 80% { -webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg) } to { -webkit-transform:perspective(400px); transform:perspective(400px) } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible!important; animation-name: flipInY; backface-visibility: visible!important } @-webkit-keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); opacity:1; transform:perspective(400px) rotateX(-20deg) } to { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0; transform:perspective(400px) rotateX(90deg) } } @keyframes flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateX(-20deg); opacity:1; transform:perspective(400px) rotateX(-20deg) } to { -webkit-transform:perspective(400px) rotateX(90deg); opacity:0; transform:perspective(400px) rotateX(90deg) } } .flipOutX { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; animation-duration: .75s; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); opacity:1; transform:perspective(400px) rotateY(-15deg) } to { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0; transform:perspective(400px) rotateY(90deg) } } @keyframes flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotateY(-15deg); opacity:1; transform:perspective(400px) rotateY(-15deg) } to { -webkit-transform:perspective(400px) rotateY(90deg); opacity:0; transform:perspective(400px) rotateY(90deg) } } .flipOutY { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible!important; animation-duration: .75s; animation-name: flipOutY; backface-visibility: visible!important } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0; transform:translate3d(100%, 0, 0) skewX(-30deg) } 60% { -webkit-transform:skewX(20deg); opacity:1; transform:skewX(20deg) } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes lightSpeedIn { 0% { -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); opacity:0; transform:translate3d(100%, 0, 0) skewX(-30deg) } 60% { -webkit-transform:skewX(20deg); opacity:1; transform:skewX(20deg) } 80% { -webkit-transform:skewX(-5deg); transform:skewX(-5deg) } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0; transform:translate3d(100%, 0, 0) skewX(30deg) } } @keyframes lightSpeedOut { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0; transform:translate3d(100%, 0, 0) skewX(30deg) } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform:rotate(-200deg); -webkit-transform-origin:center; opacity:0; transform:rotate(-200deg); transform-origin:center } to { -webkit-transform:translateZ(0); -webkit-transform-origin:center; opacity:1; transform:translateZ(0); transform-origin:center } } @keyframes rotateIn { 0% { -webkit-transform:rotate(-200deg); -webkit-transform-origin:center; opacity:0; transform:rotate(-200deg); transform-origin:center } to { -webkit-transform:translateZ(0); -webkit-transform-origin:center; opacity:1; transform:translateZ(0); transform-origin:center } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform:rotate(-45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(-45deg); transform-origin:left bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:left bottom; opacity:1; transform:translateZ(0); transform-origin:left bottom } } @keyframes rotateInDownLeft { 0% { -webkit-transform:rotate(-45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(-45deg); transform-origin:left bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:left bottom; opacity:1; transform:translateZ(0); transform-origin:left bottom } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform:rotate(45deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(45deg); transform-origin:right bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:right bottom; opacity:1; transform:translateZ(0); transform-origin:right bottom } } @keyframes rotateInDownRight { 0% { -webkit-transform:rotate(45deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(45deg); transform-origin:right bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:right bottom; opacity:1; transform:translateZ(0); transform-origin:right bottom } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform:rotate(45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(45deg); transform-origin:left bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:left bottom; opacity:1; transform:translateZ(0); transform-origin:left bottom } } @keyframes rotateInUpLeft { 0% { -webkit-transform:rotate(45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(45deg); transform-origin:left bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:left bottom; opacity:1; transform:translateZ(0); transform-origin:left bottom } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform:rotate(-90deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(-90deg); transform-origin:right bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:right bottom; opacity:1; transform:translateZ(0); transform-origin:right bottom } } @keyframes rotateInUpRight { 0% { -webkit-transform:rotate(-90deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(-90deg); transform-origin:right bottom } to { -webkit-transform:translateZ(0); -webkit-transform-origin:right bottom; opacity:1; transform:translateZ(0); transform-origin:right bottom } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin:center; opacity:1; transform-origin:center } to { -webkit-transform:rotate(200deg); -webkit-transform-origin:center; opacity:0; transform:rotate(200deg); transform-origin:center } } @keyframes rotateOut { 0% { -webkit-transform-origin:center; opacity:1; transform-origin:center } to { -webkit-transform:rotate(200deg); -webkit-transform-origin:center; opacity:0; transform:rotate(200deg); transform-origin:center } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; opacity:1; transform-origin:left bottom } to { -webkit-transform:rotate(45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(45deg); transform-origin:left bottom } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin:left bottom; opacity:1; transform-origin:left bottom } to { -webkit-transform:rotate(45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(45deg); transform-origin:left bottom } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; opacity:1; transform-origin:right bottom } to { -webkit-transform:rotate(-45deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(-45deg); transform-origin:right bottom } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin:right bottom; opacity:1; transform-origin:right bottom } to { -webkit-transform:rotate(-45deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(-45deg); transform-origin:right bottom } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; opacity:1; transform-origin:left bottom } to { -webkit-transform:rotate(-45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(-45deg); transform-origin:left bottom } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin:left bottom; opacity:1; transform-origin:left bottom } to { -webkit-transform:rotate(-45deg); -webkit-transform-origin:left bottom; opacity:0; transform:rotate(-45deg); transform-origin:left bottom } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; opacity:1; transform-origin:right bottom } to { -webkit-transform:rotate(90deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(90deg); transform-origin:right bottom } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin:right bottom; opacity:1; transform-origin:right bottom } to { -webkit-transform:rotate(90deg); -webkit-transform-origin:right bottom; opacity:0; transform:rotate(90deg); transform-origin:right bottom } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function:ease-in-out; -webkit-transform-origin:top left; animation-timing-function:ease-in-out; transform-origin:top left } 20%, 60% { -webkit-animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); -webkit-transform-origin:top left; animation-timing-function:ease-in-out; transform:rotate(80deg); transform-origin:top left } 40%, 80% { -webkit-animation-timing-function:ease-in-out; -webkit-transform:rotate(60deg); -webkit-transform-origin:top left; animation-timing-function:ease-in-out; opacity:1; transform:rotate(60deg); transform-origin:top left } to { -webkit-transform:translate3d(0, 700px, 0); opacity:0; transform:translate3d(0, 700px, 0) } } @keyframes hinge { 0% { -webkit-animation-timing-function:ease-in-out; -webkit-transform-origin:top left; animation-timing-function:ease-in-out; transform-origin:top left } 20%, 60% { -webkit-animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); -webkit-transform-origin:top left; animation-timing-function:ease-in-out; transform:rotate(80deg); transform-origin:top left } 40%, 80% { -webkit-animation-timing-function:ease-in-out; -webkit-transform:rotate(60deg); -webkit-transform-origin:top left; animation-timing-function:ease-in-out; opacity:1; transform:rotate(60deg); transform-origin:top left } to { -webkit-transform:translate3d(0, 700px, 0); opacity:0; transform:translate3d(0, 700px, 0) } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge } @-webkit-keyframes jackInTheBox { 0% { -webkit-transform:scale(.1) rotate(30deg); -webkit-transform-origin:center bottom; opacity:0; transform:scale(.1) rotate(30deg); transform-origin:center bottom } 50% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 70% { -webkit-transform:rotate(3deg); transform:rotate(3deg) } to { -webkit-transform:scale(1); opacity:1; transform:scale(1) } } @keyframes jackInTheBox { 0% { -webkit-transform:scale(.1) rotate(30deg); -webkit-transform-origin:center bottom; opacity:0; transform:scale(.1) rotate(30deg); transform-origin:center bottom } 50% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } 70% { -webkit-transform:rotate(3deg); transform:rotate(3deg) } to { -webkit-transform:scale(1); opacity:1; transform:scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); opacity:0; transform:translate3d(-100%, 0, 0) rotate(-120deg) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } @keyframes rollIn { 0% { -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); opacity:0; transform:translate3d(-100%, 0, 0) rotate(-120deg) } to { -webkit-transform:translateZ(0); opacity:1; transform:translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); opacity:0; transform:translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity:1 } to { -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); opacity:0; transform:translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } to { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { -webkit-transform:scale3d(.3, .3, .3); opacity:0; transform:scale3d(.3, .3, .3) } to { opacity:0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin:center bottom } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin:center bottom } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity:1; transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; opacity:0; transform:scale(.1) translate3d(-2000px, 0, 0); transform-origin:left center } } @keyframes zoomOutLeft { 40% { -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity:1; transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; opacity:0; transform:scale(.1) translate3d(-2000px, 0, 0); transform-origin:left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity:1; transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { -webkit-transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; opacity:0; transform:scale(.1) translate3d(2000px, 0, 0); transform-origin:right center } } @keyframes zoomOutRight { 40% { -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity:1; transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { -webkit-transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; opacity:0; transform:scale(.1) translate3d(2000px, 0, 0); transform-origin:right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin:center bottom } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin:center bottom } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } to { -webkit-transform:translateZ(0); transform:translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:hidden } } @keyframes slideOutDown { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:hidden } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:hidden } } @keyframes slideOutLeft { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:hidden } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:hidden } } @keyframes slideOutRight { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:hidden } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:hidden } } @keyframes slideOutUp { 0% { -webkit-transform:translateZ(0); transform:translateZ(0) } to { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:hidden } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset!important; -webkit-transition: none!important; animation: unset!important; transition: none!important } } /*--------------------------------------------------------------- 4. Lightcase ---------------------------------------------------------------*/ /* * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * @author Cornel Boppart * @copyright Author * @version 2.5.0 (11/03/2018) */ @font-face { font-family: lightcase; src: url(../fonts/lightcase.eot); src: url(../fonts/lightcase.eot) format("embedded-opentype"), url(../fonts/lightcase.woff) format("woff"), url(../fonts/lightcase.ttf) format("truetype"), url(../fonts/lightcase.svg) format("svg"); font-weight: 400; font-style: normal } [class*=lightcase-icon-]:before { font-family: lightcase, sans-serif; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em } .lightcase-icon-play:before { content: '\e800' } .lightcase-icon-pause:before { content: '\e801' } .lightcase-icon-close:before { content: '\e802' } .lightcase-icon-prev:before { content: '\e803' } .lightcase-icon-next:before { content: '\e804' } .lightcase-icon-spin:before { content: '\e805' } @-webkit-keyframes lightcase-spin { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -o-transform:rotate(359deg); transform:rotate(359deg) } } @-moz-keyframes lightcase-spin { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -o-transform:rotate(359deg); transform:rotate(359deg) } } @-o-keyframes lightcase-spin { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -o-transform:rotate(359deg); transform:rotate(359deg) } } @-ms-keyframes lightcase-spin { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -o-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes lightcase-spin { 0% { -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } 100% { -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -o-transform:rotate(359deg); transform:rotate(359deg) } } #lightcase-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0,0,0,.5) } #lightcase-loading>span, a[class*=lightcase-icon-]>span { display: inline-block; text-indent: -9999px } @media screen and (min-width:641px) { html:not([data-lc-type=error]) #lightcase-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.5); -moz-box-shadow: 0 0 30px rgba(0,0,0,.5); -o-box-shadow: 0 0 30px rgba(0,0,0,.5); box-shadow: 0 0 30px rgba(0,0,0,.5); -webkit-backface-visibility: hidden } html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content { background-color: #333 } } html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content, html[data-lc-type=inline] #lightcase-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width:640px) { html[data-lc-type=ajax] #lightcase-case, html[data-lc-type=inline] #lightcase-case { position: fixed!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; margin: 0!important; padding: 55px 0 70px; width: 100%!important; height: 100%!important; overflow: auto!important } html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content, html[data-lc-type=inline] #lightcase-content { position: relative!important; top: auto!important; left: auto!important; width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; border: none!important; background: 0 0!important } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner { padding: 15px } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>* { width: 100%!important; max-width: none!important } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe), html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe) { height: auto!important; max-height: none!important } html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch } } @media screen and (max-width:640px) and (min-width:641px) { html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner { line-height: .75 } } html[data-lc-type=image] #lightcase-content .lightcase-contentInner { position: relative; overflow: hidden!important } @media screen and (max-width:640px) { html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { position: relative!important; top: auto!important; left: auto!important; width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; border: none!important; background: 0 0!important } #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { } } #lightcase-loading, a[class*=lightcase-icon-] { width: 1.123em; height: auto; line-height: 1; text-align: center; position: fixed } @media screen and (min-width:641px) { html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { } } #lightcase-case p.lightcase-error { margin: 0; font-size: 17px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width:640px) { #lightcase-case p.lightcase-error { padding: 30px 0 } } @media screen and (min-width:641px) { #lightcase-case p.lightcase-error { padding: 0 } } .lightcase-open body { overflow: hidden } .lightcase-isMobileDevice .lightcase-open body { max-width: 100%; max-height: 100% } #lightcase-info { position: absolute; padding-top: 15px } #lightcase-info #lightcase-caption, #lightcase-info #lightcase-title { margin: 0; padding: 0; line-height: 1.5; font-weight: 400; text-overflow: ellipsis } #lightcase-info #lightcase-title { font-size: 17px; } #lightcase-info #lightcase-caption { clear: both; font-size: 13px; } #lightcase-info #lightcase-sequenceInfo { font-size: 11px; } @media screen and (max-width:640px) { #lightcase-info #lightcase-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; background: #333 } .lightcase-fullScreenMode #lightcase-info { padding-left: 15px; padding-right: 15px } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info { position: static } } #lightcase-loading { z-index: 2001; top: 50%; left: 50%; margin-top: -.5em; margin-left: -.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: lightcase-spin .5s infinite linear; -moz-animation: lightcase-spin .5s infinite linear; -o-animation: lightcase-spin .5s infinite linear; animation: lightcase-spin .5s infinite linear } #lightcase-loading, #lightcase-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out .25s; -moz-transition: color, opacity, ease-in-out .25s; -o-transition: color, opacity, ease-in-out .25s; transition: color, opacity, ease-in-out .25s } a[class*=lightcase-icon-] { z-index: 9999; font-size: 38px; text-shadow: none; outline: 0; cursor: pointer } a[class*=lightcase-icon-], a[class*=lightcase-icon-]:focus { text-decoration: none; color: rgba(255,255,255,.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out .25s; -moz-transition: color, opacity, ease-in-out .25s; -o-transition: color, opacity, ease-in-out .25s; transition: color, opacity, ease-in-out .25s } a[class*=lightcase-icon-]:hover { color: #fff; text-shadow: 0 0 15px #fff } .lightcase-isMobileDevice a[class*=lightcase-icon-]:hover { text-shadow: none } a[class*=lightcase-icon-].lightcase-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: 0 } a[class*=lightcase-icon-].lightcase-icon-prev { left: 15px } a[class*=lightcase-icon-].lightcase-icon-next { right: 15px } a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play { left: 50%; margin-left: -.5em } @media screen and (max-width:640px) { a[class*=lightcase-icon-] { bottom: 15px; font-size: 24px } } @media screen and (min-width:641px) { a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play { opacity: 0 } a[class*=lightcase-icon-] { bottom: 50%; margin-bottom: -.5em } #lightcase-case:hover~a[class*=lightcase-icon-], a[class*=lightcase-icon-]:hover { opacity: 1 } } #lightcase-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333 } @media screen and (max-width:640px) { #lightcase-overlay { opacity: 1!important } } /*--------------------------------------------------------------- 5. Nice Select ---------------------------------------------------------------*/ .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: 400; height: 42px; line-height: 40px; outline: 0; padding-left: 18px; padding-right: 30px; position: relative; text-align: left!important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; min-width: 100%; } .nice-select:hover { border-color: #dbdbdb } .nice-select.open, .nice-select:active, .nice-select:focus { border-color: #999; width: 100%; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 5px } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none } .nice-select.disabled:after { border-color: #ccc } .nice-select.wide { width: 100% } .nice-select.wide .list { left: 0!important; right: 0!important } .nice-select.right { float: right } .nice-select.right .list { left: auto; right: 0 } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px } .nice-select.small:after { height: 4px; width: 4px } .nice-select.small .option { line-height: 34px; min-height: 34px } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68,68,68,.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.75) translateY(-21px); -ms-transform: scale(.75) translateY(-21px); transform: scale(.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; z-index: 9 } .nice-select .list:hover .option:not(:hover) { background-color: transparent!important } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: 0; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all .2s; transition: all .2s; font-size: 11pt;/*iman*/ } .nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover { background-color: #f6f6f6 } .nice-select .option.selected { font-weight: 600; /*iman*/ } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default } .no-csspointerevents .nice-select .list { display: none } .no-csspointerevents .nice-select.open .list { display: block } /*--------------------------------------------------------------- 6. jQuery UI ---------------------------------------------------------------*/ /*! jQuery UI - v1.11.4 - 2016-06-07 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default!important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; color: #222 } .ui-widget-content a { color: #222 } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x; color: #fff; font-weight: bold } .ui-widget-header a { color: #fff } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #2e6e9e } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1d5987 } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #1d5987; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x; font-weight: bold; color: #e17009 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fad42e; background: #fbec88; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_469bdd_256x240.png") } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_d8e7f3_256x240.png") } .ui-state-default .ui-icon { background-image: url("images/ui-icons_6da8d5_256x240.png") } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_217bc0_256x240.png") } .ui-state-active .ui-icon { background-image: url("images/ui-icons_f9bd01_256x240.png") } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png") } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png") } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 5px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 5px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 5px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 5px } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px } /*--------------------------------------------------------------- END ---------------------------------------------------------------*/ /* End Plugin */ /* Start Style */ /* Plugin FIles */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) } *, ::after, ::before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1em; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width: 1200px) { .h2, h2 { font-size: 1.75rem; } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } 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 } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal; font-size: 13pt; padding: 0.5em; } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width: 1200px) { legend { font-size: 1.5rem } } legend+* { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none!important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote>:last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer::before { content: "ÃÆââ‚ÃÃÃââ‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃÆÃÆÃÂÂÂÃâ€šÃ‚¢ÃƒÆ’ƒÆ’¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€ÅÃÃÆââââ‚ÂÂ¬Ãƒâ€¦Ã‚¡Ãƒâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡Ãƒâ€šÃ‚ÃÃÃÆâÃÂÂ¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒÆ’¢ÃÂÂÂÃÆâ€âââÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã…¾Ã‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬ÃâÃÂÃÃâââ€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ " } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 90%; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 90%; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto>* { flex: 0 0 auto; width: auto } .row-cols-1>* { flex: 0 0 auto; width: 100% } .row-cols-2>* { flex: 0 0 auto; width: 50% } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667% } @media (min-width: 576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width: 768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width: 992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667% } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667% } } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media (min-width: 576px) { .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width: 768px) { .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width: 992px) { .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width: 1200px) { .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width: 1400px) { .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6 } .table>:not(caption)>*>* { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table>tbody { vertical-align: inherit } .table>thead { vertical-align: bottom } .table>:not(:last-child)>:last-child>* { border-bottom-color: currentColor } .caption-top { caption-side: top } .table-sm>:not(caption)>*>* { padding: .25rem .25rem } .table-bordered>:not(caption)>* { border-width: 1px 0 } .table-bordered>:not(caption)>*>* { border-width: 0 1px } .table-borderless>:not(caption)>*>* { border-bottom-width: 0 } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .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 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end:.75rem;color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width:1px;border-radius: 0; 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 (prefers-reduced-motion:reduce) { .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end:.75rem;color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width:1px;border-radius: 0; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 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 (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; 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 { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + (.5rem + 2px)); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end:.5rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end:.5rem } .form-control-lg { min-height: calc(1.5em + (1rem + 2px)); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end:1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end:1rem } textarea.form-control { min-height: calc(1.5em + (.75rem + 2px)) } textarea.form-control-sm { min-height: calc(1.5em + (.5rem + 2px)) } textarea.form-control-lg { min-height: calc(1.5em + (1rem + 2px)) } .form-control-color { max-width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #e9ecef } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .btn-check:disabled+.btn, .btn-check[disabled]+.btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd } .form-floating { position: relative } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-floating>label { transition: none } } .form-floating>.form-control { padding: 1rem .75rem } .form-floating>.form-control::-moz-placeholder { color: transparent } .form-floating>.form-control::placeholder { color: transparent } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating>.form-control:-webkit-autofill~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem } .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25,135,84,.9); border-radius: .25rem } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { border-color: #198754; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color: #198754 } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #198754 } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #198754 } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #198754 } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1 } .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: #dc3545 } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: #dc3545 } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: #dc3545 } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2 } .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; 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 (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus+.btn, .btn:focus { outline: 0; } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca } .btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be } .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: #198754; border-color: #198754 } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43 } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f } .btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754 } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2 } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2 } .btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus+.btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37 } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd } .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #198754; border-color: #198754 } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:focus+.btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754 } .btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus+.btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107 } .btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus+.btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; 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; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 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[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position:start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position:start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position:start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position:start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position:start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; 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 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,.15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item { color: #dee2e6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255,255,255,.15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; flex: 1 1 auto } .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -1px } .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:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropstart .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 { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100% } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px } .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~.btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #0a58ca } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; 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; isolation: isolate } .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 { background: 0 0; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #0d6efd } .nav-fill .nav-item, .nav-fill>.nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified>.nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; 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 } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; 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; transition: box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { 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 .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .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,.55) } .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 .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.55) } .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 { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.55) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: flex; 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 { border-top: inherit; border-bottom: inherit } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; 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-footer { padding: .5rem 1rem; 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-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0 } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group>.card { margin-bottom: .75rem } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap } .card-group>.card { flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; outline: 0; } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: #fff; } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-body { padding: 0.5rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button { border-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; 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 (prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { 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 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .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 } .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: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered>li::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd } .list-group-item+.list-group-item { border-top-width: 0 } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal>.list-group-item.active { margin-top: 0 } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md>.list-group-item.active { margin-top: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush>.list-group-item { border-width: 0 0 1px } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); opacity: 1 } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: .25rem } .toast:not(.showing):not(.show) { opacity: 0 } .toast.hide { display: none } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container>:not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; 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; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer>* { margin: .25rem } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-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 .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; 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 { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-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; width: 1rem; height: .5rem } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[data-popper-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 #f0f0f0 } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0,0,0,.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .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: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) } } @keyframes spinner-border { to { transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .offcanvas { position: fixed; bottom: 0; z-index: 1050; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem } .offcanvas-header .btn-close { padding: .5rem .5rem; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: -.5rem } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%) } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0,0,0,.2); transform: translateX(100%) } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0,0,0,.2); transform: translateY(-100%) } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0,0,0,.2); transform: translateY(100%) } .offcanvas.show { transform: none } .clearfix::after { display: block; clear: both; content: "" } .link-primary { color: #0d6efd } .link-primary:focus, .link-primary:hover { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:focus, .link-secondary:hover { color: #565e64 } .link-success { color: #198754 } .link-success:focus, .link-success:hover { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .link-warning { color: #ffc107 } .link-warning:focus, .link-warning:hover { color: #ffcd39 } .link-danger { color: #dc3545 } .link-danger:focus, .link-danger:hover { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:focus, .link-light:hover { color: #f9fafb } .link-dark { color: #212529 } .link-dark:focus, .link-dark:hover { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%) } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%) } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%) } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .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 } .float-start { float: left!important } .float-end { float: right!important } .float-none { float: none!important } .overflow-auto { overflow: auto!important } .overflow-hidden { overflow: hidden!important } .overflow-visible { overflow: visible!important } .overflow-scroll { overflow: scroll!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-grid { display: grid!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: flex!important } .d-inline-flex { display: inline-flex!important } .d-none { display: none!important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important } .shadow-none { box-shadow: 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 } .top-0 { top: 0!important } .top-50 { top: 50%!important } .top-100 { top: 100%!important } .bottom-0 { bottom: 0!important } .bottom-50 { bottom: 50%!important } .bottom-100 { bottom: 100%!important } .start-0 { left: 0!important } .start-50 { left: 50%!important } .start-100 { left: 100%!important } .end-0 { right: 0!important } .end-50 { right: 50%!important } .end-100 { right: 100%!important } .translate-middle { transform: translate(-50%, -50%)!important } .translate-middle-x { transform: translateX(-50%)!important } .translate-middle-y { transform: translateY(-50%)!important } .border { border: 1px solid #dee2e6!important } .border-0 { border: 0!important } .border-top { border-top: 1px solid #dee2e6!important } .border-top-0 { border-top: 0!important } .border-end { border-right: 1px solid #dee2e6!important } .border-end-0 { border-right: 0!important } .border-bottom { border-bottom: 1px solid #dee2e6!important } .border-bottom-0 { border-bottom: 0!important } .border-start { border-left: 1px solid #dee2e6!important } .border-start-0 { border-left: 0!important } .border-primary { border-color: #0d6efd!important } .border-secondary { border-color: #6c757d!important } .border-success { border-color: #198754!important } .border-info { border-color: #0dcaf0!important } .border-warning { border-color: #ffc107!important } .border-danger { border-color: #dc3545!important } .border-light { border-color: #f8f9fa!important } .border-dark { border-color: #212529!important } .border-white { border-color: #fff!important } .border-1 { border-width: 1px!important } .border-2 { border-width: 2px!important } .border-3 { border-width: 3px!important } .border-4 { border-width: 4px!important } .border-5 { border-width: 5px!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 } .mw-100 { max-width: 100%!important } .vw-100 { width: 100vw!important } .min-vw-100 { min-width: 100vw!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 } .mh-100 { max-height: 100%!important } .vh-100 { height: 100vh!important } .min-vh-100 { min-height: 100vh!important } .flex-fill { flex: 1 1 auto!important } .flex-row { flex-direction: row!important } .flex-column { flex-direction: column!important } .flex-row-reverse { flex-direction: row-reverse!important } .flex-column-reverse { flex-direction: column-reverse!important } .flex-grow-0 { flex-grow: 0!important } .flex-grow-1 { flex-grow: 1!important } .flex-shrink-0 { flex-shrink: 0!important } .flex-shrink-1 { flex-shrink: 1!important } .flex-wrap { flex-wrap: wrap!important } .flex-nowrap { flex-wrap: nowrap!important } .flex-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-0 { gap: 0!important } .gap-1 { gap: .25rem!important } .gap-2 { gap: .5rem!important } .gap-3 { gap: 1rem!important } .gap-4 { gap: 1.5rem!important } .gap-5 { gap: 3rem!important } .justify-content-start { justify-content: flex-start!important } .justify-content-end { justify-content: flex-end!important } .justify-content-center { justify-content: center!important } .justify-content-between { justify-content: space-between!important } .justify-content-around { justify-content: space-around!important } .justify-content-evenly { justify-content: space-evenly!important } .align-items-start { align-items: flex-start!important } .align-items-end { align-items: flex-end!important } .align-items-center { align-items: center!important } .align-items-baseline { align-items: baseline!important } .align-items-stretch { align-items: stretch!important } .align-content-start { align-content: flex-start!important } .align-content-end { align-content: flex-end!important } .align-content-center { align-content: center!important } .align-content-between { align-content: space-between!important } .align-content-around { align-content: space-around!important } .align-content-stretch { align-content: stretch!important } .align-self-auto { align-self: auto!important } .align-self-start { align-self: flex-start!important } .align-self-end { align-self: flex-end!important } .align-self-center { align-self: center!important } .align-self-baseline { align-self: baseline!important } .align-self-stretch { align-self: stretch!important } .order-first { order: -1!important } .order-0 { order: 0!important } .order-1 { order: 1!important } .order-2 { order: 2!important } .order-3 { order: 3!important } .order-4 { order: 4!important } .order-5 { order: 5!important } .order-last { order: 6!important } .m-0 { margin: 0!important } .m-1 { margin: .25rem!important } .m-2 { margin: .5rem!important } .m-3 { margin: 1rem!important } .m-4 { margin: 1.5rem!important } .m-5 { margin: 3rem!important } .m-auto { margin: auto!important } .mx-0 { margin-right: 0!important; margin-left: 0!important } .mx-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-auto { margin-right: auto!important; margin-left: auto!important } .my-0 { margin-top: 0!important; margin-bottom: 0!important } .my-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-0 { margin-top: 0!important } .mt-1 { margin-top: .25rem!important } .mt-2 { margin-top: .5rem!important } .mt-3 { margin-top: 1rem!important } .mt-4 { margin-top: 1.5rem!important } .mt-5 { margin-top: 3rem!important } .mt-auto { margin-top: auto!important } .me-0 { margin-right: 0!important } .me-1 { margin-right: .25rem!important } .me-2 { margin-right: .5rem!important } .me-3 { margin-right: 1rem!important } .me-4 { margin-right: 1.5rem!important } .me-5 { margin-right: 3rem!important } .me-auto { margin-right: auto!important } .mb-0 { margin-bottom: 0!important } .mb-1 { margin-bottom: .25rem!important } .mb-2 { margin-bottom: .5rem!important } .mb-3 { margin-bottom: 1rem!important } .mb-4 { margin-bottom: 1.5rem!important } .mb-5 { margin-bottom: 3rem!important } .mb-auto { margin-bottom: auto!important } .ms-0 { margin-left: 0!important } .ms-1 { margin-left: .25rem!important } .ms-2 { margin-left: .5rem!important } .ms-3 { margin-left: 1rem!important } .ms-4 { margin-left: 1.5rem!important } .ms-5 { margin-left: 3rem!important } .ms-auto { margin-left: auto!important } .p-0 { padding: 0!important } .p-1 { padding: .25rem!important } .p-2 { padding: .5rem!important } .p-3 { padding: 1rem!important } .p-4 { padding: 1.5rem!important } .p-5 { padding: 3rem!important } .px-0 { padding-right: 0!important; padding-left: 0!important } .px-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-0 { padding-top: 0!important; padding-bottom: 0!important } .py-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-0 { padding-top: 0!important } .pt-1 { padding-top: .25rem!important } .pt-2 { padding-top: .5rem!important } .pt-3 { padding-top: 1rem!important } .pt-4 { padding-top: 1.5rem!important } .pt-5 { padding-top: 3rem!important } .pe-0 { padding-right: 0!important } .pe-1 { padding-right: .25rem!important } .pe-2 { padding-right: .5rem!important } .pe-3 { padding-right: 1rem!important } .pe-4 { padding-right: 1.5rem!important } .pe-5 { padding-right: 3rem!important } .pb-0 { padding-bottom: 0!important } .pb-1 { padding-bottom: .25rem!important } .pb-2 { padding-bottom: .5rem!important } .pb-3 { padding-bottom: 1rem!important } .pb-4 { padding-bottom: 1.5rem!important } .pb-5 { padding-bottom: 3rem!important } .ps-0 { padding-left: 0!important } .ps-1 { padding-left: .25rem!important } .ps-2 { padding-left: .5rem!important } .ps-3 { padding-left: 1rem!important } .ps-4 { padding-left: 1.5rem!important } .ps-5 { padding-left: 3rem!important } .font-monospace { font-family: var(--bs-font-monospace)!important } .fs-1 { font-size: calc(1.375rem + 1.5vw)!important } .fs-2 { font-size: calc(1.325rem + .9vw)!important } .fs-3 { font-size: calc(1.3rem + .6vw)!important } .fs-4 { font-size: calc(1.275rem + .3vw)!important } .fs-5 { font-size: 1.25rem!important } .fs-6 { font-size: 1rem!important } .fst-italic { font-style: italic!important } .fst-normal { font-style: normal!important } .fw-light { font-weight: 300!important } .fw-lighter { font-weight: lighter!important } .fw-normal { font-weight: 400!important } .fw-bold { font-weight: 700!important } .fw-bolder { font-weight: bolder!important } .lh-1 { line-height: 1!important } .lh-sm { line-height: 1.25!important } .lh-base { line-height: 1.5!important } .lh-lg { line-height: 2!important } .text-start { text-align: left!important } .text-end { text-align: right!important } .text-center { text-align: center!important } .text-decoration-none { text-decoration: none!important } .text-decoration-underline { text-decoration: underline!important } .text-decoration-line-through { text-decoration: line-through!important } .text-lowercase { text-transform: lowercase!important } .text-uppercase { text-transform: uppercase!important } .text-capitalize { text-transform: capitalize!important } .text-wrap { white-space: normal!important } .text-nowrap { white-space: nowrap!important } .text-break { word-wrap: break-word!important; word-break: break-word!important } .text-primary { color: #0d6efd!important } .text-secondary { color: #6c757d!important } .text-success { color: #198754!important } .text-info { color: #0dcaf0!important } .text-warning { color: #ffc107!important } .text-danger { color: #dc3545!important } .text-light { color: #f8f9fa!important } .text-dark { color: #212529!important } .text-white { color: #fff!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: rgba(255,255,255,.5)!important } .text-reset { color: inherit!important } .bg-primary { background-color: #0d6efd!important } .bg-secondary { background-color: #6c757d!important } .bg-success { background-color: #198754!important } .bg-info { background-color: #0dcaf0!important } .bg-warning { background-color: #ffc107!important } .bg-danger { background-color: #dc3545!important } .bg-light { background-color: #f8f9fa!important } .bg-dark { background-color: #212529!important } .bg-body { background-color: #fff!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .bg-gradient { background-image: var(--bs-gradient)!important } .user-select-all { -webkit-user-select: all!important; -moz-user-select: all!important; user-select: all!important } .user-select-auto { -webkit-user-select: auto!important; -moz-user-select: auto!important; user-select: auto!important } .user-select-none { -webkit-user-select: none!important; -moz-user-select: none!important; user-select: none!important } .pe-none { pointer-events: none!important } .pe-auto { pointer-events: auto!important } .rounded { border-radius: .25rem!important } .rounded-0 { border-radius: 0!important } .rounded-1 { border-radius: .2rem!important } .rounded-2 { border-radius: .25rem!important } .rounded-3 { border-radius: .3rem!important } .rounded-circle { border-radius: 50%!important } .rounded-pill { border-radius: 50rem!important } .rounded-top { border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important } .rounded-end { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important } .rounded-bottom { border-bottom-right-radius: .25rem!important; border-bottom-left-radius: .25rem!important } .rounded-start { border-bottom-left-radius: .25rem!important; border-top-left-radius: .25rem!important } .visible { visibility: visible!important } .invisible { visibility: hidden!important } @media (min-width: 576px) { .float-sm-start { float: left!important } .float-sm-end { float: right!important } .float-sm-none { float: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-grid { display: grid!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: flex!important } .d-sm-inline-flex { display: inline-flex!important } .d-sm-none { display: none!important } .flex-sm-fill { flex: 1 1 auto!important } .flex-sm-row { flex-direction: row!important } .flex-sm-column { flex-direction: column!important } .flex-sm-row-reverse { flex-direction: row-reverse!important } .flex-sm-column-reverse { flex-direction: column-reverse!important } .flex-sm-grow-0 { flex-grow: 0!important } .flex-sm-grow-1 { flex-grow: 1!important } .flex-sm-shrink-0 { flex-shrink: 0!important } .flex-sm-shrink-1 { flex-shrink: 1!important } .flex-sm-wrap { flex-wrap: wrap!important } .flex-sm-nowrap { flex-wrap: nowrap!important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-sm-0 { gap: 0!important } .gap-sm-1 { gap: .25rem!important } .gap-sm-2 { gap: .5rem!important } .gap-sm-3 { gap: 1rem!important } .gap-sm-4 { gap: 1.5rem!important } .gap-sm-5 { gap: 3rem!important } .justify-content-sm-start { justify-content: flex-start!important } .justify-content-sm-end { justify-content: flex-end!important } .justify-content-sm-center { justify-content: center!important } .justify-content-sm-between { justify-content: space-between!important } .justify-content-sm-around { justify-content: space-around!important } .justify-content-sm-evenly { justify-content: space-evenly!important } .align-items-sm-start { align-items: flex-start!important } .align-items-sm-end { align-items: flex-end!important } .align-items-sm-center { align-items: center!important } .align-items-sm-baseline { align-items: baseline!important } .align-items-sm-stretch { align-items: stretch!important } .align-content-sm-start { align-content: flex-start!important } .align-content-sm-end { align-content: flex-end!important } .align-content-sm-center { align-content: center!important } .align-content-sm-between { align-content: space-between!important } .align-content-sm-around { align-content: space-around!important } .align-content-sm-stretch { align-content: stretch!important } .align-self-sm-auto { align-self: auto!important } .align-self-sm-start { align-self: flex-start!important } .align-self-sm-end { align-self: flex-end!important } .align-self-sm-center { align-self: center!important } .align-self-sm-baseline { align-self: baseline!important } .align-self-sm-stretch { align-self: stretch!important } .order-sm-first { order: -1!important } .order-sm-0 { order: 0!important } .order-sm-1 { order: 1!important } .order-sm-2 { order: 2!important } .order-sm-3 { order: 3!important } .order-sm-4 { order: 4!important } .order-sm-5 { order: 5!important } .order-sm-last { order: 6!important } .m-sm-0 { margin: 0!important } .m-sm-1 { margin: .25rem!important } .m-sm-2 { margin: .5rem!important } .m-sm-3 { margin: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .m-sm-auto { margin: auto!important } .mx-sm-0 { margin-right: 0!important; margin-left: 0!important } .mx-sm-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-sm-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-sm-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-sm-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-sm-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-sm-auto { margin-right: auto!important; margin-left: auto!important } .my-sm-0 { margin-top: 0!important; margin-bottom: 0!important } .my-sm-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-sm-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-sm-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-sm-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-sm-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-sm-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-sm-0 { margin-top: 0!important } .mt-sm-1 { margin-top: .25rem!important } .mt-sm-2 { margin-top: .5rem!important } .mt-sm-3 { margin-top: 1rem!important } .mt-sm-4 { margin-top: 1.5rem!important } .mt-sm-5 { margin-top: 3rem!important } .mt-sm-auto { margin-top: auto!important } .me-sm-0 { margin-right: 0!important } .me-sm-1 { margin-right: .25rem!important } .me-sm-2 { margin-right: .5rem!important } .me-sm-3 { margin-right: 1rem!important } .me-sm-4 { margin-right: 1.5rem!important } .me-sm-5 { margin-right: 3rem!important } .me-sm-auto { margin-right: auto!important } .mb-sm-0 { margin-bottom: 0!important } .mb-sm-1 { margin-bottom: .25rem!important } .mb-sm-2 { margin-bottom: .5rem!important } .mb-sm-3 { margin-bottom: 1rem!important } .mb-sm-4 { margin-bottom: 1.5rem!important } .mb-sm-5 { margin-bottom: 3rem!important } .mb-sm-auto { margin-bottom: auto!important } .ms-sm-0 { margin-left: 0!important } .ms-sm-1 { margin-left: .25rem!important } .ms-sm-2 { margin-left: .5rem!important } .ms-sm-3 { margin-left: 1rem!important } .ms-sm-4 { margin-left: 1.5rem!important } .ms-sm-5 { margin-left: 3rem!important } .ms-sm-auto { margin-left: auto!important } .p-sm-0 { padding: 0!important } .p-sm-1 { padding: .25rem!important } .p-sm-2 { padding: .5rem!important } .p-sm-3 { padding: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .px-sm-0 { padding-right: 0!important; padding-left: 0!important } .px-sm-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-sm-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-sm-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-sm-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-sm-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-sm-0 { padding-top: 0!important; padding-bottom: 0!important } .py-sm-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-sm-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-sm-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-sm-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-sm-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-sm-0 { padding-top: 0!important } .pt-sm-1 { padding-top: .25rem!important } .pt-sm-2 { padding-top: .5rem!important } .pt-sm-3 { padding-top: 1rem!important } .pt-sm-4 { padding-top: 1.5rem!important } .pt-sm-5 { padding-top: 3rem!important } .pe-sm-0 { padding-right: 0!important } .pe-sm-1 { padding-right: .25rem!important } .pe-sm-2 { padding-right: .5rem!important } .pe-sm-3 { padding-right: 1rem!important } .pe-sm-4 { padding-right: 1.5rem!important } .pe-sm-5 { padding-right: 3rem!important } .pb-sm-0 { padding-bottom: 0!important } .pb-sm-1 { padding-bottom: .25rem!important } .pb-sm-2 { padding-bottom: .5rem!important } .pb-sm-3 { padding-bottom: 1rem!important } .pb-sm-4 { padding-bottom: 1.5rem!important } .pb-sm-5 { padding-bottom: 3rem!important } .ps-sm-0 { padding-left: 0!important } .ps-sm-1 { padding-left: .25rem!important } .ps-sm-2 { padding-left: .5rem!important } .ps-sm-3 { padding-left: 1rem!important } .ps-sm-4 { padding-left: 1.5rem!important } .ps-sm-5 { padding-left: 3rem!important } .text-sm-start { text-align: left!important } .text-sm-end { text-align: right!important } .text-sm-center { text-align: center!important } } @media (min-width: 768px) { .float-md-start { float: left!important } .float-md-end { float: right!important } .float-md-none { float: none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-grid { display: grid!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: flex!important } .d-md-inline-flex { display: inline-flex!important } .d-md-none { display: none!important } .flex-md-fill { flex: 1 1 auto!important } .flex-md-row { flex-direction: row!important } .flex-md-column { flex-direction: column!important } .flex-md-row-reverse { flex-direction: row-reverse!important } .flex-md-column-reverse { flex-direction: column-reverse!important } .flex-md-grow-0 { flex-grow: 0!important } .flex-md-grow-1 { flex-grow: 1!important } .flex-md-shrink-0 { flex-shrink: 0!important } .flex-md-shrink-1 { flex-shrink: 1!important } .flex-md-wrap { flex-wrap: wrap!important } .flex-md-nowrap { flex-wrap: nowrap!important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-md-0 { gap: 0!important } .gap-md-1 { gap: .25rem!important } .gap-md-2 { gap: .5rem!important } .gap-md-3 { gap: 1rem!important } .gap-md-4 { gap: 1.5rem!important } .gap-md-5 { gap: 3rem!important } .justify-content-md-start { justify-content: flex-start!important } .justify-content-md-end { justify-content: flex-end!important } .justify-content-md-center { justify-content: center!important } .justify-content-md-between { justify-content: space-between!important } .justify-content-md-around { justify-content: space-around!important } .justify-content-md-evenly { justify-content: space-evenly!important } .align-items-md-start { align-items: flex-start!important } .align-items-md-end { align-items: flex-end!important } .align-items-md-center { align-items: center!important } .align-items-md-baseline { align-items: baseline!important } .align-items-md-stretch { align-items: stretch!important } .align-content-md-start { align-content: flex-start!important } .align-content-md-end { align-content: flex-end!important } .align-content-md-center { align-content: center!important } .align-content-md-between { align-content: space-between!important } .align-content-md-around { align-content: space-around!important } .align-content-md-stretch { align-content: stretch!important } .align-self-md-auto { align-self: auto!important } .align-self-md-start { align-self: flex-start!important } .align-self-md-end { align-self: flex-end!important } .align-self-md-center { align-self: center!important } .align-self-md-baseline { align-self: baseline!important } .align-self-md-stretch { align-self: stretch!important } .order-md-first { order: -1!important } .order-md-0 { order: 0!important } .order-md-1 { order: 1!important } .order-md-2 { order: 2!important } .order-md-3 { order: 3!important } .order-md-4 { order: 4!important } .order-md-5 { order: 5!important } .order-md-last { order: 6!important } .m-md-0 { margin: 0!important } .m-md-1 { margin: .25rem!important } .m-md-2 { margin: .5rem!important } .m-md-3 { margin: 1rem!important } .m-md-4 { margin: 1.5rem!important } .m-md-5 { margin: 3rem!important } .m-md-auto { margin: auto!important } .mx-md-0 { margin-right: 0!important; margin-left: 0!important } .mx-md-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-md-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-md-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-md-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-md-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-md-auto { margin-right: auto!important; margin-left: auto!important } .my-md-0 { margin-top: 0!important; margin-bottom: 0!important } .my-md-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-md-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-md-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-md-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-md-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-md-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-md-0 { margin-top: 0!important } .mt-md-1 { margin-top: .25rem!important } .mt-md-2 { margin-top: .5rem!important } .mt-md-3 { margin-top: 1rem!important } .mt-md-4 { margin-top: 1.5rem!important } .mt-md-5 { margin-top: 3rem!important } .mt-md-auto { margin-top: auto!important } .me-md-0 { margin-right: 0!important } .me-md-1 { margin-right: .25rem!important } .me-md-2 { margin-right: .5rem!important } .me-md-3 { margin-right: 1rem!important } .me-md-4 { margin-right: 1.5rem!important } .me-md-5 { margin-right: 3rem!important } .me-md-auto { margin-right: auto!important } .mb-md-0 { margin-bottom: 0!important } .mb-md-1 { margin-bottom: .25rem!important } .mb-md-2 { margin-bottom: .5rem!important } .mb-md-3 { margin-bottom: 1rem!important } .mb-md-4 { margin-bottom: 1.5rem!important } .mb-md-5 { margin-bottom: 3rem!important } .mb-md-auto { margin-bottom: auto!important } .ms-md-0 { margin-left: 0!important } .ms-md-1 { margin-left: .25rem!important } .ms-md-2 { margin-left: .5rem!important } .ms-md-3 { margin-left: 1rem!important } .ms-md-4 { margin-left: 1.5rem!important } .ms-md-5 { margin-left: 3rem!important } .ms-md-auto { margin-left: auto!important } .p-md-0 { padding: 0!important } .p-md-1 { padding: .25rem!important } .p-md-2 { padding: .5rem!important } .p-md-3 { padding: 1rem!important } .p-md-4 { padding: 1.5rem!important } .p-md-5 { padding: 3rem!important } .px-md-0 { padding-right: 0!important; padding-left: 0!important } .px-md-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-md-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-md-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-md-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-md-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-md-0 { padding-top: 0!important; padding-bottom: 0!important } .py-md-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-md-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-md-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-md-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-md-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-md-0 { padding-top: 0!important } .pt-md-1 { padding-top: .25rem!important } .pt-md-2 { padding-top: .5rem!important } .pt-md-3 { padding-top: 1rem!important } .pt-md-4 { padding-top: 1.5rem!important } .pt-md-5 { padding-top: 3rem!important } .pe-md-0 { padding-right: 0!important } .pe-md-1 { padding-right: .25rem!important } .pe-md-2 { padding-right: .5rem!important } .pe-md-3 { padding-right: 1rem!important } .pe-md-4 { padding-right: 1.5rem!important } .pe-md-5 { padding-right: 3rem!important } .pb-md-0 { padding-bottom: 0!important } .pb-md-1 { padding-bottom: .25rem!important } .pb-md-2 { padding-bottom: .5rem!important } .pb-md-3 { padding-bottom: 1rem!important } .pb-md-4 { padding-bottom: 1.5rem!important } .pb-md-5 { padding-bottom: 3rem!important } .ps-md-0 { padding-left: 0!important } .ps-md-1 { padding-left: .25rem!important } .ps-md-2 { padding-left: .5rem!important } .ps-md-3 { padding-left: 1rem!important } .ps-md-4 { padding-left: 1.5rem!important } .ps-md-5 { padding-left: 3rem!important } .text-md-start { text-align: left!important } .text-md-end { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width: 992px) { .float-lg-start { float: left!important } .float-lg-end { float: right!important } .float-lg-none { float: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-grid { display: grid!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: flex!important } .d-lg-inline-flex { display: inline-flex!important } .d-lg-none { display: none!important } .flex-lg-fill { flex: 1 1 auto!important } .flex-lg-row { flex-direction: row!important } .flex-lg-column { flex-direction: column!important } .flex-lg-row-reverse { flex-direction: row-reverse!important } .flex-lg-column-reverse { flex-direction: column-reverse!important } .flex-lg-grow-0 { flex-grow: 0!important } .flex-lg-grow-1 { flex-grow: 1!important } .flex-lg-shrink-0 { flex-shrink: 0!important } .flex-lg-shrink-1 { flex-shrink: 1!important } .flex-lg-wrap { flex-wrap: wrap!important } .flex-lg-nowrap { flex-wrap: nowrap!important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-lg-0 { gap: 0!important } .gap-lg-1 { gap: .25rem!important } .gap-lg-2 { gap: .5rem!important } .gap-lg-3 { gap: 1rem!important } .gap-lg-4 { gap: 1.5rem!important } .gap-lg-5 { gap: 3rem!important } .justify-content-lg-start { justify-content: flex-start!important } .justify-content-lg-end { justify-content: flex-end!important } .justify-content-lg-center { justify-content: center!important } .justify-content-lg-between { justify-content: space-between!important } .justify-content-lg-around { justify-content: space-around!important } .justify-content-lg-evenly { justify-content: space-evenly!important } .align-items-lg-start { align-items: flex-start!important } .align-items-lg-end { align-items: flex-end!important } .align-items-lg-center { align-items: center!important } .align-items-lg-baseline { align-items: baseline!important } .align-items-lg-stretch { align-items: stretch!important } .align-content-lg-start { align-content: flex-start!important } .align-content-lg-end { align-content: flex-end!important } .align-content-lg-center { align-content: center!important } .align-content-lg-between { align-content: space-between!important } .align-content-lg-around { align-content: space-around!important } .align-content-lg-stretch { align-content: stretch!important } .align-self-lg-auto { align-self: auto!important } .align-self-lg-start { align-self: flex-start!important } .align-self-lg-end { align-self: flex-end!important } .align-self-lg-center { align-self: center!important } .align-self-lg-baseline { align-self: baseline!important } .align-self-lg-stretch { align-self: stretch!important } .order-lg-first { order: -1!important } .order-lg-0 { order: 0!important } .order-lg-1 { order: 1!important } .order-lg-2 { order: 2!important } .order-lg-3 { order: 3!important } .order-lg-4 { order: 4!important } .order-lg-5 { order: 5!important } .order-lg-last { order: 6!important } .m-lg-0 { margin: 0!important } .m-lg-1 { margin: .25rem!important } .m-lg-2 { margin: .5rem!important } .m-lg-3 { margin: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .m-lg-auto { margin: auto!important } .mx-lg-0 { margin-right: 0!important; margin-left: 0!important } .mx-lg-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-lg-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-lg-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-lg-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-lg-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-lg-auto { margin-right: auto!important; margin-left: auto!important } .my-lg-0 { margin-top: 0!important; margin-bottom: 0!important } .my-lg-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-lg-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-lg-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-lg-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-lg-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-lg-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-lg-0 { margin-top: 0!important } .mt-lg-1 { margin-top: .25rem!important } .mt-lg-2 { margin-top: .5rem!important } .mt-lg-3 { margin-top: 1rem!important } .mt-lg-4 { margin-top: 1.5rem!important } .mt-lg-5 { margin-top: 3rem!important } .mt-lg-auto { margin-top: auto!important } .me-lg-0 { margin-right: 0!important } .me-lg-1 { margin-right: .25rem!important } .me-lg-2 { margin-right: .5rem!important } .me-lg-3 { margin-right: 1rem!important } .me-lg-4 { margin-right: 1.5rem!important } .me-lg-5 { margin-right: 3rem!important } .me-lg-auto { margin-right: auto!important } .mb-lg-0 { margin-bottom: 0!important } .mb-lg-1 { margin-bottom: .25rem!important } .mb-lg-2 { margin-bottom: .5rem!important } .mb-lg-3 { margin-bottom: 1rem!important } .mb-lg-4 { margin-bottom: 1.5rem!important } .mb-lg-5 { margin-bottom: 3rem!important } .mb-lg-auto { margin-bottom: auto!important } .ms-lg-0 { margin-left: 0!important } .ms-lg-1 { margin-left: .25rem!important } .ms-lg-2 { margin-left: .5rem!important } .ms-lg-3 { margin-left: 1rem!important } .ms-lg-4 { margin-left: 1.5rem!important } .ms-lg-5 { margin-left: 3rem!important } .ms-lg-auto { margin-left: auto!important } .p-lg-0 { padding: 0!important } .p-lg-1 { padding: .25rem!important } .p-lg-2 { padding: .5rem!important } .p-lg-3 { padding: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .px-lg-0 { padding-right: 0!important; padding-left: 0!important } .px-lg-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-lg-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-lg-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-lg-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-lg-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-lg-0 { padding-top: 0!important; padding-bottom: 0!important } .py-lg-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-lg-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-lg-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-lg-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-lg-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-lg-0 { padding-top: 0!important } .pt-lg-1 { padding-top: .25rem!important } .pt-lg-2 { padding-top: .5rem!important } .pt-lg-3 { padding-top: 1rem!important } .pt-lg-4 { padding-top: 1.5rem!important } .pt-lg-5 { padding-top: 3rem!important } .pe-lg-0 { padding-right: 0!important } .pe-lg-1 { padding-right: .25rem!important } .pe-lg-2 { padding-right: .5rem!important } .pe-lg-3 { padding-right: 1rem!important } .pe-lg-4 { padding-right: 1.5rem!important } .pe-lg-5 { padding-right: 3rem!important } .pb-lg-0 { padding-bottom: 0!important } .pb-lg-1 { padding-bottom: .25rem!important } .pb-lg-2 { padding-bottom: .5rem!important } .pb-lg-3 { padding-bottom: 1rem!important } .pb-lg-4 { padding-bottom: 1.5rem!important } .pb-lg-5 { padding-bottom: 3rem!important } .ps-lg-0 { padding-left: 0!important } .ps-lg-1 { padding-left: .25rem!important } .ps-lg-2 { padding-left: .5rem!important } .ps-lg-3 { padding-left: 1rem!important } .ps-lg-4 { padding-left: 1.5rem!important } .ps-lg-5 { padding-left: 3rem!important } .text-lg-start { text-align: left!important } .text-lg-end { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width: 1200px) { .float-xl-start { float: left!important } .float-xl-end { float: right!important } .float-xl-none { float: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-grid { display: grid!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: flex!important } .d-xl-inline-flex { display: inline-flex!important } .d-xl-none { display: none!important } .flex-xl-fill { flex: 1 1 auto!important } .flex-xl-row { flex-direction: row!important } .flex-xl-column { flex-direction: column!important } .flex-xl-row-reverse { flex-direction: row-reverse!important } .flex-xl-column-reverse { flex-direction: column-reverse!important } .flex-xl-grow-0 { flex-grow: 0!important } .flex-xl-grow-1 { flex-grow: 1!important } .flex-xl-shrink-0 { flex-shrink: 0!important } .flex-xl-shrink-1 { flex-shrink: 1!important } .flex-xl-wrap { flex-wrap: wrap!important } .flex-xl-nowrap { flex-wrap: nowrap!important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-xl-0 { gap: 0!important } .gap-xl-1 { gap: .25rem!important } .gap-xl-2 { gap: .5rem!important } .gap-xl-3 { gap: 1rem!important } .gap-xl-4 { gap: 1.5rem!important } .gap-xl-5 { gap: 3rem!important } .justify-content-xl-start { justify-content: flex-start!important } .justify-content-xl-end { justify-content: flex-end!important } .justify-content-xl-center { justify-content: center!important } .justify-content-xl-between { justify-content: space-between!important } .justify-content-xl-around { justify-content: space-around!important } .justify-content-xl-evenly { justify-content: space-evenly!important } .align-items-xl-start { align-items: flex-start!important } .align-items-xl-end { align-items: flex-end!important } .align-items-xl-center { align-items: center!important } .align-items-xl-baseline { align-items: baseline!important } .align-items-xl-stretch { align-items: stretch!important } .align-content-xl-start { align-content: flex-start!important } .align-content-xl-end { align-content: flex-end!important } .align-content-xl-center { align-content: center!important } .align-content-xl-between { align-content: space-between!important } .align-content-xl-around { align-content: space-around!important } .align-content-xl-stretch { align-content: stretch!important } .align-self-xl-auto { align-self: auto!important } .align-self-xl-start { align-self: flex-start!important } .align-self-xl-end { align-self: flex-end!important } .align-self-xl-center { align-self: center!important } .align-self-xl-baseline { align-self: baseline!important } .align-self-xl-stretch { align-self: stretch!important } .order-xl-first { order: -1!important } .order-xl-0 { order: 0!important } .order-xl-1 { order: 1!important } .order-xl-2 { order: 2!important } .order-xl-3 { order: 3!important } .order-xl-4 { order: 4!important } .order-xl-5 { order: 5!important } .order-xl-last { order: 6!important } .m-xl-0 { margin: 0!important } .m-xl-1 { margin: .25rem!important } .m-xl-2 { margin: .5rem!important } .m-xl-3 { margin: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .m-xl-auto { margin: auto!important } .mx-xl-0 { margin-right: 0!important; margin-left: 0!important } .mx-xl-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-xl-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-xl-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-xl-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-xl-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-xl-auto { margin-right: auto!important; margin-left: auto!important } .my-xl-0 { margin-top: 0!important; margin-bottom: 0!important } .my-xl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-xl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-xl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-xl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-xl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-xl-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-xl-0 { margin-top: 0!important } .mt-xl-1 { margin-top: .25rem!important } .mt-xl-2 { margin-top: .5rem!important } .mt-xl-3 { margin-top: 1rem!important } .mt-xl-4 { margin-top: 1.5rem!important } .mt-xl-5 { margin-top: 3rem!important } .mt-xl-auto { margin-top: auto!important } .me-xl-0 { margin-right: 0!important } .me-xl-1 { margin-right: .25rem!important } .me-xl-2 { margin-right: .5rem!important } .me-xl-3 { margin-right: 1rem!important } .me-xl-4 { margin-right: 1.5rem!important } .me-xl-5 { margin-right: 3rem!important } .me-xl-auto { margin-right: auto!important } .mb-xl-0 { margin-bottom: 0!important } .mb-xl-1 { margin-bottom: .25rem!important } .mb-xl-2 { margin-bottom: .5rem!important } .mb-xl-3 { margin-bottom: 1rem!important } .mb-xl-4 { margin-bottom: 1.5rem!important } .mb-xl-5 { margin-bottom: 3rem!important } .mb-xl-auto { margin-bottom: auto!important } .ms-xl-0 { margin-left: 0!important } .ms-xl-1 { margin-left: .25rem!important } .ms-xl-2 { margin-left: .5rem!important } .ms-xl-3 { margin-left: 1rem!important } .ms-xl-4 { margin-left: 1.5rem!important } .ms-xl-5 { margin-left: 3rem!important } .ms-xl-auto { margin-left: auto!important } .p-xl-0 { padding: 0!important } .p-xl-1 { padding: .25rem!important } .p-xl-2 { padding: .5rem!important } .p-xl-3 { padding: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .px-xl-0 { padding-right: 0!important; padding-left: 0!important } .px-xl-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-xl-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-xl-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-xl-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-xl-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-xl-0 { padding-top: 0!important; padding-bottom: 0!important } .py-xl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-xl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-xl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-xl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-xl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-xl-0 { padding-top: 0!important } .pt-xl-1 { padding-top: .25rem!important } .pt-xl-2 { padding-top: .5rem!important } .pt-xl-3 { padding-top: 1rem!important } .pt-xl-4 { padding-top: 1.5rem!important } .pt-xl-5 { padding-top: 3rem!important } .pe-xl-0 { padding-right: 0!important } .pe-xl-1 { padding-right: .25rem!important } .pe-xl-2 { padding-right: .5rem!important } .pe-xl-3 { padding-right: 1rem!important } .pe-xl-4 { padding-right: 1.5rem!important } .pe-xl-5 { padding-right: 3rem!important } .pb-xl-0 { padding-bottom: 0!important } .pb-xl-1 { padding-bottom: .25rem!important } .pb-xl-2 { padding-bottom: .5rem!important } .pb-xl-3 { padding-bottom: 1rem!important } .pb-xl-4 { padding-bottom: 1.5rem!important } .pb-xl-5 { padding-bottom: 3rem!important } .ps-xl-0 { padding-left: 0!important } .ps-xl-1 { padding-left: .25rem!important } .ps-xl-2 { padding-left: .5rem!important } .ps-xl-3 { padding-left: 1rem!important } .ps-xl-4 { padding-left: 1.5rem!important } .ps-xl-5 { padding-left: 3rem!important } .text-xl-start { text-align: left!important } .text-xl-end { text-align: right!important } .text-xl-center { text-align: center!important } } @media (min-width: 1400px) { .float-xxl-start { float: left!important } .float-xxl-end { float: right!important } .float-xxl-none { float: none!important } .d-xxl-inline { display: inline!important } .d-xxl-inline-block { display: inline-block!important } .d-xxl-block { display: block!important } .d-xxl-grid { display: grid!important } .d-xxl-table { display: table!important } .d-xxl-table-row { display: table-row!important } .d-xxl-table-cell { display: table-cell!important } .d-xxl-flex { display: flex!important } .d-xxl-inline-flex { display: inline-flex!important } .d-xxl-none { display: none!important } .flex-xxl-fill { flex: 1 1 auto!important } .flex-xxl-row { flex-direction: row!important } .flex-xxl-column { flex-direction: column!important } .flex-xxl-row-reverse { flex-direction: row-reverse!important } .flex-xxl-column-reverse { flex-direction: column-reverse!important } .flex-xxl-grow-0 { flex-grow: 0!important } .flex-xxl-grow-1 { flex-grow: 1!important } .flex-xxl-shrink-0 { flex-shrink: 0!important } .flex-xxl-shrink-1 { flex-shrink: 1!important } .flex-xxl-wrap { flex-wrap: wrap!important } .flex-xxl-nowrap { flex-wrap: nowrap!important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse!important } .gap-xxl-0 { gap: 0!important } .gap-xxl-1 { gap: .25rem!important } .gap-xxl-2 { gap: .5rem!important } .gap-xxl-3 { gap: 1rem!important } .gap-xxl-4 { gap: 1.5rem!important } .gap-xxl-5 { gap: 3rem!important } .justify-content-xxl-start { justify-content: flex-start!important } .justify-content-xxl-end { justify-content: flex-end!important } .justify-content-xxl-center { justify-content: center!important } .justify-content-xxl-between { justify-content: space-between!important } .justify-content-xxl-around { justify-content: space-around!important } .justify-content-xxl-evenly { justify-content: space-evenly!important } .align-items-xxl-start { align-items: flex-start!important } .align-items-xxl-end { align-items: flex-end!important } .align-items-xxl-center { align-items: center!important } .align-items-xxl-baseline { align-items: baseline!important } .align-items-xxl-stretch { align-items: stretch!important } .align-content-xxl-start { align-content: flex-start!important } .align-content-xxl-end { align-content: flex-end!important } .align-content-xxl-center { align-content: center!important } .align-content-xxl-between { align-content: space-between!important } .align-content-xxl-around { align-content: space-around!important } .align-content-xxl-stretch { align-content: stretch!important } .align-self-xxl-auto { align-self: auto!important } .align-self-xxl-start { align-self: flex-start!important } .align-self-xxl-end { align-self: flex-end!important } .align-self-xxl-center { align-self: center!important } .align-self-xxl-baseline { align-self: baseline!important } .align-self-xxl-stretch { align-self: stretch!important } .order-xxl-first { order: -1!important } .order-xxl-0 { order: 0!important } .order-xxl-1 { order: 1!important } .order-xxl-2 { order: 2!important } .order-xxl-3 { order: 3!important } .order-xxl-4 { order: 4!important } .order-xxl-5 { order: 5!important } .order-xxl-last { order: 6!important } .m-xxl-0 { margin: 0!important } .m-xxl-1 { margin: .25rem!important } .m-xxl-2 { margin: .5rem!important } .m-xxl-3 { margin: 1rem!important } .m-xxl-4 { margin: 1.5rem!important } .m-xxl-5 { margin: 3rem!important } .m-xxl-auto { margin: auto!important } .mx-xxl-0 { margin-right: 0!important; margin-left: 0!important } .mx-xxl-1 { margin-right: .25rem!important; margin-left: .25rem!important } .mx-xxl-2 { margin-right: .5rem!important; margin-left: .5rem!important } .mx-xxl-3 { margin-right: 1rem!important; margin-left: 1rem!important } .mx-xxl-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important } .mx-xxl-5 { margin-right: 3rem!important; margin-left: 3rem!important } .mx-xxl-auto { margin-right: auto!important; margin-left: auto!important } .my-xxl-0 { margin-top: 0!important; margin-bottom: 0!important } .my-xxl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important } .my-xxl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important } .my-xxl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important } .my-xxl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important } .my-xxl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important } .my-xxl-auto { margin-top: auto!important; margin-bottom: auto!important } .mt-xxl-0 { margin-top: 0!important } .mt-xxl-1 { margin-top: .25rem!important } .mt-xxl-2 { margin-top: .5rem!important } .mt-xxl-3 { margin-top: 1rem!important } .mt-xxl-4 { margin-top: 1.5rem!important } .mt-xxl-5 { margin-top: 3rem!important } .mt-xxl-auto { margin-top: auto!important } .me-xxl-0 { margin-right: 0!important } .me-xxl-1 { margin-right: .25rem!important } .me-xxl-2 { margin-right: .5rem!important } .me-xxl-3 { margin-right: 1rem!important } .me-xxl-4 { margin-right: 1.5rem!important } .me-xxl-5 { margin-right: 3rem!important } .me-xxl-auto { margin-right: auto!important } .mb-xxl-0 { margin-bottom: 0!important } .mb-xxl-1 { margin-bottom: .25rem!important } .mb-xxl-2 { margin-bottom: .5rem!important } .mb-xxl-3 { margin-bottom: 1rem!important } .mb-xxl-4 { margin-bottom: 1.5rem!important } .mb-xxl-5 { margin-bottom: 3rem!important } .mb-xxl-auto { margin-bottom: auto!important } .ms-xxl-0 { margin-left: 0!important } .ms-xxl-1 { margin-left: .25rem!important } .ms-xxl-2 { margin-left: .5rem!important } .ms-xxl-3 { margin-left: 1rem!important } .ms-xxl-4 { margin-left: 1.5rem!important } .ms-xxl-5 { margin-left: 3rem!important } .ms-xxl-auto { margin-left: auto!important } .p-xxl-0 { padding: 0!important } .p-xxl-1 { padding: .25rem!important } .p-xxl-2 { padding: .5rem!important } .p-xxl-3 { padding: 1rem!important } .p-xxl-4 { padding: 1.5rem!important } .p-xxl-5 { padding: 3rem!important } .px-xxl-0 { padding-right: 0!important; padding-left: 0!important } .px-xxl-1 { padding-right: .25rem!important; padding-left: .25rem!important } .px-xxl-2 { padding-right: .5rem!important; padding-left: .5rem!important } .px-xxl-3 { padding-right: 1rem!important; padding-left: 1rem!important } .px-xxl-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important } .px-xxl-5 { padding-right: 3rem!important; padding-left: 3rem!important } .py-xxl-0 { padding-top: 0!important; padding-bottom: 0!important } .py-xxl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important } .py-xxl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important } .py-xxl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important } .py-xxl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important } .py-xxl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important } .pt-xxl-0 { padding-top: 0!important } .pt-xxl-1 { padding-top: .25rem!important } .pt-xxl-2 { padding-top: .5rem!important } .pt-xxl-3 { padding-top: 1rem!important } .pt-xxl-4 { padding-top: 1.5rem!important } .pt-xxl-5 { padding-top: 3rem!important } .pe-xxl-0 { padding-right: 0!important } .pe-xxl-1 { padding-right: .25rem!important } .pe-xxl-2 { padding-right: .5rem!important } .pe-xxl-3 { padding-right: 1rem!important } .pe-xxl-4 { padding-right: 1.5rem!important } .pe-xxl-5 { padding-right: 3rem!important } .pb-xxl-0 { padding-bottom: 0!important } .pb-xxl-1 { padding-bottom: .25rem!important } .pb-xxl-2 { padding-bottom: .5rem!important } .pb-xxl-3 { padding-bottom: 1rem!important } .pb-xxl-4 { padding-bottom: 1.5rem!important } .pb-xxl-5 { padding-bottom: 3rem!important } .ps-xxl-0 { padding-left: 0!important } .ps-xxl-1 { padding-left: .25rem!important } .ps-xxl-2 { padding-left: .5rem!important } .ps-xxl-3 { padding-left: 1rem!important } .ps-xxl-4 { padding-left: 1.5rem!important } .ps-xxl-5 { padding-left: 3rem!important } .text-xxl-start { text-align: left!important } .text-xxl-end { text-align: right!important } .text-xxl-center { text-align: center!important } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem!important } .fs-2 { font-size: 2rem!important } .fs-3 { font-size: 1.75rem!important } .fs-4 { font-size: 1.5rem!important } } @media print { .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-grid { display: grid!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: flex!important } .d-print-inline-flex { display: inline-flex!important } .d-print-none { display: none!important } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1) } } .bounceIn { -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn; animation-duration: .75s; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0) } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0) } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0) } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0) } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0) } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0) } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0) } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0) } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1) } to { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1) } to { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-duration: .75s; -webkit-animation-name: bounceOut; animation-duration: .75s; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0) } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0) } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0) } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0) } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible } @-webkit-keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg) } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg) } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible!important; animation-name: flipInX; backface-visibility: visible!important } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg) } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg) } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible!important; animation-name: flipInY; backface-visibility: visible!important } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg) } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg) } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg) } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg) } } .flipOutX { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; animation-duration: .75s; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg) } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg) } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg) } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg) } } .flipOutY { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible!important; animation-duration: .75s; animation-name: flipOutY; backface-visibility: visible!important } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg) } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg) } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg) } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg) } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg) } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg) } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0) } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0) } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge } @-webkit-keyframes jackInTheBox { 0% { -webkit-transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1) } } @keyframes jackInTheBox { 0% { -webkit-transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset!important; -webkit-transition: none!important; animation: unset!important; transition: none!important } } @font-face { font-family: lightcase; src: url(../fonts/lightcase.eot); src: url(../fonts/lightcase.eot) format("embedded-opentype"), url(../fonts/lightcase.woff) format("woff"), url(../fonts/lightcase.ttf) format("truetype"), url(../fonts/lightcase.svg) format("svg"); font-weight: 400; font-style: normal } [class*=lightcase-icon-]:before { font-family: lightcase, sans-serif; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em } .lightcase-icon-play:before { content: '\e800' } .lightcase-icon-pause:before { content: '\e801' } .lightcase-icon-close:before { content: '\e802' } .lightcase-icon-prev:before { content: '\e803' } .lightcase-icon-next:before { content: '\e804' } .lightcase-icon-spin:before { content: '\e805' } @-webkit-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } @-moz-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } @-o-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } @-ms-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes lightcase-spin { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg) } } #lightcase-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0,0,0,.5) } #lightcase-loading>span, a[class*=lightcase-icon-]>span { display: inline-block; text-indent: -9999px } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #lightcase-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.5); -moz-box-shadow: 0 0 30px rgba(0,0,0,.5); -o-box-shadow: 0 0 30px rgba(0,0,0,.5); box-shadow: 0 0 30px rgba(0,0,0,.5); -webkit-backface-visibility: hidden } html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content { background-color: #333 } } html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content, html[data-lc-type=inline] #lightcase-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width: 640px) { html[data-lc-type=ajax] #lightcase-case, html[data-lc-type=inline] #lightcase-case { position: fixed!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; margin: 0!important; padding: 55px 0 70px; width: 100%!important; height: 100%!important; overflow: auto!important } html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content, html[data-lc-type=inline] #lightcase-content { position: relative!important; top: auto!important; left: auto!important; width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; border: none!important; background: 0 0!important } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner { padding: 15px } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>* { width: 100%!important; max-width: none!important } html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe), html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe) { height: auto!important; max-height: none!important } html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch } } @media screen and (max-width: 640px) and (min-width:641px) { html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner { line-height: .75 } } html[data-lc-type=image] #lightcase-content .lightcase-contentInner { position: relative; overflow: hidden!important } @media screen and (max-width: 640px) { html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { position: relative!important; top: auto!important; left: auto!important; width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; border: none!important; background: 0 0!important } #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { } } #lightcase-loading, a[class*=lightcase-icon-] { width: 1.123em; height: auto; line-height: 1; text-align: center; position: fixed } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { } } #lightcase-case p.lightcase-error { margin: 0; font-size: 17px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 640px) { #lightcase-case p.lightcase-error { padding: 30px 0 } } @media screen and (min-width: 641px) { #lightcase-case p.lightcase-error { padding: 0 } } .lightcase-open body { overflow: hidden } .lightcase-isMobileDevice .lightcase-open body { max-width: 100%; max-height: 100% } #lightcase-info { position: absolute; padding-top: 15px } #lightcase-info #lightcase-caption, #lightcase-info #lightcase-title { margin: 0; padding: 0; line-height: 1.5; font-weight: 400; text-overflow: ellipsis } #lightcase-info #lightcase-title { font-size: 17px; } #lightcase-info #lightcase-caption { clear: both; font-size: 13px; } #lightcase-info #lightcase-sequenceInfo { font-size: 11px; } @media screen and (max-width: 640px) { #lightcase-info #lightcase-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; background: #333 } .lightcase-fullScreenMode #lightcase-info { padding-left: 15px; padding-right: 15px } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info { position: static } } #lightcase-loading { z-index: 2001; top: 50%; left: 50%; margin-top: -.5em; margin-left: -.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: lightcase-spin .5s infinite linear; -moz-animation: lightcase-spin .5s infinite linear; -o-animation: lightcase-spin .5s infinite linear; animation: lightcase-spin .5s infinite linear } #lightcase-loading, #lightcase-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out .25s; -moz-transition: color, opacity, ease-in-out .25s; -o-transition: color, opacity, ease-in-out .25s; transition: color, opacity, ease-in-out .25s } a[class*=lightcase-icon-] { z-index: 9999; font-size: 38px; text-shadow: none; outline: 0; cursor: pointer } a[class*=lightcase-icon-], a[class*=lightcase-icon-]:focus { text-decoration: none; color: rgba(255,255,255,.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out .25s; -moz-transition: color, opacity, ease-in-out .25s; -o-transition: color, opacity, ease-in-out .25s; transition: color, opacity, ease-in-out .25s } a[class*=lightcase-icon-]:hover { color: #fff; text-shadow: 0 0 15px #fff } .lightcase-isMobileDevice a[class*=lightcase-icon-]:hover { text-shadow: none } a[class*=lightcase-icon-].lightcase-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: 0 } a[class*=lightcase-icon-].lightcase-icon-prev { left: 15px } a[class*=lightcase-icon-].lightcase-icon-next { right: 15px } a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play { left: 50%; margin-left: -.5em } @media screen and (max-width: 640px) { a[class*=lightcase-icon-] { bottom: 15px; font-size: 24px } } @media screen and (min-width: 641px) { a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play { opacity: 0 } a[class*=lightcase-icon-] { bottom: 50%; margin-bottom: -.5em } #lightcase-case:hover~a[class*=lightcase-icon-], a[class*=lightcase-icon-]:hover { opacity: 1 } } #lightcase-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333 } @media screen and (max-width: 640px) { #lightcase-overlay { opacity: 1!important } } .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: 400; height: 42px; line-height: 40px; outline: 0; padding-left: 18px; padding-right: 30px; position: relative; text-align: left!important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; min-width: 100%; } .nice-select:hover { border-color: #dbdbdb } .nice-select.open, .nice-select:active, .nice-select:focus { border-color: #999; width: 100%; } .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 5px } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none } .nice-select.disabled:after { border-color: #ccc } .nice-select.wide { width: 100% } .nice-select.wide .list { left: 0!important; right: 0!important } .nice-select.right { float: right } .nice-select.right .list { left: auto; right: 0 } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px } .nice-select.small:after { height: 4px; width: 4px } .nice-select.small .option { line-height: 34px; min-height: 34px } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68,68,68,.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.75) translateY(-21px); -ms-transform: scale(.75) translateY(-21px); transform: scale(.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; z-index: 9 } .nice-select .list:hover .option:not(:hover) { background-color: transparent!important } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: 0; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all .2s; transition: all .2s; font-size: 11pt; } .nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover { background-color: #f6f6f6 } .nice-select .option.selected { font-weight: 600; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default } .no-csspointerevents .nice-select .list { display: none } .no-csspointerevents .nice-select.open .list { display: block } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default!important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; color: #222 } .ui-widget-content a { color: #222 } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x; color: #fff; font-weight: bold } .ui-widget-header a { color: #fff } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #2e6e9e } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1d5987 } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #1d5987; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x; font-weight: bold; color: #e17009 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fad42e; background: #fbec88; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_469bdd_256x240.png") } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_d8e7f3_256x240.png") } .ui-state-default .ui-icon { background-image: url("images/ui-icons_6da8d5_256x240.png") } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_217bc0_256x240.png") } .ui-state-active .ui-icon { background-image: url("images/ui-icons_f9bd01_256x240.png") } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png") } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png") } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 5px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 5px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 5px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 5px } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px } @font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:url("../fonts/poppins-v5-latin-regular.eot");src:local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-regular.woff2") format("woff2"), url("../fonts/poppins-v5-latin-regular.woff") format("woff"), url("../fonts/poppins-v5-latin-regular.ttf") format("truetype"), url("../fonts/poppins-v5-latin-regular.svg#Poppins") format("svg");} @font-face{font-family:"Poppins";font-style:normal;font-weight:normal;src:url("../fonts/poppins-v5-latin-500.ttf") format("truetype"), url("../fonts/poppins-v5-latin-500.ttf") format("svg");src:url('../fonts/poppins-v5-latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-v5-latin-500.woff2') format('woff2'), url('../fonts/poppins-v5-latin-500.woff') format('woff'), url('../fonts/poppins-v5-latin-500.ttf') format('truetype');} @font-face{font-family:'Poppins';font-style:normal;font-weight:600;src:url("../fonts/poppins-v5-latin-600.eot");src:local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-600.woff2") format("woff2"), url("../fonts/poppins-v5-latin-600.woff") format("woff"), url("../fonts/poppins-v5-latin-600.ttf") format("truetype"), url("../fonts/poppins-v5-latin-600.svg#Poppins") format("svg");} @font-face{font-family:'Poppins';font-style:normal;font-weight:700;src:url("../fonts/poppins-v5-latin-700.eot");src:local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v5-latin-700.woff2") format("woff2"), url("../fonts/poppins-v5-latin-700.woff") format("woff"), url("../fonts/poppins-v5-latin-700.ttf") format("truetype"), url("../fonts/poppins-v5-latin-700.svg#Poppins") format("svg");} /*@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,600&display=swap);*/ body,html { font-family: var(--ltn__body-font); overflow-x: hidden !important; } .aligncenter,.gallery-caption,.ltn__header-2 .sticky-active .sticky-logo,.ltn__header-3 .sticky-active .sticky-logo,.sticky,.wp-block-image img { display: block } .elements-title-area,.gallery-item,.header-menu-2,.scrollUp,.wp-caption-text { text-align: center } .college-enginnering,.slides-testi,.step-slider { direction: ltr } .special-link,.sticky-logo { -ms-grid-row-align: center; align-self: center } .title-bg-img,pre { word-break: break-word } .ltn__blog-likes li a,.ltn__slider-11-pagination-count .slick-dots,.ltn__utilize-menu-inner,.ltn__video-bg-img,.mini-cart-icon-2>a h6 { -webkit-box-direction: normal; -webkit-box-orient: vertical } .about-us-img-info-inner,.body-sidebar-icons,.ltn__blog-likes li a,.ltn__utilize-menu-inner,.ltn__video-bg-img,.mini-cart-icon-2>a h6 { -webkit-box-orient: vertical } .article-item__excerpt,.article-item__title,.block--discover__title,blockquote,body { font-style: normal } .container,.container-fluid { padding-right: 15px; padding-left: 15px } .row { margin-left: -15px; margin-right: -15px } li { list-style: none } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto { padding-right: 15px; padding-left: 15px; position: relative } .ltn__no-gutter-all [class*=col-],.ltn__no-gutter>[class*=col-] { padding-right: 0; padding-left: 0 } :root { --ltn__primary-color: #000000; --ltn__primary-color-2: #041113; --ltn__primary-color-3: #133236; --ltn__secondary-color: #FF5A3C; --ltn__secondary-color-2: #cb3421; --ltn__secondary-color-3: #fb412a; --ltn__heading-color: #071c1f; --ltn__paragraph-color: #5C727D; --ltn__heading-font: 'Poppins',sans-serif; --ltn__body-font: 'Nunito Sans',sans-serif; --ltn__color-1: #8cb2b2; --ltn__color-2: #ACD2D8; --ltn__color-3: #A3BCC0; --ltn__color-4: #84A2A6; --ltn__color-5: #5C727D; --ltn__color-6: #F5DFDC; --gradient-color-1: linear-gradient(90deg, rgba(242,139,194,1) 0%, rgba(216,177,242,1) 50%); --gradient-color-2: linear-gradient(to top, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%); --gradient-color-3: linear-gradient(to bottom, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%); --gradient-color-4: linear-gradient(to top, rgba(242,246,247,0) 0%, rgba(242,246,247,1) 90%); --gradient-color-5: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%); --section-bg-1: #F2F6F7; --section-bg-2: #132E6B; --section-bg-5: #FFF2F0; --section-bg-6: #132E6B; --section-bg-7: #282b38; --border-color-1: #e5eaee; --border-color-2: #1e2021; --border-color-3: #5C617F; --border-color-4: #eb6954; --border-color-5: #bc3928; --border-color-6: #103034; --border-color-7: #d1dae0; --border-color-8: #f6f6f6; --border-color-9: #e4ecf2; --border-color-10: #ebeeee; --border-color-11: #ededed; --border-color-12: #e1e6ff; --border-color-13: #f1f8ff; --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1); --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1); --ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, .28); --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1); --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1); --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2); --ltn__box-shadow-7: 0 0 10px 0px rgba(93, 93, 93, 0.2); --black: #000000; --black-2: #22355B; --white: #fff; --white-2: #F2F6F7; --white-3: #e8edee; --white-4: #e6ecf0; --white-5: #f0f4f7; --white-6: #f1f1f1; --white-7: #F7F7F7; --white-8: #FAFAFA; --white-9: #F2F7FA; --white-10: #EDEDED; --red: #FF0000; --red-2: #f34f3f; --red-3: #DB483B; --silver: #C0C0C0; --gray: #808080; --maroon: #800000; --yellow: #f6ba42; --olive: #808000; --lime: #00FF00; --green: #77C720; --green-2: #008000; --aqua: #00FFFF; --teal: #008080; --blue: #2553a8; --navy: #000080; --fuchsia: #B13BFF; --purple: #800080; --pink: #FFC0CB; --nude: #ebc8b2; --orange: #ffa500; --ratings: #FFB800; --facebook: #365493; --twitter: #3CF; --linkedin: #0077B5; --pinterest: #c8232c; --dribbble: #ea4c89; --behance: #131418; --google-plus: #dd4b39; --instagram: #e4405f; --vk: #3b5998; --wechat: #7bb32e; --youtube: #CB2027; --email: #F89A1E; --swiper-navigation-size: 44px } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } body { color: var(--ltn__paragraph-color); font-weight: 400; font-size: 16px; line-height: 1.8; overflow-x: hidden !important; margin: 0 auto } .h1, .h2, .h3,.header-feature-item p, .ltn__tagcloud-widget ul li a, h1, h2, h3 { font-family: var(--ltn__heading-font) } .h1,h1 { font-size: 36px } .h2,h2 { font-size: 1.75em; } .h3,h3 { font-size: 28px } .h4,h4 { font-size: 20px } .h5,.mini-cart-icon i,h5 { font-size: 18px } .h6,h6 { font-size: 17px } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { color: var(--ltn__heading-color); clear: both; font-weight: 700; line-height: 1.3; margin-bottom: 15px } .apply-now,button,code,input,kbd,optgroup,pre,samp,select,textarea,tt,var { font-family: var(--ltn__body-font) } p { color: var(--ltn__paragraph-color); margin-bottom: 1.5em } a { color: inherit; color: var(--ltn__paragraph-color); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } a,a:active,a:focus,a:hover { text-decoration: none; outline: 0; color: inherit } a i { padding: 0 2px } embed,iframe,img,object { max-width: 100% } ol li,ul li { margin-top: 1em } .menu-wrapper li { margin-top: .5em } .mini-cart-img img,.section-bg-1,.section-bg-1 .ltn__separate-line .separate-icon { background-color: var(--section-bg-1) } .section-bg-2,.section-bg-7 { background-color: var(--section-bg-2) } .section-bg-6 { background-color: #061b49 } .section-bg-2 h1,.section-bg-2 h2,.section-bg-2 h3,.section-bg-2 h4,.section-bg-2 h5,.section-bg-2 h6,.section-bg-2 i,.section-bg-2 li,.section-bg-2 p,.section-bg-2 span,.section-bg-2 td,.section-bg-2 tr,.section-bg-3 .btn-wrapper button,.section-bg-3 h1,.section-bg-3 h2,.section-bg-3 h3,.section-bg-3 h4,.section-bg-3 h5,.section-bg-3 h6,.section-bg-3 i,.section-bg-3 li,.section-bg-3 p,.section-bg-3 span,.section-bg-3 td,.section-bg-3 tr,.section-bg-6 h1,.section-bg-6 h2,.section-bg-6 h3,.section-bg-6 h5,.section-bg-6 h6,.section-bg-6 li,.section-bg-6 p,.section-bg-6 td,.section-bg-6 tr,.section-bg-7 h1,.section-bg-7 h2,.section-bg-7 h3,.section-bg-7 h4,.section-bg-7 h5,.section-bg-7 h6,.section-bg-7 i,.section-bg-7 li,.section-bg-7 p,.section-bg-7 span,.section-bg-7 td,.section-bg-7 tr { color: var(--white) } .section-bg-6 span { font-weight: 600; font-size: 1.1em } .ltn__search-by-place-item .search-by-place-info h4 a:hover { color: #6c6767!important } .ltn__search-by-place-item .search-by-place-info .search-by-place-btn a:hover { color: #454545!important } .section-bg-2 .ltn__separate-line .separate-icon,.section-bg-4 .ltn__separate-line .separate-icon,.section-bg-6 .ltn__separate-line .separate-icon,.section-bg-7 .ltn__separate-line .separate-icon { background-color: var(--black-2) } .section-bg-6 h4 { color: #333 } .section-bg-3 .ltn__separate-line .separate-icon i,.section-bg-4 h1,.section-bg-4 h2,.section-bg-4 h3,.section-bg-4 h4,.section-bg-4 h5,.section-bg-4 h6,.section-bg-4 i,.section-bg-4 li,.section-bg-4 p,.section-bg-4 span,.section-bg-4 td,.section-bg-4 tr,.text-color-white,.text-color-white h1,.text-color-white h2,.text-color-white h3,.text-color-white h4,.text-color-white h5,.text-color-white h6,.text-color-white i,.text-color-white li,.text-color-white p,.text-color-white span,.text-color-white td,.text-color-white tr,.white-color,mark { color: var(--white) } .before-bg-1,.before-bg-bottom,.before-bg-bottom-2,.before-bg-left,.before-bg-right,.before-bg-top,.dropdown-list-today>li,.form-input-box,.header-bottom-area .row,.input-item,.ltn__custom-icon,.ltn__search-widget form,.ltn__video-info,.section-bg-3 { position: relative } .section-bg-3:before { position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: var(--gradient-color-1); opacity: .9 } .ltn__menu-widget-2,.section-bg-3 .slick-arrow-1 .slick-arrow { background-color: transparent } .section-bg-3 input[type=email],.section-bg-3 input[type=password],.section-bg-3 input[type=submit],.section-bg-3 input[type=text] { border-color: var(--white); color: var(--white) } .section-bg-3 input::-webkit-input-placeholder { color: var(--white) } .section-bg-3 input::-moz-placeholder { color: var(--white) } .section-bg-3 input:-ms-input-placeholder { color: var(--white) } .section-bg-3 input:-moz-placeholder { color: var(--white) } .gradient-color-1,.section-bg-3 .ltn__separate-line .separate-icon { background: var(--gradient-color-1) } .section-bg-4 { background-color: var(--ltn__primary-color-2) } #lightcase-info,.ltn__author-widget-inner .ltn__social-media ul li,.ltn__breadcrumb-color-white .ltn__breadcrumb-list li,.ltn__color-1,.section-bg-4 .ltn__copyright-design h4,.section-bg-4 .ltn__copyright-design h6 { color: var(--ltn__color-1) } .section-bg-5 { background-color: var(--section-bg-5) } .section-bg-6 { background-color: var(--section-bg-6) } .section-bg-7 { background-color: var(--section-bg-7) } .ltn__primary-color { color: var(--ltn__primary-color)!important } .ltn__primary-color-2 { color: var(--ltn__primary-color-2)!important } .ltn__primary-color-3 { color: var(--ltn__primary-color-3)!important } .ltn__secondary-color { color: var(--ltn__secondary-color)!important } .ltn__secondary-color-2 { color: var(--ltn__secondary-color-2)!important } .ltn__secondary-color-3 { color: var(--ltn__secondary-color-3)!important } .bg-black,.btn-effect-3:hover,.white-color-im { color: var(--white)!important } .ltn__primary-bg { background-color: var(--ltn__primary-color) } .ltn__footer-color-1 .ltn__copyright-area,.ltn__primary-bg-2 { background-color: var(--ltn__primary-color-2) } .before-bg-1:before,.before-bg-top:before { position: absolute; content: ""; width: 100%; background-color: var(--section-bg-1) } .form-input-box button[type=submit]:hover,.ltn__secondary-bg { background-color: var(--ltn__secondary-color) } .header-top-btn a:hover,.ltn__secondary-bg-2 { background-color: var(--ltn__secondary-color-2) } .ltn__secondary-bg3 { background-color: #f1efeb } .white-bg { background-color: var(--white) } .gradient-color-2 { background: var(--gradient-color-2) } .gradient-color-3 { background: var(--gradient-color-3) } .gradient-color-4 { background: var(--gradient-color-4) } .gradient-color-5 { background: var(--gradient-color-5) } .before-bg-1:before { height: 34.2%; left: 0; bottom: 0 } .before-bg-top:before { height: 72%; left: 0; top: 0 } .before-bg-bottom-2:before,.before-bg-bottom:before { position: absolute; content: ""; height: 50%; left: 0; width: 100%; bottom: 0 } .before-bg-bottom:before { background-color: var(--section-bg-2) } .before-bg-bottom-2:before { background-color: var(--section-bg-1) } .before-bg-left:before,.before-bg-right:before { content: ""; width: 25%; height: 100%; top: 0; position: absolute } .before-bg-left:before,.before-bg-right:before,.form-input-box button[type=submit],mark { background-color: var(--ltn__primary-color) } .before-bg-right:before { left: auto; right: 0 } .before-bg-left:before { left: 0; right: auto } .box-shadow { -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2) } .box-shadow-1,.menu-product-item:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__custom-icon::before { content: "\f063"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900 } .ltn__border { border: 1px solid var(--border-color-1) } .border-top,.ltn__border-top { border-top: 1px solid var(--border-color-1) } .border-bottom { border-bottom: 1px solid var(--border-color-1) } .border-color-3 { border-color: var(--border-color-3)!important } mark { padding: 3px 15px; border-radius: 25px } hr { margin-top: 50px; margin-bottom: 50px; border-top: 1px solid var(--border-color-12) } .dropdown-list-today>li .sub-dropdown-list-today a:hover,.text-decoration a,a.text-decoration { text-decoration: underline } fieldset { padding: 30px 40px; border: 1px solid #eee } fieldset legend { font-size: 18px; font-weight: 400; line-height: 1; width: auto; margin-top: -9px; margin-bottom: 0; padding: 0 15px; text-transform: uppercase; color: #333; background-color: #fff } .ltn__z-index-9 { z-index: 9 } .ltn__z-index-99 { z-index: 99 } .bg-fixed { background-attachment: fixed } .bg-black { background-color: var(--black)!important } .bg-white { background-color: var(--white)!important; color: var(--black)!important } .bg-blue,.bg-fuchsia,.bg-green,.bg-orange,.bg-red,.bg-yellow { color: var(--white)!important } .bg-red { background-color: var(--red)!important } .bg-yellow { background-color: var(--yellow)!important } .bg-green { background-color: var(--green)!important } .bg-blue { background-color: var(--blue)!important } .bg-orange { background-color: var(--orange)!important } .bg-fuchsia { background-color: var(--fuchsia)!important } input[type=button]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=reset]:focus,input[type=search]:focus,input[type=submit]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd } code { color: #faa603 } input[type=email],input[type=password],input[type=submit],input[type=text],textarea { background-color: var(--white); border: 2px solid; border-color: var(--border-color-9); height: 65px; -webkit-box-shadow: none; box-shadow: none; padding-left: 20px; font-size: 16px; color: var(--ltn__paragraph-color); width: 100%; margin-bottom: 30px; border-radius: 0; padding-right: 40px } input[type=email]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=submit]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: var(--ltn__paragraph-color); font-size: 14px } input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus { border-color: var(--ltn__secondary-color) } input[type=password] { letter-spacing: 3px; font-size: 16px } textarea { resize: vertical; padding: 15px 20px; min-height: 150px } button { outline: 0; border: none; cursor: pointer } #content[tabindex="-1"]:focus,.faq-accordion .accordion .accordion-item .accordion-header .accordion-button:focus,button:focus { outline: 0 } .form-input-box input[type=text] { width: 100%; height: 50px; padding: 0 70px 0 15px; border-radius: 0 15px 0 0; border: 1px solid var(--ltn__primary-color); margin-bottom: 0 } .form-input-box button[type=submit] { color: var(--white); padding: 0 18px; height: 100%; border: 1px solid var(--ltn__primary-color); position: absolute; right: 0; top: 0; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .form-input-box button[type=submit]:hover { border-color: var(--ltn__secondary-color); color: var(--white) } .input-item.ltn__custom-icon::before { position: absolute; top: 35%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; color: var(--ltn__secondary-color) } .input-item-name.ltn__custom-icon::before { content: "\f007" } .input-item-email.ltn__custom-icon::before { content: "\f0e0" } .input-item-phone.ltn__custom-icon::before { content: "\f095" } .input-item-subject.ltn__custom-icon::before { content: "\f06e" } .input-item-website.ltn__custom-icon::before { content: "\f0ac" } .input-item-date.ltn__custom-icon::before,.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-calendar .nice-select::before { content: "\f073" } .input-item-textarea.ltn__custom-icon::before { content: "\f303"; top: 30px } .input-info-save,.ltn__author-widget-inner p,label.checkbox-inline { font-size: 14px } .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto!important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } .blog-pagination ul li a:hover,.blog-pagination ul li span.current,.post-password-form input[type=submit],.wp-link-pages .current,.wp-link-pages a:hover { background-color: var(--ltn__primary-color); color: #fff } .alignleft { float: left; clear: both; margin-right: 20px } .alignright { float: right; clear: both; margin-left: 20px } .aligncenter { clear: both; margin: 0 auto 1.75em } .alignfull,.single-post-details-item .entry-content>.alignfull { margin: 1.5em 0; max-width: 100% } .gallery,.wp-caption { margin-bottom: 1.5em } .alignwide,.single-post-details-item .entry-content>.alignwide { max-width: 1100px } .college-enginnering .box,.college-enginnering .item,.fix,.ltn__add-to-cart-modal-area .modal-product-info,.mini-cart-info,.popular-post-widget-brief,.price_slider_amount,.top-rated-product-info { overflow: hidden } .clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before { content: ""; display: table; table-layout: fixed } .ltn__breadcrumb-list ul li:last-child:after,.slick-dots li button,.updated:not(.published) { display: none } .clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after { clear: both } .blog-pagination ul li,.custom-logo-link,.header-menu-2 .ltn__main-menu>ul,.header-top-btn { display: inline-block } .blog-pagination ul li+li { margin: 0 5px } .blog-pagination,.btn-full-width-2 { display: block; width: 100% } .blog-pagination ul { margin: 0; padding: 0; list-style: none } .blog-pagination ul li a,.blog-pagination ul li span { display: block; width: 40px; height: 40px; border: 1px solid #e2e2e2; line-height: 40px; text-align: center; font-weight: 600; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in } .comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 } .wp-caption { max-width: 100%; clear: both } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto } .wp-caption .wp-caption-text { margin: .8075em 0 } .gallery-item { display: inline-block; vertical-align: top; width: 100% } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .wp-link-pages a { margin: 0 5px; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in } .wp-link-pages { margin-bottom: 30px; margin-top: 25px } .wp-link-pages a,.wp-link-pages span { border: 1px solid #e2e2e2; padding: 5px 15px; display: inline-block } .wp-link-pages .current,.wp-link-pages a:hover { border-color: var(--ltn__primary-color) } .mini-cart-icon-2>a .mini-cart-icon,.wp-link-pages span:first-child { margin-right: 5px } .footer-menu ul li:hover a,.footer-menu-widget-2-column .footer-menu:nth-child(odd),dl,ol,ul { padding-left: 20px } .post-password-form input { display: block; border: 1px solid #e2e2e2; height: 50px; border-radius: 3px; padding: 0 20px } .post-password-form label { font-weight: 600; color: #333 } .post-password-form input[type=submit] { width: 100px; height: 50px; font-size: 16px; font-weight: 600; letter-spacing: 1px; border: none; cursor: pointer; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in } .dropdown-list-today a:hover,.scrollUp { color: var(--ltn__heading-color) } .owl-dots .owl-dot,.slick-dots li { width: 10px; border-radius: 100%; height: 10px; display: inline-block } .post-password-form input[type=submit]:hover { background-color: #121a2f } .footer-widget .table td,.footer-widget .table th { padding: .5rem!important } .scrollUp { /* background-color:var(--bs-yellow); */ bottom: 70px; font-size: 20px; font-weight: 700; height: 50px; width: 50px; right: 3%; -webkit-transform: translateY(60px) rotate(45deg); -ms-transform: translateY(60px) rotate(45deg); transform: translateY(60px) rotate(45deg); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); border-radius: 50%; opacity: 0; visibility: hidden; border: 1px solid #ddd; } .apply-now,.ltn__popular-product-widget .ltn__product-item .product-title { font-size: 16px } .scrollUp.open { -webkit-transform: translateY(0) rotate(45deg)!important; -ms-transform: translateY(0) rotate(45deg)!important; transform: translateY(0) rotate(45deg)!important; opacity: 1!important; visibility: visible!important } .scrollUp i { line-height: 50px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); color: #ddd; } .owl-arrow-1 .owl-nav>div,.slick-arrow-1 .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: auto } .scrollUp:hover { /* background-color:#c62a73; */ /* color:var(--white); */ } .slick-arrow-1 .slick-arrow,.slick-arrow-2 .slick-arrow { color: var(--ltn__primary-color)!important; position: absolute; text-align: center; cursor: pointer } .owl-dots { display: block; text-align: center; margin-top: 20px } .owl-dots .owl-dot { margin-right: 30px } .owl-dots .owl-dot:last-child { margin-right: 0 } .owl-arrow-1 .owl-nav>div { position: absolute; left: -60px; transform: translateY(-50%) } .owl-arrow-1 .owl-nav>div.owl-next { left: auto; right: -60px } @media only screen and (max-width: 1200px) { .owl-arrow-1 .owl-nav>div { right:auto; left: 0 } .owl-arrow-1 .owl-nav>div.owl-next { right: 0; left: auto } } .slick-dots { margin: 0 0 30px; padding: 0; display: block; text-align: center; line-height: 1 } .ltn__header-2 .sticky-active .header-menu-2,.ltn__header-3 .sticky-active .header-menu-2,.slides-testi,.slides-testi .owl-theme .owl-dots { text-align: right } .slick-dots li { list-style: none; font-size: 0; margin-right: 10px; background-color: var(--silver); cursor: pointer; margin-top: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .slick-dots li.slick-active,.slick-dots li:hover { background-color: var(--ltn__secondary-color); height: 15px; width: 15px; margin-bottom: -2px } .slick-arrow { cursor: pointer; z-index: 9 } .slick-arrow-1 .slick-arrow { background-color: var(--white); left: 15px; transform: translateY(-50%); width: 50px; height: 50px; line-height: 48px; display: block; border: 1px solid var(--white-4); border-radius: 100%; font-size: 20px; z-index: 1; opacity: 0; visibility: hidden } .slick-arrow-1 .slick-arrow:hover,.slick-arrow-2 .slick-arrow:hover,.slick-slide-arrow-1 .slick-arrow:hover { background-color: var(--ltn__secondary-color); border-color: var(--ltn__secondary-color); color: var(--white)!important } .slick-arrow-1 .slick-next { right: 15px; left: auto } .slick-arrow-1:hover .slick-arrow { opacity: 1; visibility: visible } .slick-arrow-1-inner.slick-arrow-1:hover .slick-arrow { left: 50px; right: auto } .slick-arrow-1-inner.slick-arrow-1:hover .slick-next { right: 50px; left: auto } @media (min-width: 1350px) { .slick-arrow-1:hover .slick-arrow { left:-50px; right: auto } .slick-arrow-1:hover .slick-next { right: -50px; left: auto } } .slick-arrow-2 .slick-arrow { bottom: -30px; height: 30px; width: 30px; line-height: 28px; display: block; left: 15px; border: 1px solid var(--border-color-1) } .slick-arrow-2 .slick-next { left: 60px } .slick-arrow-3 .slick-arrow { cursor: pointer; position: absolute; top: -120px; height: 60px; width: 60px; line-height: 58px; display: block; left: auto; right: 100px; border: 2px solid; text-align: center; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2) } .slick-arrow-3 .slick-arrow:hover,.slick-arrow-3 .slick-prev,.slick-arrow-4 .slick-arrow:hover { background-color: var(--ltn__secondary-color); border-color: var(--border-color-4); color: var(--white)!important } .slick-arrow-3 .slick-next { right: 15px; background-color: var(--white); border-color: var(--white); color: var(--ltn__primary-color)!important } .headr-new-aas .all-menu-new .top-menu .menu-staff ul li,.headr-new-aas .all-menu-new .top-menu h1,.headr-new-aas .all-menu-new .top-menu ul,.slick-arrow-4 { margin: 0 } .slick-arrow-4 .slick-arrow { position: absolute; bottom: -50px; left: 0; right: 0; text-align: center; height: 50px; width: 50px; line-height: 50px; margin: 0 auto; border: 1px solid; border-radius: 100% } .slick-arrow-4 .slick-next { right: -60px } .slick-arrow-4 .slick-prev { left: -60px } .bg-overlay-black-10,.bg-overlay-black-20,.bg-overlay-black-30,.bg-overlay-black-40,.bg-overlay-black-50,.bg-overlay-black-60,.bg-overlay-black-70,.bg-overlay-black-80,.bg-overlay-black-90,.bg-overlay-white-10,.bg-overlay-white-20,.bg-overlay-white-30,.bg-overlay-white-40,.bg-overlay-white-50,.bg-overlay-white-60,.bg-overlay-white-70,.bg-overlay-white-80,.bg-overlay-white-90 { z-index: 8; position: relative } .bg-overlay-black-10:before,.bg-overlay-black-20:before,.bg-overlay-black-30:before,.bg-overlay-black-40:before,.bg-overlay-black-50:before,.bg-overlay-black-60:before,.bg-overlay-black-70:before,.bg-overlay-black-80:before,.bg-overlay-black-90:before,.bg-overlay-theme-05:before,.bg-overlay-theme-10:before,.bg-overlay-theme-20:before,.bg-overlay-theme-30:before,.bg-overlay-theme-40:before,.bg-overlay-theme-50:before,.bg-overlay-theme-60:before,.bg-overlay-theme-70:before,.bg-overlay-theme-80:before,.bg-overlay-theme-90:before,.bg-overlay-theme-black-05:before,.bg-overlay-theme-black-10:before,.bg-overlay-theme-black-20:before,.bg-overlay-theme-black-30:before,.bg-overlay-theme-black-40:before,.bg-overlay-theme-black-50:before,.bg-overlay-theme-black-60:before,.bg-overlay-theme-black-70:before,.bg-overlay-theme-black-80:before,.bg-overlay-theme-black-90:before,.bg-overlay-white-10:before,.bg-overlay-white-20:before,.bg-overlay-white-30:before,.bg-overlay-white-40:before,.bg-overlay-white-50:before,.bg-overlay-white-60:before,.bg-overlay-white-70:before,.bg-overlay-white-80:before,.bg-overlay-white-90:before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; z-index: -1 } .bg-overlay-black-10:before { background: rgba(0,0,0,.1) } .bg-overlay-black-20:before { background: rgba(0,0,0,.2) } .bg-overlay-black-30:before { background: rgba(0,0,0,.3) } .bg-overlay-black-40:before { background: rgba(0,0,0,.4) } .bg-overlay-black-50:before { background: rgba(0,0,0,.5) } .bg-overlay-black-60:before { background: rgba(0,0,0,.6) } .bg-overlay-black-70:before { background: rgba(0,0,0,.7) } .bg-overlay-black-80:before { background: rgba(0,0,0,.8) } .bg-overlay-black-90:before { background: rgba(0,0,0,.9) } .bg-overlay-white-10:before { background: rgba(255,255,255,.1) } .bg-overlay-white-20:before { background: rgba(255,255,255,.2) } .bg-overlay-white-30:before,.slide-switch:checked+.slide-label { background: #fff } .bg-overlay-white-40:before { background: rgba(255,255,255,.4) } .bg-overlay-white-50:before { background: rgba(255,255,255,.5) } .bg-overlay-white-60:before { background: rgba(255,255,255,.6) } .bg-overlay-white-70:before { background: rgba(255,255,255,.7) } .bg-overlay-white-80:before { background: rgba(255,255,255,.8) } .bg-overlay-white-90:before { background: rgba(255,255,255,.9) } .bg-overlay-theme-05,.bg-overlay-theme-10,.bg-overlay-theme-20,.bg-overlay-theme-30,.bg-overlay-theme-40,.bg-overlay-theme-50,.bg-overlay-theme-60,.bg-overlay-theme-70,.bg-overlay-theme-80,.bg-overlay-theme-90,.bg-overlay-theme-black-05,.bg-overlay-theme-black-10,.bg-overlay-theme-black-20,.bg-overlay-theme-black-30,.bg-overlay-theme-black-40,.bg-overlay-theme-black-50,.bg-overlay-theme-black-60,.bg-overlay-theme-black-70,.bg-overlay-theme-black-80,.bg-overlay-theme-black-90 { z-index: 9; position: relative } .bg-overlay-theme-05:before { background: rgba(229,62,41,.05) } .bg-overlay-theme-10:before { background: rgba(229,62,41,.1) } .bg-overlay-theme-20:before { background: rgba(229,62,41,.2) } .bg-overlay-theme-30:before { background: rgba(229,62,41,.3) } .bg-overlay-theme-40:before { background: rgba(229,62,41,.4) } .bg-overlay-theme-50:before { background: rgba(229,62,41,.5) } .bg-overlay-theme-60:before { background: rgba(229,62,41,.6) } .bg-overlay-theme-70:before { background: rgba(229,62,41,.7) } .bg-overlay-theme-80:before { background: rgba(229,62,41,.8) } .bg-overlay-theme-90:before { background: rgba(229,62,41,.9) } .bg-overlay-theme-black-05:before { background: rgba(7,28,31,.05) } .bg-overlay-theme-black-10:before { background: rgba(7,28,31,.1) } .bg-overlay-theme-black-20:before { background: rgba(7,28,31,.2) } .bg-overlay-theme-black-30:before { background: rgba(7,28,31,.3) } .bg-overlay-theme-black-40:before { background: rgba(7,28,31,.4) } .bg-overlay-theme-black-50:before { background: rgba(7,28,31,.5) } .bg-overlay-theme-black-60:before { background: rgba(7,28,31,.6) } .bg-overlay-theme-black-70:before { background: rgba(7,28,31,.7) } .bg-overlay-theme-black-80:before { background: rgba(7,28,31,.8) } .bg-overlay-theme-black-90:before { background: rgba(7,28,31,.9) } .ltn__scrollbar,.mean-nav { overflow-y: auto } .ltn__scrollbar::-webkit-scrollbar { width: 2px; background-color: #f5f5f5; border-radius: 30px } .ltn__scrollbar::-webkit-scrollbar-thumb { background-color: #ddd } .mean-nav::-webkit-scrollbar { width: 3px; background-color: var(--ltn__primary-color); border-radius: 30px } .mean-nav::-webkit-scrollbar-thumb { background-color: var(--ltn__secondary-color) } .pt-0 { padding-top: 0!important } .pt-10 { padding-top: 10px!important } .pt-15 { padding-top: 15px!important } .pt-20 { padding-top: 20px!important } .pt-25 { padding-top: 25px } .pt-30 { padding-top: 30px } .pt-35 { padding-top: 35px } .pt-40 { padding-top: 40px } .pt-45 { padding-top: 45px } .pt-50 { padding-top: 50px } .pt-55 { padding-top: 55px } .pt-60 { padding-top: 60px } .pt-65 { padding-top: 65px } .pt-70 { padding-top: 70px } .pt-75 { padding-top: 75px } .pt-80 { padding-top: 80px } .pt-85 { padding-top: 85px } .pt-90 { padding-top: 90px } .pt-95 { padding-top: 95px } .pt-97 { padding-top: 97px } .pt-100 { padding-top: 100px } .pt-105 { padding-top: 105px } .pt-110 { padding-top: 110px } .pt-112 { padding-top: 112px } .pt-115 { padding-top: 115px } .pt-118 { padding-top: 118px } .pt-120 { padding-top: 120px } .pt-122 { padding-top: 122px } .pt-125 { padding-top: 125px } .pt-130 { padding-top: 130px } .pt-135 { padding-top: 135px } .pt-140 { padding-top: 140px } .pt-145 { padding-top: 145px } .pt-150 { padding-top: 150px } .pt-155 { padding-top: 155px } .pt-160 { padding-top: 160px } .pt-170 { padding-top: 170px } .pt-180 { padding-top: 180px } .pt-190 { padding-top: 190px } .pt-200 { padding-top: 200px } .pt-210 { padding-top: 210px } .pt-220 { padding-top: 220px } .pt-230 { padding-top: 230px } .pt-250 { padding-top: 250px } .pt-280 { padding-top: 280px } .pt-290 { padding-top: 290px } .pt-300 { padding-top: 300px } .pt-310 { padding-top: 310px } .pt-320 { padding-top: 320px } .pt-350 { padding-top: 350px } .pb-0 { padding-bottom: 0!important } .pb-10 { padding-bottom: 10px!important } .pb-15 { padding-bottom: 15px!important } .pb-20 { padding-bottom: 20px!important } .pb-25 { padding-bottom: 25px } .pb-30 { padding-bottom: 30px } .pb-35 { padding-bottom: 35px } .pb-40 { padding-bottom: 40px } .pb-45 { padding-bottom: 45px } .pb-50 { padding-bottom: 50px } .pb-55 { padding-bottom: 55px } .pb-60 { padding-bottom: 60px } .pb-65 { padding-bottom: 65px } .pb-70 { padding-bottom: 70px } .pb-75 { padding-bottom: 75px } .pb-80 { padding-bottom: 80px } .pb-85 { padding-bottom: 85px } .pb-90 { padding-bottom: 90px } .pb-95 { padding-bottom: 95px } .pb-97 { padding-bottom: 97px } .pb-100 { padding-bottom: 100px } .pb-105 { padding-bottom: 105px } .pb-107 { padding-bottom: 107px } .pb-110 { padding-bottom: 110px } .pb-112 { padding-bottom: 112px } .pb-115 { padding-bottom: 115px } .pb-118 { padding-bottom: 118px } .pb-120 { padding-bottom: 120px } .pb-122 { padding-bottom: 122px } .pb-125 { padding-bottom: 125px } .pb-130 { padding-bottom: 130px } .pb-140 { padding-bottom: 140px } .pb-145 { padding-bottom: 145px } .pb-150 { padding-bottom: 150px } .pb-155 { padding-bottom: 155px } .pb-160 { padding-bottom: 160px } .pb-170 { padding-bottom: 170px } .pb-180 { padding-bottom: 180px } .pb-190 { padding-bottom: 190px } .pb-200 { padding-bottom: 200px } .pb-210 { padding-bottom: 210px } .pb-220 { padding-bottom: 220px } .pb-250 { padding-bottom: 250px } .pb-280 { padding-bottom: 280px } .pb-290 { padding-bottom: 290px } .pb-300 { padding-bottom: 300px } .pb-310 { padding-bottom: 310px } .pb-320 { padding-bottom: 320px } .pb-350 { padding-bottom: 350px } .gt-location ul li,.mt-0 { margin-top: 0!important } .mt-10 { margin-top: 10px!important } .mt-12 { margin-top: 12px!important } .mt-15 { margin-top: 15px!important } .mt-20 { margin-top: 20px!important } .mt-25 { margin-top: 25px!important } .mt-30 { margin-top: 30px!important } .mt-35 { margin-top: 35px } .mt-37 { margin-top: 37px } .mt-40 { margin-top: 40px } .mt-45 { margin-top: 45px } .about-us-img-info .btn-wrapper,.coming-soon-inner .btn-wrapper,.error-404-inner .btn-wrapper,.mt-50 { margin-top: 50px } .mt-55 { margin-top: 55px } .mt-60 { margin-top: 60px } .mt-65 { margin-top: 65px } .mt-70 { margin-top: 70px } .mt-80 { margin-top: 80px } .mt-90 { margin-top: 90px } .mt-95 { margin-top: 95px } .mt-100 { margin-top: 100px } .mt-105 { margin-top: 105px } .about-img-wrapper .img-two,.mt-110 { margin-top: 110px } .mt-115 { margin-top: 115px } .mt-118 { margin-top: 118px } .mt-120 { margin-top: 120px } .mt-122 { margin-top: 122px } .mt-125 { margin-top: 125px } .mt-130 { margin-top: 130px } .mt-140 { margin-top: 140px } .modal-dialog,.mt-150 { margin-top: 150px } .mt-160 { margin-top: 160px } .mt-170 { margin-top: 170px } .mb-0 { margin-bottom: 0!important } .mb-10 { margin-bottom: 10px!important } .mb-12 { margin-bottom: 12px!important } .mb-15 { margin-bottom: 15px!important } .mb-20 { margin-bottom: 20px!important } .mb-25 { margin-bottom: 25px!important } .mb-30 { margin-bottom: 30px!important } .ltn__shop-details-img-gallery,.mb-35 { margin-bottom: 35px } .ltn__section-title-2,.mb-40,.widget-2 { margin-bottom: 40px } .mb-45 { margin-bottom: 45px } .ltn__shop-options,.mb-50,.section-title-area { margin-bottom: 50px } .mb-55 { margin-bottom: 55px } .mb-60 { margin-bottom: 60px } .mb-65 { margin-bottom: 65px } .mb-70 { margin-bottom: 70px } .mb-80 { margin-bottom: 80px } .mb-90 { margin-bottom: 90px } .mb-95 { margin-bottom: 95px } .mb-100 { margin-bottom: 100px } .mb-105 { margin-bottom: 105px } .mb-110 { margin-bottom: 110px } .mb-115 { margin-bottom: 115px } .mb-118 { margin-bottom: 118px } .mb-120 { margin-bottom: 120px } .mb-122 { margin-bottom: 122px } .mb-125 { margin-bottom: 125px } .mb-130 { margin-bottom: 130px } .mb-140 { margin-bottom: 140px } .mb-150 { margin-bottom: 150px } .about-img-left,.mr-30 { margin-right: 30px } .ml-30 { margin-left: 30px } .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body,.ltn__our-history-inner .about-img-right,.pl-70 { padding-left: 70px } .ltn__our-history-inner .about-img-left,.pr-70 { padding-right: 70px } .plr--2 { padding-left: 2%; padding-right: 2% } .plr--3 { padding-left: 3%; padding-right: 3% } .plr--4 { padding-left: 4%; padding-right: 4% } .plr--5 { padding-left: 5%; padding-right: 5% } .plr--6 { padding-left: 6%; padding-right: 6% } .plr--7 { padding-left: 7%; padding-right: 7% } .plr--8 { padding-left: 8%; padding-right: 8% } .plr--9 { padding-right: 9% } .plr--10 { padding-left: 10%; padding-right: 10% } .plr--11 { padding-left: 11%; padding-right: 11% } .plr--12 { padding-left: 12%; padding-right: 12% } @media (min-width: 1400px) { .mt--65 { margin-top:-65px } } @media (min-width: 1200px) { .mt--30 { margin-top:-30px!important } .mt--100,.mt--110,.mt--120,.mt--150,.mt--80,.mt--90 { margin-top: -100px } } .mb--30 { margin-bottom: -30px } .mb--100,.mb--110,.mb--120,.mb--150,.mb--80,.mb--90 { margin-bottom: -100px } .ltn__height-100 { height: 100px } .ltn__height-200 { height: 200px } .ltn__height-250 { height: 250px } .ltn__height-300,.ltn__video-popup-height-300 { height: 300px } .ltn__height-350 { height: 350px } .ltn__height-400,.ltn__video-popup-height-400 { height: 400px } .ltn__height-450 { height: 450px } .ltn__height-500,.ltn__video-popup-height-500 { height: 500px } .ltn__height-550 { height: 550px } .ltn__height-600,.ltn__video-popup-height-600 { height: 600px } .ltn__height-650 { height: 650px } .ltn__height-700 { height: 700px } .wp-block-video video { max-width: 636px } .btn-effect-1:hover::after,.btn-effect-2:hover::after,.btn-effect-3:hover::after,.btn-effect-5:hover::after,.card img,.college-enginnering-slider .item .box.center-slide img,.get-a-quote-form .btn,.kd-audio-post iframe,.kf_edu2_tab_wrap .nav-tabs .active a:before,.kf_edu2_tab_wrap .nav-tabs>li>a:hover:before,.owl-carousel .owl-item img,.slide-item-info-inner,.works ul li figure .image,.wp-block-image.alignleft,.wp-block-image.alignright,article img { width: 100%; height: 100%; } #myVideo,.wp-block-image.alignfull img { width: 100vw } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto } .wp-block-cover-text p { padding: 1.5em 14px } ul.wp-block-latest-posts.alignfull,ul.wp-block-latest-posts.alignwide,ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 14px } .wp-block-table { display: block; overflow-x: auto } .wp-block-table table { border-collapse: collapse; width: 100% } .wp-block-table td,.wp-block-table th { padding: .5em } .wp-block-embed.type-video>.wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25% } .wp-block-embed.type-video>.wp-block-embed__wrapper>iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0 } .wp-block-quote.is-large { margin: 0 auto 16px } .wp-block-pullquote>p:first-child { margin-top: 0 } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 4px solid #000; padding-left: 1em } .wp-block-separator { margin: 3em auto; padding: 0 } @media screen and (min-width: 768px) { .wp-block-cover-text p { padding:1.5em 0 } } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d } .has-strong-blue-color { color: #0073aa } .has-strong-blue-background-color { background-color: #0073aa } .has-lighter-blue-color { color: #229fd8 } .has-lighter-blue-background-color { background-color: #229fd8 } .has-very-light-gray-color { color: #eee } .has-very-light-gray-background-color { background-color: #eee } .has-very-dark-gray-color { color: #444 } .has-very-dark-gray-background-color { background-color: #444 } .ltn__effect-img { position: absolute } .ltn__effect-img-top-left { top: 6%; left: 5% } .ltn__effect-img-top-right { top: 5%; right: 5% } .ltn__effect-img-center-left { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 3% } .ltn__effect-img-center-center { top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50% } .ltn__effect-img-center-right { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 3% } .ltn__effect-img-bottom-left { bottom: 5%; left: 0 } .ltn__effect-img-bottom-right { bottom: 5%; right: 5% } .ltn__animation-pulse1 a { -webkit-animation: 1s infinite pulse1; animation: 1s infinite pulse1 } .ltn__animation-pulse2 a { -webkit-animation: 1s infinite pulse2; animation: 1s infinite pulse2 } @-webkit-keyframes pulse1 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.6); box-shadow: 0 0 0 0 rgba(255,255,255,.6) } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255,255,255,0); box-shadow: 0 0 0 15px rgba(255,255,255,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) } } @keyframes pulse1 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.6); box-shadow: 0 0 0 0 rgba(255,255,255,.6) } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255,255,255,0); box-shadow: 0 0 0 15px rgba(255,255,255,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) } } @-webkit-keyframes pulse2 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,90,60,.6); box-shadow: 0 0 0 0 rgba(255,90,60,.6) } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255,90,60,0); box-shadow: 0 0 0 15px rgba(255,90,60,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,90,60,0); box-shadow: 0 0 0 0 rgba(255,90,60,0) } } @keyframes pulse2 { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,90,60,.6); box-shadow: 0 0 0 0 rgba(255,90,60,.6) } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255,90,60,0); box-shadow: 0 0 0 15px rgba(255,90,60,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,90,60,0); box-shadow: 0 0 0 0 rgba(255,90,60,0) } } .layer,.ltn__parallax-effect-wrap { display: block; height: 100%; width: 100%; padding: 0; margin: 0 } .ltn__parallax-effect-wrap { min-height: 600px; position: relative; overflow: hidden } .layer { position: absolute } .layer div { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .background { background: url(../img/effect/1.png) 50% 100%/cover no-repeat; bottom: 96px; position: absolute; width: 110%; left: -5%; top: -5% } .board,.light,.lighthouse { background-repeat: no-repeat; position: absolute } .lighthouse { -webkit-transform-origin: 50% 90%; -moz-transform-origin: 50% 90%; -ms-transform-origin: 50% 90%; transform-origin: 50% 90%; -webkit-animation: 4s cubic-bezier(.455,.03,.515,.955) .1s infinite alternate lighthouse; -moz-animation: 4s cubic-bezier(.455,.03,.515,.955) .1s infinite alternate lighthouse; animation: 4s cubic-bezier(.455,.03,.515,.955) .1s infinite alternate lighthouse; margin: 0 -64px; background-size: 128px 224px; height: 224px; width: 128px; background-image: url(../img/effect/2.png); bottom: 64px; right: 20% } .board.cloud-3,.wave.plain { background-image: url(../img/effect/3.png) } .board.cloud-4,.wave.paint { background-image: url(../img/effect/4.png) } .light { margin: -120px; background-size: 240px 240px; height: 240px; width: 240px; bottom: 112px; left: 50% } .board.birds,.light.orange { background-image: url(../img/effect/5.png) } .light.purple { background-image: url(../img/effect/6.png) } .light.a { bottom: 80px; left: 20% } .light.b { bottom: 80px; left: 30% } .light.c { bottom: 112px; left: 45% } .light.d { bottom: 96px; left: 60% } .light.e { bottom: 112px; left: 75% } .light.f { bottom: 64px; left: 80% } .light.phase-1 { -webkit-animation: 20s linear .1s infinite phase; -moz-animation: 20s linear .1s infinite phase; animation: 20s linear .1s infinite phase } .light.phase-2 { -webkit-animation: 18s linear .1s infinite phase; -moz-animation: 18s linear .1s infinite phase; animation: 18s linear .1s infinite phase } .light.phase-3 { -webkit-animation: 16s linear .1s infinite phase; -moz-animation: 16s linear .1s infinite phase; animation: 16s linear .1s infinite phase } .light.phase-4 { -webkit-animation: 14s linear .1s infinite phase; -moz-animation: 14s linear .1s infinite phase; animation: 14s linear .1s infinite phase } .light.phase-5 { -webkit-animation: 12s linear .1s infinite phase; -moz-animation: 12s linear .1s infinite phase; animation: 12s linear .1s infinite phase } .light.phase-6 { -webkit-animation: 10s linear .1s infinite phase; -moz-animation: 10s linear .1s infinite phase; animation: 10s linear .1s infinite phase } .hanger { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; position: absolute } .hanger.position-1 { top: 28%; left: 10% } .hanger.position-2 { top: 46%; left: 20% } .hanger.position-3 { top: 59%; left: 30% } .hanger.position-4 { top: 66.5%; left: 40% } .hanger.position-5 { top: 69.5%; left: 50% } .hanger.position-6 { top: 66.5%; left: 60% } .hanger.position-7 { top: 59%; left: 70% } .hanger.position-8 { top: 46%; left: 80% } .hanger.position-9 { top: 28%; left: 90% } .board { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; margin: 0 -140px; background-size: 280px 280px; height: 280px; width: 280px; top: -4px; left: 0 } .board.cloud-1 { background-image: url(../img/effect/1.png) } .board.cloud-2 { background-image: url(../img/effect/2.png) } .swing-1 { -webkit-animation: 4s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; -moz-animation: 4s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; animation: 4s cubic-bezier(.455,.03,.515,.955) infinite alternate swing } .swing-2 { -webkit-animation: 3.5s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; -moz-animation: 3.5s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; animation: 3.5s cubic-bezier(.455,.03,.515,.955) infinite alternate swing } .swing-3 { -webkit-animation: 3s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; -moz-animation: 3s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; animation: 3s cubic-bezier(.455,.03,.515,.955) infinite alternate swing } .swing-4 { -webkit-animation: 2.5s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; -moz-animation: 2.5s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; animation: 2.5s cubic-bezier(.455,.03,.515,.955) infinite alternate swing } .swing-5 { -webkit-animation: 2s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; -moz-animation: 2s cubic-bezier(.455,.03,.515,.955) infinite alternate swing; animation: 2s cubic-bezier(.455,.03,.515,.955) infinite alternate swing } .wave { background: center bottom/auto 101% repeat-x; position: absolute; width: 100%; left: 0; margin: 0; height: 30%; -webkit-animation: 5.33333s linear .1s infinite wave; -moz-animation: 5.33333s linear .1s infinite wave; animation: 5.33333s linear .1s infinite wave } .ltn__twitter-post-widget .popular-post-widget-img,.popular-post-widget-img,.top-rated-product-img { /* margin-right: 20px; */ float: left } .ltn__animation-wave-3s { -webkit-animation: 3s linear .1s infinite wave; -moz-animation: 3s linear .1s infinite wave; animation: 3s linear .1s infinite wave } .ltn__animation-wave-4s { -webkit-animation: 4s linear .1s infinite wave; -moz-animation: 4s linear .1s infinite wave; animation: 4s linear .1s infinite wave } .ltn__animation-wave-5s { -webkit-animation: 5.33333s linear .1s infinite wave; -moz-animation: 5.33333s linear .1s infinite wave; animation: 5.33333s linear .1s infinite wave } .ltn__animation-wave-6s { -webkit-animation: 6.22222s linear .1s infinite wave; -moz-animation: 6.22222s linear .1s infinite wave; animation: 6.22222s linear .1s infinite wave } .ltn__animation-wave-7s { -webkit-animation: 7.11111s linear .1s infinite wave; -moz-animation: 7.11111s linear .1s infinite wave; animation: 7.11111s linear .1s infinite wave } .ltn__animation-wave-8s { -webkit-animation: 8s linear .1s infinite wave; -moz-animation: 8s linear .1s infinite wave; animation: 8s linear .1s infinite wave } .cross,.x,.y { -webkit-transition: .3s cubic-bezier(.165, .84, .44, 1); -moz-transition: .3s cubic-bezier(.165, .84, .44, 1); -o-transition: .3s cubic-bezier(.165, .84, .44, 1); transition: .3s cubic-bezier(.165, .84, .44, 1) } @-webkit-keyframes phase { 0%,100% { opacity: 1 } 25%,75% { opacity: .4 } 50% { opacity: .8 } } @-moz-keyframes phase { 0%,100% { opacity: 1 } 25%,75% { opacity: .4 } 50% { opacity: .8 } } @-ms-keyframes phase { 0%,100% { opacity: 1 } 25%,75% { opacity: .4 } 50% { opacity: .8 } } @keyframes phase { 0%,100% { opacity: 1 } 25%,75% { opacity: .4 } 50% { opacity: .8 } } @-webkit-keyframes tilt { 0% { -webkit-transform: rotateX(-30deg); -moz-transform: rotateX(-30deg); transform: rotateX(-30deg) } 25% { -webkit-transform: rotateX(30deg); -moz-transform: rotateX(30deg); transform: rotateX(30deg) } 50% { -webkit-transform: rotateY(-30deg); -moz-transform: rotateY(-30deg); transform: rotateY(-30deg) } 75% { -webkit-transform: rotateY(30deg); -moz-transform: rotateY(30deg); transform: rotateY(30deg) } 100% { -webkit-transform: rotateZ(20deg); -moz-transform: rotateZ(20deg); transform: rotateZ(20deg) } } @-moz-keyframes tilt { 0% { -webkit-transform: rotateX(-30deg); -moz-transform: rotateX(-30deg); transform: rotateX(-30deg) } 25% { -webkit-transform: rotateX(30deg); -moz-transform: rotateX(30deg); transform: rotateX(30deg) } 50% { -webkit-transform: rotateY(-30deg); -moz-transform: rotateY(-30deg); transform: rotateY(-30deg) } 75% { -webkit-transform: rotateY(30deg); -moz-transform: rotateY(30deg); transform: rotateY(30deg) } 100% { -webkit-transform: rotateZ(20deg); -moz-transform: rotateZ(20deg); transform: rotateZ(20deg) } } @-ms-keyframes tilt { 0% { -webkit-transform: rotateX(-30deg); -moz-transform: rotateX(-30deg); transform: rotateX(-30deg) } 25% { -webkit-transform: rotateX(30deg); -moz-transform: rotateX(30deg); transform: rotateX(30deg) } 50% { -webkit-transform: rotateY(-30deg); -moz-transform: rotateY(-30deg); transform: rotateY(-30deg) } 75% { -webkit-transform: rotateY(30deg); -moz-transform: rotateY(30deg); transform: rotateY(30deg) } 100% { -webkit-transform: rotateZ(20deg); -moz-transform: rotateZ(20deg); -ms-transform: rotate(20deg); transform: rotateZ(20deg) } } @keyframes tilt { 0% { -webkit-transform: rotateX(-30deg); -moz-transform: rotateX(-30deg); transform: rotateX(-30deg) } 25% { -webkit-transform: rotateX(30deg); -moz-transform: rotateX(30deg); transform: rotateX(30deg) } 50% { -webkit-transform: rotateY(-30deg); -moz-transform: rotateY(-30deg); transform: rotateY(-30deg) } 75% { -webkit-transform: rotateY(30deg); -moz-transform: rotateY(30deg); transform: rotateY(30deg) } 100% { -webkit-transform: rotateZ(20deg); -moz-transform: rotateZ(20deg); transform: rotateZ(20deg) } } @-webkit-keyframes wave { 0% { -webkit-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); -moz-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0) } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg) } } @-moz-keyframes wave { 0% { -webkit-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); -moz-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0) } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg) } } @-ms-keyframes wave { 0% { -webkit-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); -moz-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0) } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg) } } @keyframes wave { 0% { -webkit-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); -moz-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0); transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0) } 100% { -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg) } } @-webkit-keyframes lighthouse { 0% { -webkit-transform: translate3d(15%,0,0) rotateZ(10deg); -moz-transform: translate3d(15%,0,0) rotateZ(10deg); transform: translate3d(15%,0,0) rotateZ(10deg) } 100% { -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform: translate3d(-15%,0,0) rotateZ(-10deg); transform: translate3d(-15%,0,0) rotateZ(-10deg) } } @-moz-keyframes lighthouse { 0% { -webkit-transform: translate3d(15%,0,0) rotateZ(10deg); -moz-transform: translate3d(15%,0,0) rotateZ(10deg); transform: translate3d(15%,0,0) rotateZ(10deg) } 100% { -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform: translate3d(-15%,0,0) rotateZ(-10deg); transform: translate3d(-15%,0,0) rotateZ(-10deg) } } @-ms-keyframes lighthouse { 0% { -webkit-transform: translate3d(15%,0,0) rotateZ(10deg); -moz-transform: translate3d(15%,0,0) rotateZ(10deg); transform: translate3d(15%,0,0) rotateZ(10deg) } 100% { -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform: translate3d(-15%,0,0) rotateZ(-10deg); transform: translate3d(-15%,0,0) rotateZ(-10deg) } } @keyframes lighthouse { 0% { -webkit-transform: translate3d(15%,0,0) rotateZ(10deg); -moz-transform: translate3d(15%,0,0) rotateZ(10deg); transform: translate3d(15%,0,0) rotateZ(10deg) } 100% { -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg); -moz-transform: translate3d(-15%,0,0) rotateZ(-10deg); transform: translate3d(-15%,0,0) rotateZ(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); transform: rotateZ(10deg) } 100% { -webkit-transform: rotateZ(-10deg); -moz-transform: rotateZ(-10deg); transform: rotateZ(-10deg) } } @-moz-keyframes swing { 0% { -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); transform: rotateZ(10deg) } 100% { -webkit-transform: rotateZ(-10deg); -moz-transform: rotateZ(-10deg); transform: rotateZ(-10deg) } } @-ms-keyframes swing { 0% { -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); -ms-transform: rotate(10deg); transform: rotateZ(10deg) } 100% { -webkit-transform: rotateZ(-10deg); -moz-transform: rotateZ(-10deg); -ms-transform: rotate(-10deg); transform: rotateZ(-10deg) } } @keyframes swing { 0% { -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); transform: rotateZ(10deg) } 100% { -webkit-transform: rotateZ(-10deg); -moz-transform: rotateZ(-10deg); transform: rotateZ(-10deg) } } .ltn__breadcrumb-area { background-color: var(--section-bg-1); /* margin-bottom: 60px; */ padding-top: 5px } .ltn__breadcrumb-list ul,.ltn__mini-cart ul,.ltn__social-media ul,.ltn__social-media-2 ul,.ltn__social-media-3 ul,.ltn__social-media-4 ul,.ltn__tagcloud-widget ul,.product-badge ul,.product-ratting ul,.property-detail-feature-list ul { margin: 0; padding: 0 } .ltn__breadcrumb-list ul li { display: inline-block; margin-left: 10px; position: relative; font-weight: 500 } .ltn__breadcrumb-list ul li:last-child { margin-right: 0; color: var(--ltn__primary-color) } .ltn__breadcrumb-list ul li:after { position: absolute; content: "\f054"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: 10px; right: -10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .ltn__breadcrumb-area-2 { padding-top: 250px; padding-bottom: 130px } .add-a-review,.header-bottom-area .row .col,.ltn__breadcrumb-inner-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__breadcrumb-inner-2 .ltn__section-title-2 .section-title,.ltn__breadcrumb-inner-2 .section-title-area,.ltn__breadcrumb-inner-4 .section-title-area,.ltn__main-menu ul,.ltn__popular-product-widget .slick-dots,.popular-post-widget-brief .ltn__blog-meta,.top-rated-product-info .product-ratting,.widget:last-child { margin-bottom: 0 } .ltn__breadcrumb-inner-2 .ltn__breadcrumb-list { margin-left: 100px } .ltn__breadcrumb-inner-2 .ltn__breadcrumb-list ul li:after { position: absolute; content: ""; right: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 10px; width: 2px; background-color: var(--ltn__color-1); opacity: .5 } .ltn__widget-title-border-2::before,.ltn__widget-title-border::after,.ltn__widget-title-border::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; background-color: var(--ltn__secondary-color); top: 50%; content: "" } .ltn__breadcrumb-color-white .ltn__breadcrumb-list li:last-child { color: var(--ltn__secondary-color) } .ltn__breadcrumb-area-3 { padding-top: 350px; padding-bottom: 130px } .ltn__breadcrumb-inner-4 .ltn__breadcrumb-list ul li:last-child { opacity: .5 } .headr-new-aas { display: flex; align-items: center; justify-content: center; gap: 5px; z-index: 99999999999; } .headr-new-aas .all-menu-new { display: flex; flex-direction: column; align-items: start; width: 90% } .headr-new-aas .all-menu-new .bottom-menu { /* z-index: 7; */ display: flex; align-items: center; justify-content: space-between; width: 100%; border-top: 1px solid #ccc; padding-top: 15px } .burg-nav { z-index: 8 } .headr-new-aas .all-menu-new .bottom-menu .search-dropdown { display: flex; align-items: center; justify-content: center; gap: 50px } .headr-new-aas .all-menu-new .bottom-menu .search-dropdown .open-search { cursor: pointer } .headr-new-aas .all-menu-new .bottom-menu .search-dropdown ul,.headr-new-aas .all-menu-new .bottom-menu .search-dropdown ul li { margin: 0; padding: 0; cursor: pointer } .dropdown-list-today>li:after { content: '\f0dd'; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; bottom: 2px; right: -15px; cursor: pointer } .dropdown-list-today>li .sub-dropdown-list-today { position: absolute; top: 37px; background-color: #fff; z-index: 7; min-width: 150px; text-align: center; transition: 1s; max-height: 0; box-shadow: rgba(0,0,0,.24) 0 3px 8px; overflow: hidden; flex-direction: column; right: -18px } .headr-new-aas .all-menu-new .top-menu { display: flex; align-items: center; justify-content: space-between; width: 100%; /* z-index: 99; */ } .headr-new-aas .all-menu-new .top-menu h1 { color: #132e6b; font-size: 1.8em; font-weight: 600 } .headr-new-aas .all-menu-new .top-menu .menu-staff,.headr-new-aas .all-menu-new .top-menu .menu-staff ul { display: flex; align-items: center; padding: 0 4px 0 0; } .headr-new-aas .all-menu-new .top-menu .menu-staff>ul { gap: 15px; margin: 0 5px } .headr-new-aas .all-menu-new .top-menu ul li a,.headr-new-aas .all-menu-new .top-menu ul li a:hover { color: #848484; font-weight: 500 } .dropdown-list-today>li .sub-dropdown-list-today a,.dropdown-list-today>li .sub-dropdown-list-today li { visibility: hidden; transition: .3s } .dropdown-list-today>li .sub-dropdown-list-today.active { max-height: 400px; overflow: visible; gap: 0!important; z-index: 999988; } .dropdown-list-today>li .sub-dropdown-list-today.active a,.dropdown-list-today>li .sub-dropdown-list-today.active li { visibility: visible } .search-box-header { display: none; align-items: center; justify-content: center; gap: 30px; padding: 20px 0 } .search-box-header.open { display: flex } .search-box-header input,.search-box-header input:focus { border: 0 #66afe9; display: inline-block; border-bottom: 1px solid; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgb(102 175 233 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgb(102 175 233 / 60%); min-width: 80% } .search-box-header i { cursor: pointer; font-size: 18px } .apply-now { background-color: #c62a73; color: #fff; font-weight: bolder; border: 0; padding: 8px } .temp-inner-college .cont { overflow: hidden; padding: 0 0px; } .temp-inner-college .cont h3 { position: relative; left: 30px; } .temp-inner-college .cont .paragraph-title { color: var(--ltn__paragraph-color); padding: 0; font-size: 1em; line-height: 1.7; } .gt-details .gt-date { display: flex; align-items: center; gap: 10px } .college-enginnering-slider .owl-nav div.owl-next,.college-enginnering-slider .owl-nav div.owl-prev { background: rgb(19 46 87)!important; border-radius: 5px } .college-enginnering-slider .owl-nav div.owl-next { right: -50px!important } .college-enginnering-slider .owl-nav div.owl-prev { left: -50px!important } .widget { margin-bottom: 40px; padding: 35px 30px 40px 35px; border: 2px solid var(--border-color-11) } .widget hr { margin-top: 35px; margin-bottom: 35px } .ltn__widget-title { font-size: 18px; font-weight: 600; margin-bottom: 25px; text-transform: capitalize } .ltn__widget-title-border { position: relative; padding-left: 45px } .ltn__widget-title-border::after,.ltn__widget-title-border::before { transform: translateY(-50%); left: 0 } .ltn__widget-title-border::before { width: 18px; height: 4px; border-radius: 25px } .ltn__widget-title-border::after { width: 4px; height: 4px; left: 22px; border-radius: 100% } .ltn__widget-title-border-2 { border-left: 4px solid; border-color: #FFC107; padding-left: 10px; position: relative; margin: 65px 0 10px; } .ltn__widget-title-border-2::before { left: 0; transform: translateY(-50%); width: 2px; height: 14px; display: none } .ltn__search-widget input[type=text] { margin-bottom: 0; padding-right: 65px; padding-left: 20px; height: 60px; background-color: var(--section-bg-1); font-weight: 600; font-size: 14px } .ltn__search-widget input[type=text]::-webkit-input-placeholder { color: var(--ltn__primary-color); font-size: 12px } .ltn__search-widget button { position: absolute; right: 0; height: 100%; padding: 0 20px; color: var(--white); border: 1px solid; background-color: var(--ltn__secondary-color); border-color: var(--ltn__secondary-color); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__gallery-filter-menu .active,.ltn__search-widget button:hover,.ltn__tab-menu a.active { color: var(--white); background-color: var(--ltn__primary-color); border-color: var(--ltn__primary-color) } .ltn__newsletter-widget { background-color: var(--ltn__primary-color); padding: 50px 35px; position: relative; z-index: 2 } .ltn__newsletter-widget h6 { color: var(--ltn__secondary-color); margin-bottom: 5px } .ltn__newsletter-widget h4 { color: var(--white); font-size: 36px } .ltn__newsletter-widget input[type=text] { background-color: #133236; color: var(--white); border-color: #133236; height: 70px; padding-left: 25px; padding-right: 70px } .ltn__menu-widget-2 ul li.active a span,.ltn__menu-widget-2 ul li:hover>a span,.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span,.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover>a span,.ltn__newsletter-widget button:hover { background-color: var(--ltn__secondary-color-2); color: var(--white) } .ltn__newsletter-widget input[type=text]::-webkit-input-placeholder { color: var(--white) } .ltn__newsletter-widget input[type=text]:-ms-input-placeholder { color: var(--white) } .ltn__newsletter-widget input[type=text]::-ms-input-placeholder { color: var(--white) } .ltn__newsletter-widget input[type=text]::placeholder { color: var(--white) } .ltn__newsletter-widget button { background-color: var(--ltn__secondary-color); border-color: var(--ltn__secondary-color); color: var(--white); padding: 0 25px } .ltn__newsletter-widget button:hover { border-color: var(--ltn__secondary-color-2) } .ltn__twitter-post-widget .popular-post-widget-brief p a,.ltn__twitter-post-widget .popular-post-widget-img a,.popular-post-widget-brief .ltn__blog-meta li { color: var(--ltn__secondary-color) } .ltn__newsletter-bg-icon { position: absolute; right: 20px; top: 15%; font-size: 120px; color: var(--ltn__color-1); opacity: .1; z-index: -1; line-height: 1 } .ltn__tagcloud-widget ul li { list-style: none; display: inline-block; margin: 5px 3px } .ltn__tagcloud-widget ul li a { display: block; padding: 8px 5px 6px; font-size: 13px; background-color: var(--section-bg-1); font-weight: 400; font-family: var(--ltn__body-font); } .ltn__tagcloud-widget ul li a:hover { background-color: var(--ltn__secondary-color); color: var(--white) } .ltn__color-widget ul,.ltn__header-options>ul,.ltn__menu-widget>ul,.ltn__popular-post-widget ul,.ltn__top-bar-menu>ul,.ltn__top-rated-product-widget ul { padding: 0; margin: 0 } .ltn__color-widget ul li { list-style: none; display: inline-block; margin-top: 3px; margin-right: 5px; background-color: var(--section-bg-1); border: 1px solid var(--border-color-1) } .ltn__color-widget ul li a { width: 40px; height: 22px; display: block } .ltn__color-widget ul li:hover { outline: 2px solid var(--ltn__secondary-color); outline-offset: 1px } .ltn__color-widget ul .black { background-color: var(--black) } .ltn__category-menu-toggle,.ltn__color-widget ul .white,.sticky-active.ltn__sticky-bg-white { background-color: var(--white) } .ltn__color-widget ul .red { background-color: var(--red) } .ltn__color-widget ul .silver { background-color: var(--silver) } .ltn__color-widget ul .gray { background-color: var(--gray) } .ltn__color-widget ul .maroon { background-color: var(--maroon) } .ltn__color-widget ul .yellow { background-color: var(--yellow) } .ltn__color-widget ul .olive { background-color: var(--olive) } .ltn__color-widget ul .lime { background-color: var(--lime) } .ltn__color-widget ul .green { background-color: var(--green) } .ltn__color-widget ul .aqua { background-color: var(--aqua) } .ltn__color-widget ul .teal { background-color: var(--teal) } .ltn__color-widget ul .blue { background-color: var(--blue) } .ltn__color-widget ul .navy { background-color: var(--navy) } .ltn__color-widget ul .fuchsia { background-color: var(--fuchsia) } .ltn__color-widget ul .purple { background-color: var(--purple) } .ltn__color-widget ul .pink { background-color: var(--pink) } .ltn__color-widget ul .nude { background-color: var(--nude) } .ltn__color-widget ul .orange { background-color: var(--orange) } .ltn__menu-widget>ul li { list-style: none; margin-top: 15px; display: block; font-size: 14px; font-weight: 700 } .ltn__menu-widget>ul li a { display: block; font-size: 14px; font-weight: 700 } .ltn__menu-widget>ul li a span,.ltn__menu-widget>ul li span { float: right; color: var(--ltn__color-5) } .ltn__menu-widget-2 ul li a { background-color: var(--section-bg-1); padding: 20px 10px 20px 30px } .ltn__menu-widget-2 ul li a span { background-color: var(--white); color: var(--ltn__primary-color); position: relative; top: -11px; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__menu-widget-2 ul li.active a,.ltn__menu-widget-2 ul li:hover>a,.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a,.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover>a { background-color: var(--ltn__secondary-color); color: var(--white) } .ltn__menu-widget-2 ul li.active a span:hover,.ltn__menu-widget-2 ul li:hover>a span:hover,.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a,.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span:hover,.ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover>a span:hover { background-color: var(--ltn__primary-color); color: var(--white) } .ltn__menu-widget-2>ul>li:first-child { margin-top: 0 } .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a span { background-color: var(--ltn__primary-color-2); color: var(--white) } .ltn__popular-post-widget ul li { list-style: none } .ltn__popular-post-widget>ul>li { margin-bottom: 30px; border-bottom: 1px solid var(--border-color-1); padding-bottom: 30px } .ltn__popular-post-widget>ul>li:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0 } .popular-post-widget-img img { max-width: 80px } .popular-post-widget-brief h6 { margin-bottom: 5px; font-weight: 500; font-size: 14px } .ltn__twitter-post-widget .popular-post-widget-img img { max-width: 60px; border-radius: 100% } .ltn__twitter-post-widget .popular-post-widget-brief p,.product-ratting { margin-bottom: 5px } .ltn__banner-widget { padding: 0!important; border: 0 } .ltn__top-rated-product-widget ul li { list-style: none } .ltn__top-rated-product-widget>ul>li { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid; border-color: var(--white-4) } .ltn__top-rated-product-widget>ul>li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .top-rated-product-img { max-width: 90px } .top-rated-product-info h6 { margin-bottom: 3px; font-size: 14px; font-weight: 500 } .top-rated-product-info .product-ratting li { font-size: 10px } .top-rated-product-info .product-price { margin-bottom: 0; font-size: 14px; color: var(--ltn__secondary-color); font-weight: 700 } .top-rated-product-info .product-ratting ul { line-height: 1; margin-bottom: 5px } .ltn__gallery-item,.ltn__popular-product-widget .ltn__product-item { margin-bottom: 30px } .ltn__popular-product-widget .ltn__product-item .product-info { padding: 25px 25px 1px } .ltn__popular-product-widget .ltn__product-item .ltn__plot-brief li,.ltn__popular-product-widget .ltn__product-item .product-img-location ul li,.real-estate-agent .agent-brief small { font-size: 12px } .price_filter { padding-bottom: 13px } .price_slider_amount>input[type=submit],.price_slider_amount>input[type=text] { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; float: left; height: 25px; padding: 0; text-align: left; width: 140px; margin-bottom: 20px } .price_slider_amount>input[type=text] { font-weight: 700 } .price_filter .ui-widget-content { background-color: var(--ltn__primary-color); border: none; color: #222; height: 3px; width: 98%; background-image: none } .price_filter .ui-slider .ui-slider-range { background-color: var(--ltn__secondary-color); background-image: none } .price_filter .ui-state-default,.price_filter .ui-widget-content .ui-state-default,.price_filter .ui-widget-header .ui-state-default { background-color: var(--ltn__secondary-color); border: none; border-radius: 100%; height: 12px; margin-left: 0; margin-top: -6px; top: 50%; width: 12px; background-image: none } .ltn__instafeed-grid,.ltn__instafeed-slider .slick-list .slick-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .ltn__instafeed-grid .instagram_gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .ltn__instafeed-grid .instagram_gallery .instagram-image,.ltn__instafeed-grid .instagram_gallery a { display: block; -webkit-box-flex: 1; -webkit-flex: 1 0 16.6666%; -ms-flex: 1 0 16.6666%; flex: 1 0 16.6666%; max-width: 16.6666% } .ltn__instagram-widget .ltn__instafeed-grid .instagram_gallery .instagram-image,.ltn__instagram-widget .ltn__instafeed-grid .instagram_gallery a { -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333% } .ltn__video-icon-1,.ltn__video-icon-2 { height: 80px; width: 80px; display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; z-index: 9 } .insta-grid-gutter .instagram_gallery,.insta-slide-gutter .slick-list { margin-right: -7.5px!important; margin-left: -7.5px!important } .insta-slide-gutter .slick-list .slick-slide { padding-right: 7.5px; padding-left: 7.5px } .insta-grid-gutter .instagram_gallery .instagram-image,.insta-grid-gutter .instagram_gallery a { padding-right: 7.5px; padding-left: 7.5px; margin: 7px 0 } .ltn__video-icon-1 { background-color: transparent; color: var(--white); border: 6px solid; border-color: var(--white); border-radius: 100%; font-size: 22px; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ltn__video-icon-2,.ltn__video-icon-2 i { color: var(--ltn__secondary-color) } .ltn__video-icon-1:hover { background-color: var(--ltn__secondary-color); color: var(--white) } .ltn__video-icon-2 { background-color: var(--white); font-size: 20px; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100% } .header-top-btn a,.ltn__secondary-bg.ltn__video-icon-2 i,.top-area-color-white .ltn__drop-menu>ul>li:hover>a,.top-area-color-white .ltn__drop-menu>ul>li>a,.top-area-color-white .welcome a,.top-area-color-white .welcome p,.top-area-color-white a,.top-area-color-white li,.top-area-color-white p { color: var(--white) } .ltn__video-icon-2:hover.ltn__video-icon-2-border { outline: outset } .ltn__video-icon-2.border-radius-no,.modal-content { border-radius: 0 } .ltn__video-icon-2-border { outline-offset: 15px; outline: 4px solid var(--border-color-9); margin: 20px } .ltn__video-bg-img { min-height: 350px; position: relative; 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; -ms-flex-flow: column; flex-flow: column; z-index: 99 } .ltn__video-img { position: relative; display: inline-block } .site-logo,.text-center .slide-video { display: -webkit-box; display: -ms-flexbox } .ltn__video-img::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: .3; background-color: var(--ltn__primary-color) } .ltn__video-img img { margin: 0 } .ltn__video-img .ltn__video-icon-1,.ltn__video-img .ltn__video-icon-2 { position: absolute; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .text-center .slide-video { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .button-1:hover a,.ltn__secondary-bg.ltn__video-icon-2,.product-hover-action li:hover a { background-color: var(--ltn__secondary-color); color: var(--white) } .ltn__video-icon-2-small { height: 60px; width: 60px; font-size: 16px } @media (min-width: 992px) and (max-width:1030px) { .header-logo-title { width:30% } } @media (min-width: 992px) and (max-width:1199px) { .ltn__video-popup-height-500,.ltn__video-popup-height-600 { height:450px } } .ltn__author-widget-inner img { margin-bottom: 25px; max-width: 140px; border-radius: 100% } .ltn__author-widget-2 .ltn__author-widget-inner img { margin-bottom: 25px; max-width: 100%; border-radius: inherit } @media (min-width: 992px) { .ltn__custom-gutter { margin-left:0; margin-right: 0; text-align: center } .ltn__custom-gutter>[class*=col-] { padding-right: 0; padding-left: 0 } .ltn__custom-gutter-all .row { margin-left: -15px; margin-right: -15px } .ltn__custom-gutter-all .row [class*=col-] { padding-right: 15px; padding-left: 15px } .footer-about-widget { padding-right: 35px } .modal-lg { max-width: 980px } } .ltn__feature-item-5 .ltn__feature-icon img,.sticky-logo { max-width: 200px } .ltn__header-area { z-index: 9999; position: relative } .ltn__header-top-area { border-bottom: 1px solid; border-color: var(--border-color-3) } .ltn__header-top-area .ltn__social-media ul li { font-size: 14px; margin: 0 10px 0 0 } .header-feature-item:last-child,.ltn__header-options>div:last-child,.ltn__header-options>ul>li:last-child,.ltn__main-menu>ul>li:last-child,.ltn__top-bar-menu>ul>li:last-child { margin-right: 0 } .entry-thumbnail img,.section--grey .card-body,.top-area-color-white { background-color: #fff } .ltn__header-top-area .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .welcome p { margin-bottom: 0; font-size: 14px; line-height: 40px } .ltn__top-bar-menu>ul>li { list-style: none; display: inline-block; margin: 0 30px 0 0; font-size: 14px; font-weight: 700 } .ltn__top-bar-menu>ul>li>a>i,.ltn__top-bar-menu>ul>li>i { margin-right: 3px; color: var(--ltn__secondary-color) } .ltn__top-bar-menu .ltn__currency-menu .active-currency { font-size: 14px; font-weight: 700 } .header-top-btn a { display: inline-block; padding: 0 20px; line-height: 40px; background-color: var(--ltn__secondary-color) } .ltn__header-middle-area,.site-logo img { padding: 10px 0 0; position: relative; } .ltn__header-middle-area>.container-fluid>.row,.ltn__header-middle-area>.container>.row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; align-items: end } .ltn__header-middle-area>.container-fluid>.row>.col,.ltn__header-middle-area>.container>.row>.col { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 1; position: static } .site-logo { height: 100%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap } .ltn__language-menu .dropdown-toggle::after,.sticky-logo { display: none } .site-logo a { color: var(--ltn__primary-color); font-size: 30px; font-weight: 600; letter-spacing: 1px; display: contents } .ltn__main-menu li:hover>a,.menu-product-item .product-price,.site-logo i { color: var(--ltn__secondary-color) } .site-logo i { margin-right: 5px; font-size: 24px; position: relative; top: -2px } .header-feature-item h6,.mini-cart-icon-2>a h6 { color: var(--ltn__body-color); text-transform: uppercase } .ltn__header-1 .ltn__header-middle-area,.ltn__header-4 .ltn__header-middle-area.sticky-active,.ltn__header-5 .ltn__header-middle-area.sticky-active { padding-top: 10px; padding-bottom: 10px } .site-logo img { width: 125px; position: relative; bottom: 15px } .sticky-logo { -ms-flex-item-align: center; height: 100%; float: left; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .about-us-info-devide,.header-feature-area,.real-estate-agent,.site-logo-wrap { display: -webkit-box; display: -ms-flexbox; display: flex } .header-feature-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; margin-right: 50px; max-width: 50% } .ltn__header-options,.ltn__main-menu>ul { display: -webkit-box; display: -ms-flexbox } .header-feature-item h6 { margin-bottom: 0; font-weight: 500; font-size: 14px; line-height: 1 } .header-feature-item p { margin-bottom: 0; font-size: 16px; line-height: 1.2 } .header-wishlist a,.ltn__drop-menu>ul>li,.mini-cart-icon-2>a .mini-cart-icon i { font-size: 20px } .header-feature-icon { margin-right: 10px; font-size: 25px; line-height: 1; color: var(--ltn__heading-color) } .header-menu-column,.header-menu-wrap { position: inherit } .ltn__main-menu>ul { display: flex; padding: 0 } .ltn__main-menu li { list-style: none; display: block; margin-top: 0 } .ltn__main-menu li>a { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100% } .ltn__main-menu>ul>li { display: inline-block; position: relative; border-radius: 10px 10px 0 0; padding: 5px 15px } .ltn__main-menu>ul>li:hover { background-color: #102555 } .ltn__main-menu .sub-menu,.menu-item-badge,.mini-cart-icon-2>a .mini-cart-icon sup { background-color: var(--ltn__secondary-color) } .ltn__main-menu>ul>li:hover>a,.white-color { color: #fff!important } .ltn__main-menu>ul>li>a { font-size: 18px; display: inline-block; white-space: nowrap; color: #716b6b; font-weight: 600; font-family: var(--ltn__body-font); width: 100%; height: 100% } .ltn__main-menu li>ul { position: absolute; margin: 0 } .ltn__main-menu .sub-menu { z-index: 9; top: 106%; left: 0; min-width: 200px; text-align: center; box-shadow: 0 0 4px 0 rgb(0 0 0 / 60%); padding: 0; overflow: hidden; max-height: 0; transition: .3s } .ltn__main-menu .sub-menu li,.ltn__main-menu li ul li { line-height: 1.3; padding: 12px 25px 12px 30px; font-size: 16px; transition: 1s; position: relative } .mega-menu li ul,.mini-cart-item:first-child { border-top: 0 } .mega-menu li ul li { padding-left: 10px; padding-right: 0 } .ltn__main-menu .sub-menu li a { opacity: 0; visibility: hidden; transition: 1s ease-in-out } .ltn__main-menu .sub-menu li:hover .sub-sub-menu,.ltn__main-menu li:hover>.sub-menu { max-height: 400px; overflow: visible } .ltn__main-menu li:hover .mega-menu .sub-menu,.ltn__main-menu li:hover .mega-menu>li>ul,.ltn__main-menu li:hover>.sub-menu li a,.ltn__main-menu li:hover>.sub-menu.ltn__sub-menu-col-2 .sub-menu-child,.ltn__main-menu li:hover>ul.ltn__sub-menu-col-2 .sub-menu-child,.mega-menu li ul li:hover>ul,.search-open .for-search-close { opacity: 1; visibility: visible } .ltn__category-submenu,.ltn__drop-menu ul li ul,.mega-menu li ul li ul,.menu-pages-img-show li img,.search-icon .for-search-close,.search-open .for-search-show { opacity: 0; visibility: hidden } .ltn__main-menu .sub-menu li .sub-sub-menu { position: absolute; padding: 0; background-color: #f44336; max-height: 0; overflow: hidden; left: 200px; transition: 1s; right: auto } .ltn__main-menu .sub-menu li>.sub-menu,.ltn__main-menu li ul li>ul { left: 100% } .ltn__main-menu .sub-menu li:hover>.sub-menu,.ltn__main-menu li .mega-menu .sub-menu,.ltn__main-menu li .mega-menu>li>ul,.ltn__main-menu li ul li:hover>ul { top: 0 } .ltn__main-menu>ul>li:last-child .sub-menu li>.sub-menu,.ltn__main-menu>ul>li:last-child ul li>ul,.ltn__main-menu>ul>li:nth-last-child(2) .sub-menu li>.sub-menu,.ltn__main-menu>ul>li:nth-last-child(2) ul li>ul,.ltn__main-menu>ul>li:nth-last-child(3) .sub-menu li>.sub-menu,.ltn__main-menu>ul>li:nth-last-child(3) ul li>ul { left: auto; right: 100% } .ltn__main-menu .sub-menu.ltn__sub-menu-col-2,.ltn__main-menu .sub-menu.ltn__sub-menu-col-3,.ltn__main-menu li>ul.ltn__sub-menu-col-2,.ltn__main-menu li>ul.ltn__sub-menu-col-3 { width: 510px } .ltn__main-menu .sub-menu.ltn__sub-menu-col-2>li,.ltn__main-menu .sub-menu.ltn__sub-menu-col-3>li,.ltn__main-menu li>ul.ltn__sub-menu-col-2>li,.ltn__main-menu li>ul.ltn__sub-menu-col-3>li { width: 50%; float: left; padding: 12px 20px 12px 25px } .ltn__main-menu .sub-menu.ltn__sub-menu-col-2>li>a,.ltn__main-menu .sub-menu.ltn__sub-menu-col-3>li>a,.ltn__main-menu li>ul.ltn__sub-menu-col-2>li>a,.ltn__main-menu li>ul.ltn__sub-menu-col-3>li>a { padding: 12px 20px; margin-left: 0; border-bottom: 1px dashed #ddd; display: block; font-weight: 600; background-color: var(--section-bg-1) } .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child,.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child,.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child,.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child { position: inherit; float: left; width: 100%; left: inherit; -webkit-box-shadow: none; box-shadow: none; border: none; z-index: inherit } .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li,.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li,.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child li,.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child li { padding: 12px 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative } .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li img,.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li img,.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child li img,.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child li img { position: absolute; bottom: -20px; left: 50%; width: 150px; height: auto; opacity: 0; visibility: hidden; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); z-index: 999; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li:hover img,.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li:hover img,.ltn__main-menu li>ul.ltn__sub-menu-col-2 .sub-menu-child li:hover img,.ltn__main-menu li>ul.ltn__sub-menu-col-3 .sub-menu-child li:hover img,.menu-pages-img-show li:hover img { bottom: -10px; visibility: visible; opacity: 1 } .ltn__main-menu .sub-menu.ltn__sub-menu-col-3,.ltn__main-menu li>ul.ltn__sub-menu-col-3 { width: 780px } .ltn__main-menu .sub-menu.ltn__sub-menu-col-3>li,.ltn__main-menu li>ul.ltn__sub-menu-col-3>li { width: 33.33% } .menu-pages-img-show li { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative } .menu-pages-img-show li img { position: absolute; bottom: -20px; left: 50%; width: 130px; height: auto; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); z-index: 999; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .header-search-2 form,.header-search-wrap,.ltn__main-menu>ul>li:last-child,.ltn__main-menu>ul>li:nth-last-child(2),.menu-icon>a,.search-icon { position: relative } .ltn__main-menu>ul>li:last-child>.sub-menu,.ltn__main-menu>ul>li:last-child>ul,.ltn__main-menu>ul>li:nth-last-child(2)>.sub-menu,.ltn__main-menu>ul>li:nth-last-child(2)>ul { left: auto; right: 0 } .ltn__main-menu .mega-menu { left: 0; right: auto; overflow: hidden; width: 100% } .mega-menu>li { float: left; padding-bottom: 0!important; min-width: 250px!important } .ltn__main-menu li:hover ul.mega-menu { opacity: 1; visibility: visible; -webkit-transform: scaley(1); -ms-transform: scaley(1); transform: scaley(1) } .mega-menu li .sub-menu,.mega-menu li ul { left: 0!important; -webkit-box-shadow: none; box-shadow: none; position: inherit } .mega-menu>li>a { margin-left: 0; border-bottom: 1px dashed #ddd; display: block; font-weight: 600; padding: 10px; background-color: var(--section-bg-1) } .mega-menu.column-1,.mega-menu.column-2 { left: auto } .mega-menu.column-2>li { min-width: 50%; width: 50% } .mega-menu.column-3>li { min-width: 33.33%; width: 33.33% } @media (min-width: 991px) { .mega-menu.column-10>li,.mega-menu.column-11>li,.mega-menu.column-12>li,.mega-menu.column-4>li,.mega-menu.column-5>li,.mega-menu.column-6>li,.mega-menu.column-7>li,.mega-menu.column-8>li,.mega-menu.column-9>li { min-width:25%; width: 25% } .mega-menu-parent { position: inherit!important } } @media (max-width: 991px) { .ltn__custom-gutter,.ltn__custom-gutter-all { margin-left:-15px; margin-right: -15px } .ltn__custom-gutter-all [class*=col-],.ltn__custom-gutter>[class*=col-] { padding-right: 15px; padding-left: 15px } .before-bg-left:before,.before-bg-right:before { width: 0 } .ltn__video-icon-2 { height: 50px; width: 50px; font-size: 18px } .ltn__video-popup-height-500,.ltn__video-popup-height-600 { height: initial } .ltn__right-sidebar { margin-top: 100px } .mega-menu.column-10>li,.mega-menu.column-11>li,.mega-menu.column-12>li,.mega-menu.column-2>li,.mega-menu.column-3>li,.mega-menu.column-4>li,.mega-menu.column-5>li,.mega-menu.column-6>li,.mega-menu.column-7>li,.mega-menu.column-8>li,.mega-menu.column-9>li { min-width: 50%; width: 50% } } .mega-menu li ul li ul { left: 100%!important; position: absolute; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4) } .menu-icon>a::before { content: "\f067"; font-size: 8px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Font Awesome\ 5 Free'; font-weight: 900 } .menu-item-badge { position: absolute; left: -8px; top: -10px; font-size: 10px; padding: 1px 3px 0; color: var(--white); border-radius: 2px; text-transform: uppercase } .menu-product-item { margin-bottom: 30px; margin-top: 15px; border: 2px solid; border-color: var(--border-color-8); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-align: center } .mini-cart-item,.mini-cart-sub-total { border-top: 1px solid var(--border-color-1) } .menu-product-item .product-info { padding: 0 15px 15px } .menu-product-item .product-title { font-size: 16px; margin-bottom: 5px } .menu-product-item .product-price { font-size: 16px; font-weight: 600 } .menu-product-item .product-price del { font-size: 15px; opacity: .5; color: var(--gray) } .header-search-1-form button[type=submit],.header-wishlist,.mini-cart-icon,.mini-cart-icon-2>a .mini-cart-icon i { color: var(--ltn__heading-color) } .ltn__header-options>ul>li { display: inline-block; margin-right: 15px; margin-top: 0; list-style: none } .ltn__header-options { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .ltn__header-options ul li,.mini-cart-icon-2 ul li { list-style: none } .ltn__header-options>div { margin-right: 20px } .ltn__header-options .ltn__drop-menu ul,.ltn__header-options .ltn__drop-menu>ul>li>a { padding: 0 } .ltn__header-options .ltn__drop-menu ul li ul { padding: 10px 0 } .ltn__gallery-filter-menu button i,.ltn__header-options-2>div,.ltn__tab-menu a i { margin-right: 10px } .ltn__header-options-2 .header-search-1,.ltn__header-options-2 .header-wishlist,.ltn__header-options-2 .ltn__drop-menu>ul>li>a,.ltn__header-options-2 .mini-cart-icon a { height: 50px; width: 50px; line-height: 50px; background: var(--white); color: var(--ltn__heading-color); text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__header-options-2 .header-search-1:hover,.ltn__header-options-2 .header-wishlist:hover,.ltn__header-options-2 .ltn__drop-menu>ul>li:hover>a,.ltn__header-options-2 .ltn__drop-menu>ul>li>a:hover,.ltn__header-options-2 .mini-cart-icon a:hover { background: var(--ltn__secondary-color); color: var(--white) } .ltn__header-options-2 .ltn__drop-menu.ltn__currency-menu>ul>li>a { height: inherit; width: inherit; line-height: inherit; background: inherit; color: inherit } .ltn__header-options-2 .mobile-menu-toggle>a { width: 50px; height: 50px; background: var(--white); -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__drop-menu { display: inline-block; text-align: left } .mini-cart-icon,.mini-cart-sub-total h5 { display: -webkit-box; display: -ms-flexbox } .ltn__drop-menu li,.ltn__header-logo-mobile-menu-in-mobile { margin-top: 0 } .ltn__drop-menu+.ltn__drop-menu { margin-left: 10px } .ltn__drop-menu ul,.mini-cart-header h5 { margin-bottom: 0 } .ltn__drop-menu>ul>li { display: inline-block; position: relative } .ltn__drop-menu>ul>li>a { display: block; text-decoration: none; padding: 0 10px; height: 40px; line-height: 40px } .ltn__drop-menu ul li ul { position: absolute; min-width: 150px; right: 0; background-color: #fff; z-index: 999; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); border-top: 1px solid #ececec; top: 130%; padding: 10px 0; margin: 0; -webkit-transition: opacity .2s .1s,visibility .2s .1s,top .2s .1s; -o-transition: opacity .2s .1s,visibility .2s .1s,top .2s .1s; transition: opacity .2s .1s,visibility .2s .1s,top .2s .1s } .ltn__drop-menu ul li ul li { display: block; padding: 5px 15px; font-size: 16px; color: var(--ltn__paragraph-color); font-weight: 500 } .ltn__drop-menu ul li ul li a,.ltn__social-media-2 ul li a i,.ltn__social-media-3 ul li a i { color: inherit } .ltn__drop-menu ul li:hover>ul { top: 100%; opacity: 1; visibility: visible } .ltn__drop-menu ul li:hover>a,.mini-cart-sub-total span { color: var(--ltn__secondary-color) } .ltn__drop-menu>ul>li a:hover { color: var (--bs-pink) } .ltn__drop-menu ul li i { font-size: .7em; font-weight: 500 } .mini-cart-icon { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 30px; cursor: pointer } .mini-cart-icon sup { font-size: 14px; font-weight: 600 } .ltn__utilize-cart-menu .ltn__mini-cart,.mini-cart-product-area { max-height: calc(100% - (60px + 245px)) } .mini-cart-item { padding-top: 20px; padding-left: 10px; margin-bottom: 20px } .mini-cart-img { float: left; width: 80px; margin-right: 15px; position: relative } .mini-cart-icon-2>a .mini-cart-icon sup,.mini-cart-item-delete { height: 20px; width: 20px; border-radius: 100%; top: -8px; line-height: 20px; text-align: center } .header-search-1-form,.mini-cart-item-delete { -webkit-box-shadow: var(--ltn__box-shadow-3); position: absolute } .mini-cart-info h6 { margin-bottom: 5px; font-weight: 500 } .mini-cart-item-delete { left: -8px; display: block; background-color: #fff; font-size: 10px; box-shadow: var(--ltn__box-shadow-3); cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .mini-cart-item-delete:hover { background-color: var(--red); color: #fff } .mini-cart-footer { margin-top: 25px } .mini-cart-footer p { font-size: 14px; margin-bottom: 0 } .mini-cart-sub-total { border-bottom: 1px solid var(--border-color-1); padding: 20px 0 } .mini-cart-sub-total h5 { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .get-support,.mini-cart-footer .btn-wrapper,.mini-cart-icon-2>a,.mini-cart-icon-2>a h6 { display: -webkit-box; display: -ms-flexbox } .mini-cart-footer .btn-wrapper { margin-top: 0; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 0 15px } .mini-cart-footer .btn-wrapper .btn { margin-bottom: 5px; text-transform: uppercase; font-size: 14px } .mini-cart-icon-2>a { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 125px } .mini-cart-icon-2>a .mini-cart-icon sup { font-size: 12px; font-weight: 600; color: var(--white); right: 8px } .mini-cart-icon-2>a h6 { margin-bottom: 0; display: flex; -ms-flex-flow: column; flex-flow: column; line-height: 20px; font-weight: 700; font-size: 14px } .header-search-1 { cursor: pointer; display: inline-block } .header-search-1 .search-icon { min-width: 25px; text-align: center; font-size: 16px } .header-search-1-form { background-color: var(--white); box-shadow: var(--ltn__box-shadow-3); height: 0; margin-right: 0; overflow: hidden; right: 0; top: 130%; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; width: 320px; z-index: 9999 } .header-search-1-form form { position: relative; margin: 15px 15px 0 } .header-search-1-form input { height: 60px; padding-right: 50px } .header-search-1-form button[type=submit] { background: rgba(0,0,0,0); border: none; display: block; font-size: 18px; height: 60px; line-height: 48px; position: absolute; right: 8px; text-align: center; top: 0; padding: 1px 6px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .header-search-1-form button[type=submit]:hover { color: var(--ltn__primary-color) } .search-icon .for-search-close { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0 } .search-open.header-search-1-form { height: 90px } @media (max-width: 767px) { .ltn__product-gutter .row { margin-left:-8px; margin-right: -8px } .ltn__product-gutter [class*=col-] { padding-right: 8px; padding-left: 8px } .step-the-way,.testimonial4 { text-align: center } .slider-sec-college-home .item .slide-content { height: 270px; padding: 10px } .slider-sec-college-home .item .slide-content .image-title h1,.slider-sec-college-home .item .slide-content .image-title h2 { font-size: 16px } .slider-sec-college-home .owl-controls .owl-dots { right: 125px; bottom: 0 } .slick-dots { margin: 0 0 15px } .mb-sm-20 { margin-bottom: 20px } .ltn__breadcrumb-area-2 { padding-top: 240px; padding-bottom: 80px } .ltn__breadcrumb-inner-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; text-align: center } .ltn__breadcrumb-inner-2 .ltn__breadcrumb-list { margin-left: 0 } .ltn__breadcrumb-list ul li { font-size: 14px } .ltn__video-bg-img { min-height: 320px } .ltn__video-bg-img.ml-30,.ltn__video-img.ml-30 { margin-left: 0 } .car-price-filter-range .price_filter .ui-state-default:last-child::after { display: none } .mega-menu.column-10>li,.mega-menu.column-11>li,.mega-menu.column-12>li,.mega-menu.column-2>li,.mega-menu.column-3>li,.mega-menu.column-4>li,.mega-menu.column-5>li,.mega-menu.column-6>li,.mega-menu.column-7>li,.mega-menu.column-8>li,.mega-menu.column-9>li { min-width: 100%; width: 100% } .header-search-wrap { position: inherit } .header-search-1-form { top: 100%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); right: 50% } } .header-search-2 { min-width: 500px } .header-search-2 input { margin-bottom: 0; border: 0; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); border-radius: 50px; padding-left: 20px; padding-right: 50px; height: 45px } .header-search-2 button { position: absolute; right: 0; background-color: transparent; height: 45px; top: 0; padding: 0 15px } .ltn__currency-menu .active-currency { font-size: 16px; font-weight: 700 } .ltn__currency-menu ul li ul { min-width: 200px } .ltn__currency-menu .dropdown-toggle::after { margin-left: 3px; border-top: .25em solid; border-right: .2em solid transparent; border-left: .2em solid transparent } .ltn__language-menu .dropdown-toggle { padding-right: 10px!important; position: relative } .ltn__language-menu .dropdown-toggle::before { content: "\e939"; font-size: 12px; position: absolute; top: 55%; right: -9px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: icomoon; color: #d5d5d5 } .get-support-color-white .get-support-info h4,.get-support-color-white .get-support-info h6,.menu-color-white .ltn__main-menu>ul>li>a,.sticky-active.ltn__sticky-bg-secondary .header-feature-icon,.sticky-active.ltn__sticky-bg-secondary .header-feature-item h6,.sticky-active.ltn__sticky-bg-secondary .header-feature-item p,.sticky-active.ltn__sticky-bg-secondary .header-search-1 .search-icon,.sticky-active.ltn__sticky-bg-secondary .header-wishlist a,.sticky-active.ltn__sticky-bg-secondary .ltn__header-options .ltn__drop-menu>ul>li>a,.sticky-active.ltn__sticky-bg-secondary .ltn__main-menu>ul>li>a,.sticky-active.ltn__sticky-bg-secondary .mini-cart-icon { color: var(--white) } .ltn__header-2 .sticky-active .row .col,.ltn__header-3 .sticky-active .row .col { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important } .ltn__blog-brief,.ltn__header-3 .ltn__header-middle-area { padding: 30px 0 } .ltn__header-3 .header-bottom-area.sticky-active { padding-top: 0; padding-bottom: 0 } .ltn__header-4 .ltn__header-middle-area,.ltn__header-5 .ltn__header-middle-area { padding-top: 22px; padding-bottom: 22px } .ltn__header-4 .ltn__header-top-area { border-color: var(--border-color-3) } .get-support { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 20px; margin-left: 20px } .get-support::before { position: absolute; content: ""; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 30px; width: 1px; background-color: #999 } .special-link a,.sticky-active.ltn__sticky-bg-secondary { background-color: var(--ltn__secondary-color) } .get-support .get-support-icon { margin-right: 10px; font-size: 35px; line-height: 1; color: var(--ltn__secondary-color) } .get-support .get-support-icon i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .get-support .get-support-info { margin: 0; text-align: left } .get-support .get-support-info h6 { margin: 0; font-weight: 600; font-size: 14px } .get-support .get-support-info h4 { margin: 5px 0 0; line-height: 1 } .special-link { margin-left: 15px; -ms-flex-item-align: center } .special-link a { color: var(--white)!important; padding: 12px 30px!important } .special-link a:hover { background-color: var(--section-bg-1); color: var(--ltn__primary-color)!important } .ltn__header-5 .get-support::before { background-color: #e4e8ea } .about-img-right,.ltn__header-5 .ltn__header-options { margin-left: 30px } .sticky-active { -webkit-animation: .3s ease-in-out fadeInDown; animation: .3s ease-in-out fadeInDown; background-color: var(--white); left: 0; position: fixed; top: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 10px 50px 0 rgba(46,56,220,.2); box-shadow: 0 10px 50px 0 rgba(46,56,220,.2) } .sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-search-1,.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-search-1 i,.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-wishlist,.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .ltn__drop-menu>ul>li>a,.sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .mini-cart-icon a { background: var(--white); color: var(--ltn__heading-color) } .sticky-active.ltn__sticky-bg-black { background-color: var(--ltn__heading-color) } #lightcase-caption,.lightcase-error,.ltn__gallery-style-2 h4,.ltn__gallery-style-2 p,.section-title.white .section-title,.sticky-active.ltn__sticky-bg-black .header-feature-icon,.sticky-active.ltn__sticky-bg-black .header-feature-item h6,.sticky-active.ltn__sticky-bg-black .header-feature-item p,.sticky-active.ltn__sticky-bg-black .header-search-1 .search-icon,.sticky-active.ltn__sticky-bg-black .header-wishlist a,.sticky-active.ltn__sticky-bg-black .ltn__header-options .ltn__drop-menu>ul>li>a,.sticky-active.ltn__sticky-bg-black .ltn__main-menu>ul>li>a,.sticky-active.ltn__sticky-bg-black .mini-cart-icon { color: var(--white) } .sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1,.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1 i,.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-wishlist,.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .ltn__drop-menu>ul>li>a,.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .mini-cart-icon a { background: var(--white); color: var(--ltn__heading-color) } .btn-effect-1:hover,.btn-effect-2:hover,.sticky-active.ltn__sticky-bg-white .header-feature-icon,.sticky-active.ltn__sticky-bg-white .header-feature-item h6,.sticky-active.ltn__sticky-bg-white .header-feature-item p,.sticky-active.ltn__sticky-bg-white .header-search-1 .search-icon,.sticky-active.ltn__sticky-bg-white .header-wishlist a,.sticky-active.ltn__sticky-bg-white .ltn__header-options .ltn__drop-menu>ul>li>a,.sticky-active.ltn__sticky-bg-white .ltn__main-menu>ul>li>a,.sticky-active.ltn__sticky-bg-white .mini-cart-icon { color: var(--ltn__heading-color) } .sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1,.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1 i,.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-wishlist,.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .ltn__drop-menu>ul>li>a,.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .mini-cart-icon a { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1); background: var(--white); color: var(--ltn__heading-color) } .header-contact-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .ltn__header-transparent { position: absolute; width: 100%; z-index: 999; background-color: transparent } #lightcase-case,.ltn__utilize { z-index: 99999 } .ltn__header-transparent .top-area-color-white { background-color: transparent } .ltn__utilize { position: fixed; top: 0; right: 0; left: auto; display: block; overflow: hidden; width: 400px; height: 100vh; padding: 20px 10px 20px 30px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); background-color: var(--white); -webkit-box-shadow: none; box-shadow: none } .ltn__utilize.ltn__utilize-mobile-menu { right: auto; left: 0; padding: 50px 40px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .ltn__utilize-menu-inner { position: relative; z-index: 9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -ms-touch-action: auto; touch-action: auto; overflow-x: hidden!important; padding-right: 20px } .ltn__banner-item,.ltn__utilize-menu-search-form { margin-bottom: 30px; position: relative } .ltn__utilize-menu-search-form input[type=text] { margin-bottom: 0 } .ltn__utilize-menu-search-form button { background-color: transparent; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 100%; padding: 0 15px } @media (max-width: 479px) { .ltn__utilize { width:300px } .ltn__utilize.ltn__utilize-mobile-menu { padding: 50px 20px } } .ltn__utilize-menu>ul { margin: 0; padding: 0; list-style: none } .ltn__category-menu-wrap,.ltn__top-bar-menu,.ltn__utilize-menu>ul>li { position: relative } .ltn__utilize-menu>ul>li .menu-expand { position: absolute; z-index: 2; top: 0; right: 0; width: 24px; height: 44px; cursor: pointer; background-color: transparent } .ltn__utilize-menu>ul>li .menu-expand::after,.ltn__utilize-menu>ul>li .menu-expand::before { position: absolute; top: calc(50% - 1px); left: calc(50% - 7px); width: 14px; height: 2px; content: ""; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); background-color: #7e7e7e } .ltn__utilize-menu>ul>li .menu-expand::after { -webkit-transform: rotate(90deg) scale(.75); -ms-transform: rotate(90deg) scale(.75); transform: rotate(90deg) scale(.75) } .ltn__utilize-menu>ul>li.active .menu-expand::after { -webkit-transform: inherit; -ms-transform: inherit; transform: inherit } .ltn__utilize-menu>ul>li>a { display: block; padding: 8px 24px 8px 0; text-transform: uppercase } .ltn__utilize-menu>ul>li .sub-menu { position: static; top: auto; display: none; visibility: visible; width: 100%; min-width: auto; padding: 0 0 0 15px; -webkit-transition: none; -o-transition: none; transition: none; opacity: 1; -webkit-box-shadow: none; box-shadow: none } .ltn__utilize-menu>ul>li .sub-menu li { line-height: inherit; position: relative; list-style: none } .ltn__utilize-overlay { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: rgba(0,0,0,.5) } .ltn__utilize.ltn__utilize-mobile-menu.ltn__utilize-open,.ltn__utilize.ltn__utilize-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .mobile-menu-toggle { margin-right: 15px } .mobile-menu-toggle>a { width: 24px; height: 32px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #333; margin-left: auto } .mobile-menu-toggle svg { position: absolute; top: 50%; left: 50%; width: 50px; height: 60px; margin-top: -2px; margin-left: -2px; cursor: pointer; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0) } .mobile-menu-toggle svg path { -webkit-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25),stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25); -o-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25),stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25); transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25),stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25); fill: none; stroke: #333; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 30px } .mobile-menu-toggle svg path#bottom,.mobile-menu-toggle svg path#top { stroke-dasharray: 240px 950px } .mobile-menu-toggle svg path#middle { stroke-dasharray: 240px 240px } .mobile-menu-toggle .close svg path#bottom,.mobile-menu-toggle .close svg path#top { stroke-dasharray: -650px; stroke-dashoffset: -650px } .mobile-menu-toggle .close svg path#middle { stroke-dasharray: 1px 220px; stroke-dashoffset: -115px } .ltn__utilize-menu-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee } .ltn__header-options i,.ltn__header-top-area i,.ltn__utilize-menu-head .ltn__utilize-menu-title { font-weight: 700 } .ltn__utilize-menu-head .ltn__utilize-close { background-color: transparent; font-size: 30px; padding: 0 15px } .ltn__utilize-buttons { border-top: 1px solid var(--border-color-1); padding: 5px 0 20px; margin: 30px 0; border-bottom: 1px solid var(--border-color-1) } .ltn__utilize-buttons ul { padding: 0; margin: 0 } .comment-date,.entry-author,.entry-date,.ltn__tab-menu .nav,.ltn__utilize-buttons ul li,.works .filter li { display: inline-block } .ltn__utilize-buttons .utilize-btn-icon { width: 50px; display: inline-block; height: 50px; border: 2px solid var(--border-color-1); line-height: 46px; text-align: center; margin-right: 10px } .ltn__utilize-buttons-2 ul li { display: block } .faq-sidebar h3,.faq-sidebar p,.featured-imagebox-team.style2 .featured-title h5 a,.kf_cur_catg_des:hover .kf_cur_catg_capstion>h5,.kf_cur_catg_des:hover .kf_cur_catg_capstion>p,.kf_cur_catg_wrap .kf_cur_catg_des:hover span,.layer-content .title,.menu-btn-white.mobile-menu-toggle>a,.ttm-bgcolor-skincolor .ttm-fid.inside h4,.ttm-btn.ttm-btn-size-md.ttm-btn-style-border.ttm-btn-color-black.mb-40:hover,footer .featured-title h5:hover { color: #fff } .ltn__category-menu-toggle ul li:hover>a,.ltn__slide-item-2 .slide-sub-title span,.ltn__slide-item-2 .slide-title span { color: var(--ltn__secondary-color) } .menu-btn-white.mobile-menu-toggle svg path { stroke: #fff } .menu-btn-border a { width: 40px; height: 38px; border: 1px solid } .top-bar-right { display: flex; align-items: center; justify-content: end } @media (min-width: 1200px) and (max-width:1300px) { .ltn__header-6 .ltn__main-menu>ul>li:last-child,.ltn__main-menu>ul>li:last-child { margin-right:0 } .ltn__main-menu>ul>li { margin-right: 15px } .ltn__main-menu>ul>li>a { font-size: 15px } .ltn__header-6 .ltn__main-menu>ul>li { margin-right: 10px } .ltn__header-6 .special-link a { padding: 15px 20px!important } .ltn__header-6 .ltn__main-menu>ul>li>a { font-size: 14px } } .ltn__category-submenu,.ltn__product-pointer>ul>li>ul { -webkit-transition: .3s; -o-transition: .3s; background-color: #fff } @media (max-width: 449px) { .ltn__header-options>div { margin-right:10px } .header-feature-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .header-feature-item:last-child { padding-top: 0 } .get-support { padding-left: 10px; margin-left: 10px } .get-support .get-support-icon { font-size: 20px; display: none } .get-support .get-support-info h6 { display: 13px } .get-support .get-support-info h4 { font-size: 16px } } @media (max-width: 370px) { .ltn__header-3 .ltn__header-options>ul>li { margin-right:5px } } .ltn__category-menu-title h2 { cursor: pointer; font-size: 18px; font-weight: 700; letter-spacing: 1px; line-height: 45px; margin: 0; overflow: hidden; padding: 5px 20px; position: relative; text-transform: uppercase } .ltn__category-menu-title h2::after,.ltn__category-menu-title h2::before { font-family: 'Font Awesome\ 5 Free'; font-weight: 900; display: block; font-size: 14px } .ltn__category-menu-title h2::before { content: "\f0c9"; float: left; margin-right: 10px } .ltn__category-menu-title h2::after { content: "\f0dd"; float: right } .ltn__category-menu-toggle>ul { border-color: var(--border-color-1); border-width: 1px; border-style: solid; padding: 0; margin: 0 } .ltn__category-menu-toggle>ul>li>a { padding: 10px 15px; display: block; font-size: 15px; border-bottom: 1px solid var(--border-color-1) } .ltn__category-menu-toggle>ul>li:hover>a { background-color: var(--section-bg-1); font-weight: 700 } .ltn__category-menu-toggle>ul>li:hover .ltn__category-submenu { opacity: 1; visibility: visible; top: 0 } .ltn__category-menu-toggle>ul>li i { font-size: 18px; margin-right: 5px; width: 25px; display: inline-block } .ltn__category-menu-toggle ul,.ltn__product-details-menu-1 .ltn__tagcloud-widget ul li { margin: 0 } .ltn__category-menu-toggle ul li { margin-top: 0; list-style: none; position: relative; font-size: 14px } .ltn__category-menu-toggle .rx-change .rx-show,.ltn__category-menu-toggle ul li a { display: block } .ltn__category-menu-toggle.ltn__one-line-active .ltn__category-submenu li a { display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } .ltn__category-submenu { position: absolute; left: 100%; top: 90%; width: 230px; z-index: 99; padding: 25px 20px; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); transition: .3s } .ltn__category-submenu ul,.slider-sticky-icon-2 ul { padding: 0 } .ltn__category-submenu ul li { padding: 8px 0 } .ltn__category-submenu>li { width: 100%; float: left; padding: 0 10px } .ltn__category-submenu.ltn__category-column-10,.ltn__category-submenu.ltn__category-column-11,.ltn__category-submenu.ltn__category-column-12,.ltn__category-submenu.ltn__category-column-4,.ltn__category-submenu.ltn__category-column-5,.ltn__category-submenu.ltn__category-column-6,.ltn__category-submenu.ltn__category-column-7,.ltn__category-submenu.ltn__category-column-8,.ltn__category-submenu.ltn__category-column-9,.ltn__category-submenu.ltn__category-column-no-10,.ltn__category-submenu.ltn__category-column-no-11,.ltn__category-submenu.ltn__category-column-no-12,.ltn__category-submenu.ltn__category-column-no-13,.ltn__category-submenu.ltn__category-column-no-14,.ltn__category-submenu.ltn__category-column-no-4,.ltn__category-submenu.ltn__category-column-no-5,.ltn__category-submenu.ltn__category-column-no-6,.ltn__category-submenu.ltn__category-column-no-7,.ltn__category-submenu.ltn__category-column-no-8,.ltn__category-submenu.ltn__category-column-no-9 { width: 730px } .ltn__category-submenu.ltn__category-column-10>li,.ltn__category-submenu.ltn__category-column-11>li,.ltn__category-submenu.ltn__category-column-12>li,.ltn__category-submenu.ltn__category-column-4>li,.ltn__category-submenu.ltn__category-column-5>li,.ltn__category-submenu.ltn__category-column-6>li,.ltn__category-submenu.ltn__category-column-7>li,.ltn__category-submenu.ltn__category-column-8>li,.ltn__category-submenu.ltn__category-column-9>li,.ltn__category-submenu.ltn__category-column-no-10>li,.ltn__category-submenu.ltn__category-column-no-11>li,.ltn__category-submenu.ltn__category-column-no-12>li,.ltn__category-submenu.ltn__category-column-no-13>li,.ltn__category-submenu.ltn__category-column-no-14>li,.ltn__category-submenu.ltn__category-column-no-4>li,.ltn__category-submenu.ltn__category-column-no-5>li,.ltn__category-submenu.ltn__category-column-no-6>li,.ltn__category-submenu.ltn__category-column-no-7>li,.ltn__category-submenu.ltn__category-column-no-8>li,.ltn__category-submenu.ltn__category-column-no-9>li { width: 25% } .ltn__category-submenu.ltn__category-column-3,.ltn__category-submenu.ltn__category-column-no-3 { width: 690px } .ltn__category-submenu.ltn__category-column-3>li,.ltn__category-submenu.ltn__category-column-no-3>li { width: 33% } .ltn__category-submenu.ltn__category-column-2,.ltn__category-submenu.ltn__category-column-no-2 { width: 460px } .ltn__category-submenu.ltn__category-column-2>li,.ltn__category-submenu.ltn__category-column-no-2>li { width: 50% } .ltn__category-submenu-title>a { border-bottom: 1px solid #ddd; font-weight: 700; padding: 5px 0; margin-bottom: 10px } .cart-product-remove,.ltn__category-menu-toggle .ltn__category-menu-more-item-parent,.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .ltn__category-menu-toggle .ltn__category-menu-more-item-child,.ltn__category-menu-toggle .rx-change .rx-default,.ltn__category-menu-toggle .rx-show { display: none } .mobile-header-menu-fullwidth .mobile-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid var(--border-color-1); padding: 7px 20px 6px; margin-right: 0 } .ltn__slide-item { padding-top: 100px; padding-bottom: 100px; height: 750px } .ltn__slide-item-inner { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__product-pointer .ltn__pointer-icon,.ltn__slide-item-7 { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center } .slide-title { font-size: 46px; font-weight: 700 } .ltn__slide-animation { position: relative; z-index: 9 } .ltn__slide-animation>* { opacity: 0; visibility: hidden; -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } .ltn__slide-animation>:first-child { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: .5s; animation-duration: .5s } .ltn__slide-animation>:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s } .ltn__slide-animation>:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s } .ltn__slide-animation>:nth-child(4) { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 2s; animation-duration: 2s } .ltn__slide-animation>:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-duration: 2.5s; animation-duration: 2.5s } .ltn__slide-animation>:nth-child(6) { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 3s; animation-duration: 3s } .ltn__slide-animation>:nth-child(7) { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; -webkit-animation-duration: 3.5s; animation-duration: 3.5s } .ltn__slide-animation>:nth-child(8) { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-duration: 4s; animation-duration: 4s } .ltn__slide-animation>:nth-child(9) { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; -webkit-animation-duration: 4.5s; animation-duration: 4.5s } .ltn__slide-animation>:nth-child(11) { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-duration: 5s; animation-duration: 5s } .ltn__slide-animation-active .ltn__slide-animation>*,.slick-current .ltn__slide-animation>* { opacity: 1; visibility: visible; -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .title-bg-img { background-image: url("../img/slider/1.jpg"); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent } .title-bg-img-2 { background-image: url("../img/slider/2.jpg") } .slick-slide-arrow-1 .slick-arrow { cursor: pointer; position: absolute; top: 50%; left: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 60px; line-height: 58px; border: 1px solid var(--border-color-1); text-align: center; font-size: 20px; color: var(--ltn__primary-color)!important; z-index: 1; opacity: 0; visibility: hidden } .slick-slide-arrow-1 .slick-next,.text-right span { right: 40px; left: auto } .slick-slide-arrow-1:hover .slick-arrow { opacity: 1; visibility: visible; left: 20px } .slick-slide-arrow-1:hover .slick-next { right: 20px; left: auto } .slick-slide-dots-1 .slick-dots { position: absolute; bottom: 50px; width: 100%; margin: 0 } .arrow-white .slick-arrow { color: var(--white)!important; border: 1px solid var(--border-color-3) } @media (min-width: 1400px) { .slick-slide-arrow-1:hover .slick-arrow { opacity:1; visibility: visible; left: 60px } .slick-slide-arrow-1:hover .slick-next { right: 60px; left: auto } } .ltn__slide-item-2 { height: calc(100vh - 0px); padding-top: 200px } .ltn__slide-item-2 .slide-item-info { max-width: 650px } .ltn__slide-item-2 .slide-sub-title { margin-bottom: 20px; font-family: var(--ltn__body-font) } .ltn__slide-item-2 .slide-title { font-size: 65px; line-height: 1; margin-bottom: 20px } .about-us-info-wrap .btn-wrapper,.custom-content-brief .btn-wrapper,.ltn__slide-item-2 .btn-wrapper { margin-top: 40px } .ltn__slide-item-2 .slide-brief { padding-left: 30px; border-left: 1px solid #576466 } .ltn__slide-item-2 .text-right .slide-item-info,.ltn__slide-item-6 .text-right .slide-item-info { margin-left: auto } .ltn__slide-item-2 .text-right .slide-brief,.ltn__slide-item-6 .text-right .slide-brief { padding-left: 0; border-left: 0; padding-right: 30px; border-right: 1px solid #576466; margin-left: auto } .ltn__slide-item-2 .text-center .slide-item-info,.ltn__slide-item-6 .text-center .slide-item-info,.section-title-area.text-center p,.text-center .slide-brief { margin-left: auto; margin-right: auto } .ltn__slide-item-2 .text-center .slide-brief,.ltn__slide-item-6 .text-center .slide-brief { padding-left: 0; border-left: 0; padding-right: 0; border-right: 0 } .slide-brief { max-width: 450px } .text-right .slide-brief { margin-left: auto } .ltn__product-pointer { position: absolute; top: 50%; left: 50%; z-index: 9 } .ltn__product-details-menu-2 ul,.ltn__product-details-menu-3 ul,.ltn__product-pointer>ul { padding: 0; margin: 0 } .ltn__product-pointer>ul>li { display: inline-block; list-style: none; position: relative } .ltn__product-pointer>ul>li>ul { position: absolute; top: 80%; min-width: 300px; padding: 0; right: 80px; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: .3s; text-align: left; opacity: 0; visibility: hidden } .ltn__product-pointer>ul>li>ul>li { list-style: none } .ltn__product-pointer>ul>li:hover ul { top: 50%; opacity: 1; visibility: visible } .ltn__product-pointer>ul>li:hover .ltn__pointer-icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .ltn__product-pointer ol li,.ltn__product-pointer ul li { margin-top: 5px } .ltn__product-pointer img { height: inherit!important } .ltn__product-pointer p:last-child { margin-bottom: 0 } .ltn__product-pointer .ltn__pointer-icon { cursor: pointer; height: 60px; width: 60px; display: flex; background-color: #fff; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; font-size: 20px; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__product-pointer .ltn__product-pointer-inner { padding: 15px 30px 25px; position: relative } .ltn__product-pointer .ltn__product-pointer-inner::before { position: absolute; content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-left: 15px solid var(--white); border-bottom: 15px solid transparent; right: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ltn-author-introducing .author-info h1,.ltn-author-introducing .author-info h2,.ltn-author-introducing .author-info h3,.ltn__banner-info h4,.ltn__product-pointer .ltn__product-pointer-inner h5 { margin-bottom: 10px } .ltn__product-pointer .ltn__product-pointer-inner p { font-size: 14px } .ltn__product-pointer.ltn__product-pointer-1 { top: 38%; left: auto; right: 24% } .ltn__product-pointer.ltn__product-pointer-2 { top: 60%; left: 20% } .ltn__product-pointer.ltn__product-pointer-3 { top: 10%; left: 40% } .slide-img-left .ltn__product-pointer>ul>li>ul { left: 80px; right: auto } .slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before { border-right: 15px solid var(--white); border-left: 0; right: auto; left: -15px } .ltn__slide-item-3 .row [class*=col-] { position: inherit } .ltn__slide-item-3 .slide-item-info,.overlay-bg { position: relative; z-index: 2 } .ltn__slide-item-3 .slide-item-img { width: 45%; position: absolute; right: 150px; top: auto; bottom: 100px; height: 70% } .ltn__slide-item-3 .slide-item-img img { text-align: right; margin-left: auto; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center } .ltn__slide-item-3 .text-right .slide-item-img,.ltn__slide-item-5 .text-right .slide-item-img { right: auto; left: 150px } .ltn__slide-item-3-normal { height: calc(100vh - 160px); padding-top: 100px } .ltn__slide-item-4 { padding-bottom: 50px } .ltn__slide-item-4 .slide-item-img { margin-top: 100px } .ltn__slider-5 .ltn__slide-item-2 { padding-top: 100px } .ltn__slide-item-5 .slide-item-img { right: 200px; bottom: 0; height: 80% } .ltn__slide-item-5 .call-to-circle-1 { right: 14%; left: auto; top: 30%; z-index: -1; -webkit-animation: 8s linear .1s infinite wave; animation: 8s linear .1s infinite wave } .ltn__slide-item-5 .text-right .call-to-circle-1 { left: 20%; right: auto } .ltn__slide-item-6 .slide-item-info { max-width: 100% } .ltn__slide-item-6 .slide-title { font-size: 80px; line-height: 1 } .ltn__slide-item-7 { min-height: 800px; height: calc(100vh - 0px); display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ltn__slide-item-7 .slide-item-info { max-width: 850px } .ltn__slide-item-7 .slide-title { font-size: 90px; line-height: 1 } .google-map,.ltn__slide-item-9 { height: 800px } .ltn__slide-item-9 .ltn__slide-item-inner { display: block } .ltn__slide-item-9 .slide-item-info { height: 800px; max-width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 30px 10px } .ltn__slide-item-9 .right-align .slide-item-info,.section-title-area.text-right p { margin-left: auto } .ltn__slide-item-9 .slide-item-info-inner,.ltn__slider-11 .ltn__slide-item-11,.ltn__slider-11 .ltn__slider-11-inner { position: relative } .ltn__slide-item-9 .slide-item-info-inner::after,.ltn__slide-item-9 .slide-item-info-inner::before { position: absolute; content: ''; width: 2px; height: 84px; background-color: var(--ltn__heading-color); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .ltn__slide-item-9 .slide-item-info-inner::before { top: -46.5% } .ltn__slide-item-9 .slide-item-info-inner::after { bottom: -51% } .ltn__footer-color-2 .ltn__footer-timeline-widget-1,.ltn__slide-item-9 .text-color-white .slide-item-info-inner::after,.ltn__slide-item-9 .text-color-white .slide-item-info-inner::before { background-color: var(--white) } .ltn__slide-item-9 .ltn__tab-menu a { padding: 12px 20px } .ltn__slide-item-9 .slide-item-info-line-no::after,.ltn__slide-item-9 .slide-item-info-line-no::before { display: none } .ltn__slide-item-10 { height: 535px } .ltn__slide-item-10 .slide-item-info-inner { padding: 30px } .ltn__slider-11 .ltn__slide-item-11 .slide-content { padding: 80px 0 250px 200px; position: relative; width: 90%; z-index: 1; min-height: 100vh; height: 800px } .ltn__slider-11 .ltn__slide-item-11 .slide-content .slide-title-1 { color: var(--main-color-one) } .ltn__slider-11 .ltn__slide-item-11 .slide-content .slide-title-2 { color: var(--secondary-color-three) } .ltn__slider-11 .ltn__slide-item-11 .slide-content p,.thumb figure figcaption a:hover { color: #000 } .ltn__slider-11 .ltn__slide-item-11:before,.swiper-pagination.swiper-pagination-hidden { opacity: 0 } .ltn__slider-11 .slide-item-img { position: absolute; right: 0; top: 0; height: 100%; z-index: 0; width: 45% } .ltn__slider-11 .slide-item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; margin-left: auto } .ltn__slider-11-active .slick-arrow { position: absolute; bottom: 60px; left: 30%; z-index: 9 } .ltn__slider-11-active .slick-arrow i { font-size: 30px; color: #ccc } .ltn__slider-11-active .slick-arrow.slick-next { margin-left: 50px } .ltn__slider-11-pagination-count { display: none; position: absolute; top: 53%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: auto; right: 50px } .ltn__slider-11-pagination-count span { color: var(--ltn__color-5) } .ltn__slider-11-pagination-count .count { position: absolute; top: -22px; left: -8px } .ltn__slider-11-pagination-count .total { bottom: -25px; position: absolute; left: -10px } .ltn__slider-11-pagination-count .slick-dots { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-direction: column; flex-direction: column; height: 520px } .ltn__slider-11-pagination-count .slick-dots li { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-radius: 0; width: 2px; opacity: .45 } .ltn__slider-11-pagination-count .slick-dots li button { display: block; border-radius: 0; padding: 0; width: 100%; height: 100%; background-color: var(--section-bg-1); opacity: .45; cursor: pointer } .ltn__slider-11-pagination-count .slick-dots li button:hover { background-color: var(--section-bg-1); opacity: 1 } .product-action li:hover a,.product-badge li { background-color: var(--ltn__secondary-color) } .ltn__slider-11-pagination-count .slick-dots li.slick-active button { background-color: var(--ltn__secondary-color); opacity: 1 } .ltn__slider-11-pagination-count-show .ltn__slider-11-pagination-count { display: block } @media only screen and (min-width: 992px) { .ltn__slide-item-11 { min-height:calc(100vh - 140px) } } .ltn__slider-11-img-slide-arrow { position: absolute; bottom: 30px; right: 10%; width: 500px } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-inner { position: relative } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active { padding-left: 100px; background-color: var(--main-color-one) } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item { padding: 0 10px } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item img { border: 5px solid; border-color: var(--section-bg-1); cursor: pointer } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item.slick-current img { opacity: .9 } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow { position: absolute; right: auto; z-index: 9; top: 0; left: 0; padding-left: 0; background-color: var(--section-bg-1); text-align: center; width: 40px; height: 40px; line-height: 43px; font-size: 16px } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow.slick-next { left: 50px } .ltn__slider-11-slide-item-count { display: none; left: 0; right: auto; top: auto; bottom: 0; position: absolute; background-color: var(--section-bg-1); padding: 5px 15px 0 } .ltn__slider-11-slide-item-count .count { font-size: 30px; line-height: 1 } .ltn__slider-11-slide-item-count-show .ltn__slider-11-slide-item-count { display: block } .slider-sticky-icon-2 { position: absolute; left: 50px; bottom: 80px; z-index: 1 } .slider-sticky-icon-2 ul li { list-style: none; display: block; margin-bottom: 12px } @media (min-width: 1600px) { .ltn__slide-item-2 { min-height:800px } .ltn__slide-item-3-normal { min-height: 780px } .ltn__slide-item-6 { height: 800px } } @media (max-width: 1599px) { .plr--10,.plr--11,.plr--12,.plr--2,.plr--3,.plr--4,.plr--5,.plr--6,.plr--7,.plr--8,.plr--9 { padding-left:2%; padding-right: 2% } .liton-slide-item,.liton-slide-item-inner,.ltn__slide-item-3 { height: inherit } .ltn__slide-item-9 { height: 650px } .ltn__slide-item-9 .slide-item-info { height: 650px; max-width: 400px } .ltn__slider-11-img-slide-arrow { width: 80%; max-width: 350px } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item { padding: 0 3px } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .image-slide-item img { border: 2px solid; border-color: var(--section-bg-1) } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow { width: 30px; height: 30px; line-height: 33px; font-size: 14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ltn__slider-11-img-slide-arrow .ltn__slider-11-img-slide-arrow-active .slick-arrow.slick-next { left: 40px } .ltn__slider-11-pagination-count-show .ltn__slider-11-pagination-count,.ltn__slider-11-slide-item-count-show .ltn__slider-11-slide-item-count,.slider-sticky-icon-2 { display: none } } @media (min-width: 1200px) and (max-width:1599px) { .ltn__slide-item-2 .slide-title { font-size:50px } .ltn__slide-item-6 { height: inherit } .ltn__slide-item-6 .slide-title { font-size: 60px } .ltn__slide-item-7 { min-height: inherit } .ltn__slide-item-4 { height: auto } .ltn__slide-item-9 .ltn__tab-menu a { font-size: 14px } .ltn__slide-item-9 .slide-title { font-size: 36px; font-weight: 700 } } @media (min-width: 1400px) and (max-width:1599px) { .ltn__slide-item-3 .slide-item-img { width:45%; right: 60px; top: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ltn__slide-item-3 .slide-item-img.slide-img-left { right: auto; left: 60px } .ltn__slide-item-4 .slide-item-img { margin-top: 50px; width: 50%; margin-left: auto; margin-right: auto } .ltn__slider-11 .slide-item-img { top: 0; right: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit } } @media (min-width: 1200px) and (max-width:1399px) { .ltn__slide-item-3 .slide-item-img { width:45%; right: 60px; top: 55%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ltn__slide-item-3 .slide-item-img.slide-img-left { right: auto; left: 60px } .ltn__slide-item-4 .slide-item-img { margin-top: 50px; width: 50%; margin-left: auto; margin-right: auto } .ltn__slider-11 .slide-item-img { top: 0; right: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit } } @media (min-width: 992px) and (max-width:1199px) { .ltn__slide-item-3 .slide-item-img { width:45%; right: 60px } .ltn__slide-item-3 .slide-item-img.slide-img-left { right: auto; left: 60px } .ltn__slide-item-6 .slide-title { font-size: 60px } .ltn__slide-item.ltn__slide-item-10 { height: 495px } .ltn__slider-11 .slide-item-img { top: 0; right: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit } } @media (max-width: 1199px) { .widget { padding:35px 20px 40px } .top-rated-product-img { max-width: 70px; margin-right: 15px } .ltn__main-menu>ul>li>a { padding: 10px } .ltn__main-menu>ul>li { margin-right: 10px; padding: 5px } .ltn__header-3 .header-feature-item { display: none } .ltn__header-logo-and-mobile-menu .site-logo-wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 10px 0 } .ltn__header-logo-and-mobile-menu .ltn__header-middle-area>.container-fluid>.row>.col,.ltn__header-logo-and-mobile-menu .ltn__header-middle-area>.container>.row>.col { max-width: 65% } .ltn__header-logo-and-mobile-menu .ltn__header-options { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .slide-title { font-size: 36px } .ltn__slide-item { height: auto } .liton-slide-item-inner { height: inherit } .slide-item-info-inner { margin-bottom: 30px } .ltn__slide-item-2 .slide-title { font-size: 50px } .ltn__slide-item-2 .slide-brief { padding-left: 15px } .ltn__slide-item-6 { padding-top: 140px } .ltn__slide-item-7 { min-height: 550px; height: auto } .ltn__slide-item-7 .slide-title { font-size: 60px } } @media (max-width: 991px) { .sticky-active { position:inherit } .ltn__header-2 .ltn__header-middle-area>.container>.row .header-feature-column,.ltn__header-3 .ltn__header-middle-area>.container>.row .header-search-column { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; border-top: 1px solid #ddd } .ltn__header-2 .header-feature-area { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .headr-new-aas,.headr-new-aas .all-menu-new .top-menu .menu-staff,.search-dropdown { flex-direction: column; gap: 0 } .ltn__header-2 .header-feature-item { margin-right: 15px } .ltn__header-3 .header-search-2 { min-width: 280px } .ltn__top-bar-menu ul li { margin: 0 20px 0 0 } .search-dropdown { z-index: 8; background-color: #fff!important; width: 100% } .headr-new-aas .all-menu-new .bottom-menu .search-dropdown { gap: 0; flex-direction: row; justify-content: space-around; padding: 0; border-bottom: 1px solid #ddd; display: none } .all-menu-new .top-menu { padding: 0; flex-direction: column } .headr-new-aas .all-menu-new .top-menu h3 { font-size: 11px; display: none } .apply-now,.hidden-mob,.top-menu { display: none!important } .open-menu-college { display: inline-block!important } .menu-mobile-hide-show .list-college-inner .apply-now,.show-mob { display: block!important } .show-mob img { max-width: 80%; width: 80%; } .open-menu-college i { margin: 0 20px; font-size: 30px; background-color: #132b61; color: #fff; padding: 5px; border-radius: 5px; cursor: pointer; position: relative; top: 0; right: 0 } .ltn__main-menu .sub-menu { left: 20px } .ltn__main-menu .sub-menu li .sub-sub-menu { left: 200px; right: auto!important } .ltn__main-menu li:hover>.sub-menu li a { text-align: left; display: flex; flex-direction: row-reverse } .ltn__main-menu li:hover>.sub-menu li a i { transform: rotateY(180deg) } .headr-new-aas .all-menu-new .top-menu h1 { font-size: 16px } .site-logo-wrap { display: flex; align-items: center; flex-direction: row; position: relative; justify-content: space-between; width: 100% } .headr-new-aas .logo-img-aas { width: 100% } .menu-mobile-hide-show.open { visibility: visible; opacity: 1; transform: translateY(0); overflow-y: hidden } .menu-mobile-hide-show .menu-lis-parent { padding: 10px 0; margin: 0; background-color: #fff; transition: 1s } .menu-mobile-hide-show .menu-lis-parent.open-sub-menu { transform: translateX(100%); height: 200px } .menu-mobile-hide-show .menu-lis-parent li { border-bottom: 1px solid #ddd; padding: 5px 10px; display: flex; align-items: center; justify-content: space-between; position: relative } .menu-mobile-hide-show .menu-lis-parent li i { color: #0f4d92 } .menu-mobile-hide-show .menu-lis-parent li a { color: #0f4d92; font-weight: 800; font-size: 16px; text-decoration: underline } .menu-mobile-hide-show .list-college-inner { background-color: #f9f9f9 } .menu-mobile-hide-show .list-college-inner ul { padding: 10px 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; text-align: center } .menu-mobile-hide-show .list-college-inner ul li { width: 45% } .sub-sub-list-menu-college { position: absolute; background-color: #fff; width: 100%; left: 0; right: 0; z-index: 99; transition: 1s ease-in-out .1s; visibility: hidden; transform: translateX(-105%) } .sub-sub-list-menu-college.open { visibility: visible; transform: translateX(-100%) } .sub-sub-list-menu-college li { flex-direction: row; margin: 0; padding: 5px 0 } .college-enginnering-slider .item .title { font-size: 20px; padding: 0 40px; text-align: center } .top-bar-right { margin-top: 0!important } .copyright-info,.footer-social ul,.ltn__feature-item-6P { text-align: center } .footer-menu { float: none } .footer-menu ul li { font-size: 12px; margin: 6px 15px } .top-bar-right.text-end { width: 70%; text-align: center!important; margin: auto } .ltn__drop-menu>ul>li { position: relative!important } .owl-theme .owl-controls .owl-nav div.owl-next,.owl-theme .owl-controls .owl-nav div.owl-prev { top: 50%!important } .slider-step-the-way .item .box { /* width:380px!important; */ } .slider-sec-college-home .item .slide-content { width: 80% } .college-enginnering .box { margin: 5px 0 } .college-enginnering-slider .item .content { left: 0!important; padding: 40px 50px!important; width: 100%!important } .step-the-way .content-left p { font-size: 20px!important; margin: 0 0 30px!important } .step-the-way .content-left h3 { font-size: 30px!important; width: 60% } .ltn__tab-menu-3 a { font-size: 25px!important } .whats-coe .box-whats-coe p { font-size: 20px!important } .box-libr-event { margin: 50px 0 } .box-libr-event .box .item .title,.ltn__slide-item-2 .slide-title,.ltn__slide-item-6 .slide-title,.ltn__slide-item-7 .slide-title { font-size: 40px } .box-libr-event .box .item { height: 200px } .footer { padding: 30px 15px!important; } .slider-sec-college-home .owl-controls .owl-dots { right: 40%!important; transform: translateX(-40%)!important } .footer-widget ul.list-arrow li a { font-size: 1.2em !important; } .ltn__category-menu-wrap { margin-bottom: 30px } .ltn__category-menu-toggle { max-height: 350px; overflow: auto; position: absolute; width: 100%; z-index: 99; display: none } .ltn__category-submenu { display: none; opacity: inherit!important; visibility: inherit!important; left: inherit!important; width: 100%!important; top: 100%; max-height: 350px; overflow: auto; -webkit-transition: unset; -o-transition: unset; transition: unset; -webkit-box-shadow: inherit; box-shadow: inherit; position: inherit; padding: 5px 0 0 15px } .ltn__category-submenu>li { width: 100%!important; margin-bottom: 0; float: none } .ltn__category-menu-drop.open>a::before,.ltn__category-submenu-children,.ltn__slide-item-5 .slide-item-img,.ltn__slide-item-9 .slide-item-info-inner::after,.ltn__slide-item-9 .slide-item-info-inner::before { display: none } .ltn__category-menu-drop>a { position: relative } .ltn__category-menu-drop>a::before { position: absolute; content: "+"; right: 15px; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); font-size: 20px; font-weight: 400 } .ltn__category-menu-drop.open>a::after { position: absolute; content: "-"; right: 15px; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); font-size: 30px; font-weight: 400 } .slide-title { font-size: 26px } .liton-slide-item-inner { height: inherit } .slide-item-info-inner { margin-bottom: 30px } .slick-slide-arrow-1 .slick-arrow { width: 40px; height: 40px; line-height: 38px; font-size: 16px } .ltn__slide-item-2 .slide-brief { padding-left: 15px } .ltn__slide-item-2 .btn-wrapper { margin-top: 20px } .ltn__slide-item-3 .slide-item-img { width: 100%; position: relative; height: auto; right: auto; bottom: auto } .ltn__slide-item-3 .slide-item-img img { height: auto } .ltn__slide-item-3 .text-right .slide-item-img { right: auto; left: auto } .ltn__product-pointer>ul>li>ul { min-width: 280px; top: 110%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .ltn__product-pointer>ul>li:hover ul { top: 130% } .ltn__product-pointer .ltn__product-pointer-inner::before { left: 50%; top: -25px; -webkit-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg) } .slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before { left: 50%; -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg) } .ltn__slide-item-7 { min-height: 400px } .ltn__slide-item-9 { height: 560px } .ltn__slide-item-9 .slide-item-info { height: auto; margin: 30px } .ltn__slide-item-9 .ltn__slide-item-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around } .ltn__slider-11-img-slide-arrow { right: 50%; -webkit-transform: translate(50%); -ms-transform: translate(50%); transform: translate(50%) } } @media (max-width: 767px) { .step-the-way .content-left h3 { width:80% } .ltn__header-top-area { padding: 5px 0; text-align: center } .ltn__header-top-area .ltn__social-media ul li { font-size: 12px; margin: 0 5px 0 0 } .ltn__top-bar-menu .ltn__currency-menu .active-currency,.ltn__top-bar-menu>ul>li { font-size: 13px } .ltn__drop-menu>ul>li { position: inherit } .ltn__drop-menu>ul>li>a { height: 20px; line-height: 20px } .ltn__drop-menu ul li ul { left: 50%; right: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .top-bar-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center } .welcome p { line-height: 20px; margin: 5px 0 } .site-logo { min-width: 100px } .ltn__header-3 .top-bar-right,.ltn__header-4 .top-bar-right,.ltn__header-5 .top-bar-right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5px } .ltn__header-4 .site-logo-wrap,.ltn__header-5 .site-logo-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 0 30px } .ltn__header-4 .ltn__header-options,.ltn__header-5 .ltn__header-options { margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ltn__header-logo-and-mobile-menu-in-mobile .site-logo-wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 10px 0 } .ltn__header-logo-and-mobile-menu-in-mobile .ltn__header-middle-area>.container-fluid>.row>.col,.ltn__header-logo-and-mobile-menu-in-mobile .ltn__header-middle-area>.container>.row>.col { max-width: 65% } .ltn__header-logo-and-mobile-menu-in-mobile .ltn__header-options { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .header-top-btn a { padding: 0 15px; line-height: 25px } .college-enginnering-slider .owl-nav div.owl-next { right: -10px!important } .college-enginnering-slider .owl-nav div.owl-prev { left: -10px!important } .ltn__tab-menu-3 a { font-size: 20px!important } .testimonials-sec .item,.testimonials-sec .owl-dots { text-align: center!important } .spaceing { padding: 0 30px } .testimonial4 .testimonials-sec { padding: 0 43px } .ltn__feature-item-6 { height: 90%; text-align: center } .show-ipad-hidden-mob-hidden-desktop { display: none!important } .liton-slide-item-inner { height: inherit } .slide-item-info-inner { margin-bottom: 30px } .ltn__product-pointer,.slide-title br { display: none } .slide-title { font-size: 24px } .ltn__slide-item-2 { height: auto; padding-top: 300px } .ltn__slide-item-2 .slide-title,.ltn__slide-item-6 .slide-title { font-size: 30px } .ltn__slide-item-2 .slide-brief { padding-left: 15px } .ltn__slide-item-3-normal { padding-top: 100px } } .ltn__product-item { position: relative; margin-bottom: 50px } .product-img { position: relative; overflow: hidden } .product-img img { position: relative; -webkit-transition: 3.5s; -o-transition: 3.5s; transition: 3.5s } .product-hover-action,.product-img:before { opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; position: absolute; left: 0 } .product-img:before { content: ""; top: 0; width: 100%; height: 100%; background-color: var(--ltn__primary-color); transition: .3s } .ltn__product-item:hover .product-img::before,.ltn__product-item:hover .product-img:before { opacity: .4; visibility: visible } .product-title { font-size: 18px; margin-bottom: 5px } .product-ratting li { display: inline-block; margin: 0 -2px; color: var(--ratings); font-size: 12px } .button-1 a,.ltn__product-item-4 .product-hover-action ul li:hover,.product-action li:hover a,.product-badge li { color: var(--white) } .product-hover-action { top: 60%; right: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: .3s } .button-1 a,.product-action li a { -webkit-transition: .3s; -o-transition: .3s } .ltn__product-item:hover .product-hover-action { top: 50%; opacity: 1; visibility: visible } .product-hover-action ul { margin: 0; padding: 0; display: inline-block; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3) } .product-hover-action li { height: 50px; width: 50px; line-height: 50px; font-size: 14px; text-align: center; float: left; margin-right: 0; margin-top: 0; list-style: none; border-right: 1px solid var(--border-color-7) } .product-hover-action li:last-child { margin-right: 0; border-right: 0 } .product-hover-action li a { display: block; background-color: var(--white); font-weight: 700 } .product-badge { position: absolute; top: 15px; right: 18px } .product-badge li { list-style: none; display: inline-block; font-size: 13px; font-weight: 600; padding: 3px 15px 0; text-transform: uppercase; line-height: 25px } .ltn__page-details-inner .ltn__product-details-review-inner,.ltn__page-details-inner .ltn__product-details-review-inner h1,.ltn__page-details-inner .ltn__product-details-review-inner h2,.ltn__page-details-inner .ltn__product-details-review-inner h3,.ltn__page-details-inner .ltn__product-details-review-inner h4,.ltn__page-details-inner .ltn__product-details-review-inner h5,.ltn__page-details-inner .ltn__product-details-review-inner h6,.ltn__page-details-inner .ltn__product-details-review-inner p,.ltn__product-item-5,.ltn__product-item-5 .product-img,.ltn__product-item-5 .product-info,.ltn__tab-menu-3,.modal-product-meta>ul>li:first-child,.product-badge li:first-child,.property-detail-feature-list { margin-top: 0 } .product-badge li::before { position: absolute; content: ""; bottom: -8px; left: 0; border-left: 8px solid var(--ltn__secondary-color); width: 0; height: 0; border-bottom: 8px solid transparent; display: none } .product-badge li .soldout-badge { background-color: var(--red-2) } .product-info { padding: 20px 0 0 } .product-price { color: var(--ltn__heading-color); font-weight: 600 } .product-price del { opacity: .6; margin-left: 5px; font-size: 80% } .ltn__product-item .product-price { margin-bottom: 12px } .product-action ul { margin: 10px 0 0; padding: 0 } .product-action li,.product-details-content .product-details-cart-btn { display: inline-block; margin-top: 0 } .product-action li a { display: inline-block; padding: 3px 15px; border: 1px solid var(--ltn__heading-color); color: var(--ltn__heading-color); transition: .3s } .product-action li:hover a { border-color: var(--ltn__secondary-color) } .button-1 a { display: inline-block; padding: 5px 15px; background-color: var(--ltn__heading-color); transition: .3s } .ltn__product-item-2 .product-img img,.ltn__select-availability-table .ltn__select-availability-table-row:nth-child(odd),.section-bg-1 .apartments-info-list-color>ul li label,.section-bg-1 .apartments-info-list-color>ul li span { background-color: var(--section-bg-1) } .ltn__product-item-2:hover .product-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .ltn__product-item .add-to-cart { width: auto; text-transform: uppercase } .ltn__product-item .add-to-cart a { padding: 0 15px } .ltn__product-item .add-to-cart span { font-size: 12px; line-height: 1 } .ltn__product-item-3 { border: 2px solid; border-color: var(--border-color-8); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__product-item-3 .product-img::before { display: none } .ltn__product-item-3 .product-info { padding: 25px 30px 15px } .ltn__product-item-3 .product-title { font-size: 16px; margin-bottom: 0 } .ltn__product-item-3 .product-price { font-size: 20px; color: var(--ltn__secondary-color); font-weight: 700 } .ltn__product-item-3 .product-price del { font-size: 20px; opacity: .6 } .ltn__product-item-3 .product-info-brief { border-top: 2px solid; border-color: var(--border-color-8); margin-bottom: 15px; max-width: 400px } .ltn__product-item-3 .product-info-brief ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .hidden-mob,.ltn__product-item-4 .product-img a,.ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li a,.ltn__product-item-5 .product-img a,.property-detail-info-list ul li { display: block } .ltn__product-item-3 .product-info-brief ul li { list-style: none; display: inline-block; font-size: 14px; font-weight: 700 } .ltn__product-item-3 .product-info-brief ul li i { color: var(--ltn__secondary-color); margin-right: 5px } .ltn__product-item-3:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__product-item-3:hover .product-hover-action { top: 70% } .ltn__product-item-4 { -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); border: 1px solid; border-color: var(--border-color-13); background-color: var(--white) } .bg-image-left-before,.bg-image-right-before,.ltn__product-item-4 .product-img { position: relative } .ltn__product-item-4 .product-img img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .ltn__product-item-4 .product-img-location-gallery { position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px 15px; margin: 0; background: var(--gradient-color-5) } .ltn__product-item-4 .product-img-location-gallery ul { padding: 0; margin: 0; position: relative; z-index: 2 } .ltn__product-item-4 .product-img-location-gallery ul li { list-style: none; font-size: 14px; color: var(--white) } .ltn__product-item-4 .product-img-location-gallery .product-img-gallery { margin-left: 10px } .ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li { display: inline-block; width: 42px; height: 30px; line-height: 30px; background-color: rgba(255,255,255,.3); margin-right: 5px; text-align: center } .ltn__product-item-4 .product-hover-action ul li:hover,.ltn__shop-details-tab-menu .nav a.active,.ltn__tab-menu-3 a.active::before { background-color: var(--ltn__secondary-color) } .ltn__product-details-menu-1 ul li a:last-child::before,.ltn__product-item-4:hover .product-img::before,.ltn__tab-menu-2 a:last-child::before,.ltn__tab-menu-4 a.active::before { display: none } .ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li:last-child { margin-right: 0 } .ltn__product-item-4 .product-info { padding: 30px 30px 1px } .ltn__product-item-4 .product-price { font-size: 18px; font-family: var(--ltn__heading-font); font-weight: 600; color: var(--ltn__secondary-color); margin-bottom: 5px } .ltn__product-item-4 .product-price label { font-weight: 400; font-size: 14px } .ltn__product-item-4 .product-title { font-size: 22px; margin-bottom: 15px; font-weight: 600 } .ltn__product-item-4 .product-description p { font-size: 14px; margin-bottom: 15px } .ltn__product-item-4 .product-info-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid; border-color: var(--border-color-1); padding: 20px 30px 30px } .ltn__product-item-4 .product-hover-action { position: relative; opacity: 1; visibility: visible; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; line-height: 1 } .ltn__product-item-4 .product-hover-action ul { -webkit-box-shadow: none; box-shadow: none } .ltn__product-item-4 .product-hover-action ul li { margin-right: 8px; height: 36px; width: 36px; line-height: 42px; border-right: 0; font-size: 16px; background-color: var(--section-bg-1); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__product-item-4 .product-hover-action ul li a { background-color: transparent } .ltn__product-item-4:hover .product-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .real-estate-agent .agent-img { max-width: 40px; margin-right: 12px } .real-estate-agent .agent-img img { border-radius: 100% } .real-estate-agent .agent-brief h6 { margin-bottom: 0; font-size: 14px; font-weight: 600 } .ltn__product-item-5 .product-info-bottom { padding: 20px 30px 15px } .ltn__product-item-5 .product-badge { position: inherit; margin-bottom: 15px } .ltn__product-item-5 .product-badge li { font-size: 16px; background-color: transparent; color: var(--ltn__secondary-color); padding: 0 } .ltn__product-item-5 .product-img-location ul { padding: 0; margin-bottom: 0 } .ltn__product-item-5 .product-img-location ul li { list-style: none; font-size: 14px } .ltn__product-item-5 .product-img-location ul li i { color: var(--ltn__secondary-color); padding-left: 0 } .ltn__product-item-5 .ltn__plot-brief { padding: 0; margin-bottom: 20px } .ltn__product-item-5 .ltn__plot-brief li { list-style: none; display: inline-block; margin-right: 10px; font-size: 14px } .ltn__gallery-filter-menu button:last-child,.ltn__product-details-menu-2 ul li:last-child,.ltn__product-details-menu-3 ul li:last-child,.ltn__product-item-5 .ltn__plot-brief li:last-child,.ltn__tab-menu a:last-child,.ltn__tab-menu-3 a:last-child { margin-right: 0 } .ltn__product-item-5 .ltn__plot-brief li span { font-weight: 700 } .ltn__product-item-5 .real-estate-agent { position: absolute; top: 20px; right: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__product-item-5 .real-estate-agent .agent-img { max-width: 50px } .ltn__product-item-5 .real-estate-agent .agent-img img { border: 3px solid; border-color: var(--border-color-1) } .ltn__product-item-5 .product-hover-action { text-align: left; margin-bottom: 25px } .ltn__add-to-cart-modal-area .modal-body,.ltn__product-list-view .ltn__product-item-5,.modal-body { padding: 30px } .ltn__product-list-view .ltn__product-item-5 .real-estate-agent { position: inherit; margin-top: 15px } .ltn__product-list-view .ltn__product-item-5 .product-info-bottom { padding: 0 0 0 30px; border: 0 } .ltn__product-list-view .ltn__product-item-5 .product-hover-action { margin-bottom: 0 } .ltn__product-list-view .ltn__product-item-5 .ltn__plot-brief { margin-bottom: 5px } .ltn__product-list-view .ltn__product-item-5 .product-badge-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .modal-header { padding: 0; border: 0 } .modal-header .close { position: absolute; height: 40px; width: 40px; line-height: 40px; padding: 0; right: 16px; left: auto; top: 16px; opacity: 1; z-index: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .modal-header .close span { display: block; font-size: 25px } .modal-header .close:hover,.modal-header .close:not(:disabled):not(.disabled):focus,.modal-header .close:not(:disabled):not(.disabled):hover { opacity: 1 } .modal-product-info { padding-left: 25px } .modal-product-info h3 { font-size: 24px; margin-bottom: 10px } .modal-product-info hr { margin-top: 20px; margin-bottom: 20px } .modal-product-info .product-price { font-size: 50px; margin-bottom: 10px; color: var(--ltn__secondary-color); line-height: 1.2; font-weight: 600 } .modal-product-meta>ul { margin: 15px 0; padding: 20px 0; border-bottom: 1px solid var(--border-color-12); border-top: 1px solid var(--border-color-12) } .modal-product-meta>ul>li { list-style: none; font-size: 14px; margin-top: 10px } .modal-product-meta li strong { color: var(--ltn__heading-color); margin-right: 5px; font-weight: 600; min-width: 100px; display: inline-block } .modal-product-quantity input { border: 1px solid #e5e5e5; float: left; height: 45px; text-align: center; width: 80px; margin-right: 20px } .modal-btn { margin-top: 15px; border-top: 1px solid #f1f1f1; text-align: right } .modal-btn a { font-size: 14px; color: var(--ltn__heading-color); padding: 5px 10px } .ltn__modal-area .modal-btn { border: 0 } .ltn__add-to-cart-modal-area .modal-product-img { float: left; max-width: 125px; margin-right: 20px } .form-messege .success,.ltn__add-to-cart-modal-area .added-cart i { color: var(--green) } .ltn__add-to-cart-modal-area .btn-wrapper { margin-top: 20px } .ltn__add-to-cart-modal-area .btn-wrapper .btn { padding: 5px 20px; margin-right: 10px } .ltn__add-to-cart-modal-area .additional-info { border-top: 1px solid var(--border-color-1); text-align: center; padding-top: 30px; margin-top: 40px } .btn-opacity-7,.modal-backdrop.show { opacity: .7 } .ltn__gallery-filter-menu button,.ltn__tab-menu a { display: inline-block; padding: 15px 40px; margin-right: 5px; margin-bottom: 10px; color: var(--ltn__heading-color); background-color: var(--section-bg-1); font-weight: 700 } .ltn__grid-list-tab-menu .active,.ltn__small-product-item .product-price,.ltn__tab-menu-2 a.active,.ltn__tab-menu-3 a.active,.ltn__tab-menu-4 a.active,.section-title span { color: var(--ltn__secondary-color) } .ltn__tab-menu-top-left { position: absolute; left: 15px; top: 0 } .ltn__tab-menu-top-right { position: absolute; right: 15px; top: 0 } .ltn__gallery-filter-menu.text-uppercase button { text-transform: uppercase } .ltn__tab-menu-2 a { background-color: transparent; border-bottom: 2px solid transparent; position: relative } .ltn__tab-menu-2 a.active { background-color: transparent; border-color: var(--ltn__secondary-color) } .ltn__tab-menu-2 a::before { position: absolute; content: ""; right: -5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 2px; background-color: var(--ltn__color-1); opacity: .4 } .ltn__tab-menu-3 a { background-color: transparent; border-bottom: 2px solid transparent; padding: 1px; margin-right: 20px; font-weight: 700; font-size: 1.2em; line-height: 1.2; position: relative } .ltn__tab-menu-3 a.active { background-color: transparent; border-color: var(--ltn__secondary-color) } .ltn__tab-menu-3 a.active::before { border: 3px solid var(--white) } .ltn__tab-menu-3 a::before { position: absolute; content: ""; right: 45%; top: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); height: 10px; width: 10px; background-color: transparent; opacity: 1; border: 3px solid transparent; border-radius: 100% } .ltn__tab-menu-4 a { background-color: transparent; padding: 0; border: 7px solid; border-color: var(--white) } .ltn__tab-menu-4 a img { max-width: 130px } .ltn__tab-menu-4 a.active { background-color: transparent; border-color: var(--white) } .btn-opacity-9,.ltn__tab-menu-4 a.active img { opacity: .9 } @media (max-width: 1200px) { .ltn__category-menu-toggle>ul>li>a { padding:10px 5px; font-size: 13px } .ltn__category-menu-toggle>ul>li i { font-size: 16px; width: 20px } .ltn__category-menu-toggle ul li { font-size: 13px } .ltn__category-submenu ul { padding-left: 10px } .ltn__category-submenu ul li { padding: 5px 0 } .ltn__tab-menu-3 a { margin-right: 30px; font-size: 18px } } .ltn__small-product-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 25px; border: 2px solid; border-color: var(--border-color-1); margin-bottom: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__small-product-item:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1); border-color: transparent } .small-product-item-img { max-width: 90px; margin-right: 20px } .product-meta-date input[type=date] { border: 1px solid #ddd; height: 63px; padding: 0 15px; line-height: 50px } .product-meta-date input[type=date]::-webkit-input-placeholder { color: pink; line-height: 50px } .product-meta-date input[type=date]::-moz-placeholder { color: pink; line-height: 50px } .product-meta-date input[type=date]:-ms-input-placeholder { color: pink; line-height: 50px } .product-meta-date input[type=date]:-moz-placeholder { color: pink; line-height: 50px } .ltn__shop-details-img-gallery img { background-color: var(--white-8) } .ltn__shop-details-small-img { margin-top: 20px; margin-left: -5px; margin-right: -5px } .ltn__shop-details-small-img .single-small-img { padding: 0 5px } .ltn__shop-details-small-img .single-small-img.slick-current img { border: 1px solid var(--ltn__secondary-color); margin-bottom: 10px } .ltn__shop-details-small-img.slick-arrow-2 { margin-bottom: 35px } .ltn__shop-details-small-img.slick-arrow-2 .slick-arrow { left: 5px; bottom: -35px } .ltn__shop-details-small-img.slick-arrow-2 .slick-next { left: 45px } .ltn__shop-details-content-wrap { padding: 50px 50px 40px } .ltn__shop-details-tab-menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .ltn__shop-details-tab-menu .nav a { background-color: var(--ltn__primary-color); color: var(--white); padding: 20px; font-size: 16px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; font-weight: 700 } .ltn__shop-details-tab-content-inner { border: 1px solid #e5e5e5; padding: 50px 50px 30px; background-color: var(--section-bg-1) } .ltn__newsletter-popup-2 .modal-body,.ltn__our-journey-wrap .dropdown-menu,.ltn__service-list-menu ul,.ltn__shop-details-tab-content-inner .ltn__comment-reply-area form,.ltn__team-details-member-about>ul,.product-details-apartments-plan .apartments-plan-info { padding: 0 } .add-a-review h6 { margin-bottom: 0; margin-right: 15px } .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu { border-bottom: 2px solid var(--border-color-1) } .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a { background-color: transparent; color: var(--ltn__paragraph-color); padding: 20px 0; margin-right: 50px; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; text-align: left; position: relative } .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a::before { position: absolute; content: ""; bottom: -2px; left: 0; width: 0%; height: 2px; background-color: transparent; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a.active { color: var(--ltn__secondary-color); background-color: transparent } .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a.active::before { background-color: var(--ltn__secondary-color); width: 100% } .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-content-inner { border: 0; padding: 30px 0 0; background-color: transparent } .ltn__newsletter-popup-2 .ltn__newsletter-popup-info,.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-content-inner .ltn__comment-reply-area form { padding: 30px } .ltn__product-details-menu-1 ul li a { position: relative; margin-right: 10px } .ltn__product-details-menu-1 ul li a::before { position: absolute; content: ","; right: -5px } .ltn__product-details-menu-1 ul li strong { font-weight: 400 } .ltn__product-details-menu-1 ul li span { font-weight: 600 } .ltn__product-details-menu-1 .ltn__color-widget ul li a { width: 15px; height: 15px } .ltn__product-details-menu-1 .ltn__tagcloud-widget ul li a { padding: 3px 10px 1px } .ltn__product-details-menu-2 ul li { list-style: none; display: inline-block; margin-right: 10px } .ltn__product-details-menu-3 ul li { list-style: none; display: inline-block; margin-right: 20px; font-size: 14px; font-weight: 600 } .property-detail-info-list ul { padding: 30px 50px 40px; margin: 0; float: left; border-right: 1px solid; border-color: var(--border-color-7) } .property-detail-info-list ul:last-child { border-right: none } .property-detail-info-list ul li label { margin-right: 5px; font-weight: 600; min-width: 110px; display: inline-block } .property-detail-info-list ul li span { font-weight: 600; color: var(--ltn__heading-color) } .property-detail-feature-list ul li { display: inline-block; min-width: 170px; margin-right: 19px; margin-bottom: 15px } .property-detail-feature-list .property-detail-feature-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1 } .property-detail-feature-list .property-detail-feature-list-item i { margin-right: 12px; width: 40px; min-width: 40px; height: 40px; line-height: 49px; background-color: var(--section-bg-5); text-align: center; font-size: 22px; color: var(--ltn__secondary-color) } .ltn__grid-list-tab-menu a:last-child,.ltn__shop-options>ul>li:last-child,.ltn__social-media-2 ul li:last-child,.ltn__social-media-3 ul li:last-child,.ltn__social-media-4 ul li:last-child { margin-right: 0 } .ltn__gallery-action-icon i:hover,.ltn__social-media-2 ul li:hover a { color: var(--white); background-color: #061b49; } .property-detail-feature-list .property-detail-feature-list-item h6 { margin-top: 0; margin-bottom: 6px; font-size: 14px; font-family: var(--ltn__heading-font); font-weight: 500 } .property-details-google-map { height: 360px } .product-details-apartments-info-list { padding: 20px 40px } .nice-select .option { margin-top: 0; white-space: normal; padding-top: 10px; padding-bottom: 10px; line-height: 1.8; font-weight: 400 } .article-item>img,.nice-select .list { min-width: 100% } .ltn__shop-options>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0 } .ltn__shop-options>ul>li { list-style: none; margin-top: 0; line-height: 50px; margin-right: 30px } .ltn__shop-options .short-by .nice-select { border-radius: 0; border: 2px solid #ededed; height: 50px; line-height: 46px; min-width: 190px } .ltn__shop-options .short-by .nice-select .option { width: 100%; padding-left: 10px; padding-right: 5px } .car-price-filter-range .price_slider_amount>input[type=submit],.car-price-filter-range .price_slider_amount>input[type=text],.cart-product-subtotal,.input-item .nice-select .current,.ltn__shop-options .short-by .nice-select .current { font-weight: 700 } .ltn__grid-list-tab-menu a { font-size: 30px; margin-right: 20px } .showing-product-number span { font-weight: 500; font-size: 16px; font-family: var(--ltn__heading-font) } .ltn__product-list-view .product-title { font-size: 22px; margin-bottom: 10px } .input-item::after,.ltn__product-list-view .ltn__product-item:after { display: block; clear: both; content: "" } .ltn__product-list-view .ltn__product-item .product-img { max-width: 40%; float: left } .ltn__product-list-view .ltn__product-item .product-info { overflow: hidden; padding: 0 0 0 30px } .ltn__product-list-view .ltn__product-item-3 .product-info { overflow: hidden; padding: 25px 25px 20px 30px } .ltn__product-list-view .product-hover-action { position: inherit; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; text-align: left; opacity: 1; visibility: visible; margin-top: 15px } .tab-content { width: 100%; padding-top: 1em } .tab-content .tab-pane { display: block; height: 0; max-width: 100%; visibility: hidden; overflow: hidden; opacity: 0 } .tab-content .tab-pane.active { height: auto; visibility: visible; opacity: 1; overflow: visible } @media (max-width: 991px) { .ltn__gallery-filter-menu button,.ltn__tab-menu a { padding:15px 25px; font-size: 14px } .ltn__tab-menu-top-right { position: initial } .ltn__tab-menu-3 { margin-top: 0 } .ltn__tab-menu-3 a { padding: 1px; margin-right: 20px } .ltn__tab-menu-4 a,.ltn__tab-menu-4 a.active { padding: 0 } .ltn__product-item-3 .product-info { padding: 25px 15px 15px } .ltn__product-item-3 .product-price { font-size: 16px } .ltn__product-item-3 .product-price del { font-size: 14px } .ltn__shop-details-img-gallery { margin-bottom: 75px } .ltn__product-item-4 .product-title { font-size: 20px } .ltn__product-item-4 .product-info { padding: 30px 20px 1px } .ltn__product-item-4 .product-img-location-gallery { padding: 0 15px 15px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: wrap-reverse; flex-flow: wrap-reverse } .ltn__product-item-4 .product-img-location-gallery ul li { font-size: 13px; margin-top: 5px } .ltn__product-item-4 .product-img-location-gallery .product-img-gallery { margin-left: 0 } .ltn__product-item-4 .product-img-location-gallery .product-img-gallery ul li { width: inherit; background-color: transparent; margin-top: 0 } .ltn__product-item-4 .product-description p br { display: none } .ltn__product-item-4 .product-info-bottom { padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: wrap-reverse; flex-flow: wrap-reverse } .ltn__product-item-4 .real-estate-agent { margin-top: 20px } .slick-slide .ltn__product-item-4 { -webkit-box-shadow: none; box-shadow: none } } .ltn__gallery-action-icon,.ltn__gallery-style-2 .ltn__gallery-item-info { left: 0; margin: 0 auto; opacity: 0; text-align: center; right: 0; visibility: hidden } .body-sidebar-icons a,.ltn__feature-item-3.text-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse } @media (max-width: 576px) { .product-hover-action li { height:35px; width: 35px; line-height: 35px; font-size: 13px } .product-badge li { font-size: 12px; padding: 1px 10px; line-height: 20px } .product-badge li::before { bottom: -6px } .ltn__product-item-3 .product-price,.ltn__product-item-3 .product-title { font-size: 14px } .ltn__product-item-3 .product-info { padding-left: 5px; padding-right: 5px } .ltn__product-item-3 .product-price del { font-size: 13px } .ltn__product-item-3 .product-info-brief ul li { font-size: 12px } } .ltn__gallery-item:hover .ltn__gallery-item-img::before { opacity: .9; visibility: visible } .ltn__gallery-item:hover .ltn__gallery-item-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .ltn__gallery-item:hover .ltn__gallery-action-icon { top: 50%; opacity: 1; visibility: visible } .ltn__gallery-item-img,.ltn__gallery-item-inner { position: relative; overflow: hidden } .ltn__gallery-item-inner h4 { font-weight: 500; line-height: 1em; font-size: 18px } .ltn__gallery-item-inner p { margin-bottom: 0; font-size: 14px } .ltn__gallery-item-img::before { position: absolute; content: ""; height: 100%; width: 100%; background-color: var(--ltn__primary-color); pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 1 } .ltn__gallery-item-img img { -webkit-transition: 3.5s; -o-transition: 3.5s; transition: 3.5s } .ltn__gallery-action-icon { position: absolute; top: 45%; font-size: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 2 } .ltn__gallery-action-icon i { width: 50px; height: 50px; line-height: 50px; background-color: var(--white); color: var(--ltn__primary-color); border-radius: 100%; margin: 3px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__gallery-item-info { padding: 15px 30px; position: relative; z-index: 2 } .ltn__gallery-style-1 .ltn__gallery-item-info { border: 1px solid var(--border-color-1) } .ltn__gallery-style-2 .ltn__gallery-item-info { position: absolute; bottom: -30px; background: var(--gradient-color-3); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .bg-image-left-before::before,.bg-image-right-before::before { background-size: cover; background-position: center center; background-image: url(../img/bg/21.jpg); height: 100%; width: 48%; top: 0; position: absolute; content: "" } .ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-item-info { bottom: 0; opacity: 1; visibility: visible } .ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-action-icon { top: 30% } .ltn__border-between-column [class*=col]:first-child::before,.ltn__gallery-info-hide .ltn__gallery-item-info,.open-menu-college,.show-mob { display: none } .ltn__gallery-info-hide .ltn__gallery-item:hover .ltn__gallery-action-icon { top: 50% } .ltn__social-media ul li { list-style: none; display: inline-block; margin: 0 15px 0 0 } .ltn__social-media-2 ul li,.ltn__social-media-3 ul li,.ltn__social-media-4 ul li { display: inline-block; margin-right: 10px; list-style: none } .about-us-img-info h6,.about-us-img-wrap img,.call-to-action-inner-2 h2,.ltn__social-media ul li:last-child { margin: 0 } .ltn__social-media-2 ul li a { background-color: var(--section-bg-1); color: var(--ltn__paragraph-color); display: block; width: 40px; height: 40px; line-height: 40px; text-align: center } .ltn__social-media-3 ul li a { background-color: var(--white); color: var(--ltn__paragraph-color); border: 2px solid var(--border-color-11); display: block; width: 50px; height: 50px; line-height: 46px; text-align: center } .ltn__social-media-3 ul li:hover a { background-color: var(--ltn__secondary-color); border-color: var(--ltn__secondary-color); color: var(--white) } .bg-image { background-size: cover; background-position: center center; background-repeat: no-repeat } .bg-image-top { background-size: auto; background-position: top center; background-repeat: no-repeat } .bg-image-right-before::before { background-repeat: no-repeat; left: auto; right: 0 } .bg-image-left-before::before { background-repeat: no-repeat; left: 0; right: auto } .menu-mobile-hide-show { visibility: hidden; opacity: 0; transform: translateY(20px); transition: .5s ease-in-out; position: absolute; width: 100%; right: 0; left: 0; z-index: 9; box-shadow: rgb(0 0 0 / 24%) 0 3px 8px; border-top: 1px solid #ddd; overflow-x: hidden } .ltn__social-media-4 ul li a { background-color: var(--ltn__primary-color-3); color: var(--white); display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 100% } .ltn__social-media-4 ul li:hover a { background-color: var(--ltn__secondary-color); color: var(--white) } .section-title-area p { margin-bottom: 0; max-width: 500px } .section-title-area p+p { margin-top: 15px } .section-title { font-size: 1.8em; font-weight: 700; line-height: 1.3; } .section-title p { font-size: 16px; line-height: 1.8; color: var(--ltn__paragraph-color); margin-top: 20px } .section-title.white p { color: rgba(var(--white),.7) } .ltn__category-item-3:hover h5,.ltn__category-item-5 a .category-icon,.ltn__separate-line i { color: var(--ltn__secondary-color) } .clearfix { clear: both; display: block; float: none } .ltn__separate-line { position: relative; display: inline-block; min-width: 200px; margin-bottom: 3px; text-align: center!important } .ltn__separate-line::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 1px; background: -webkit-gradient(linear,left top,right top,from(#f28bc2),color-stop(50%,#d8b1f2)); background: -webkit-linear-gradient(left,#f28bc2 0,#d8b1f2 50%); background: -o-linear-gradient(left,#f28bc2 0,#d8b1f2 50%); background: linear-gradient(90deg,#f28bc2 0,#d8b1f2 50%) } .ltn__separate-line .separate-icon { position: relative; z-index: 1; background-color: #fff; padding: 0 15px } .ltn__category-item-3::before,.section-subtitle-2::before { background-color: var(--ltn__secondary-color); position: absolute; content: "" } .ltn__separate-line i { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 0 -4px } .ltn__category-item-2 h4,.ltn__feature-item-3 h1,.ltn__feature-item-3 h2,.ltn__feature-item-3 h3,.ltn__feature-item-3 h4,.ltn__feature-item-3 h5,.ltn__feature-item-3 h6 { margin-bottom: 5px } .ltn__section-title-2 .section-subtitle { margin-top: 0 } .ltn__section-title-2 .section-title { font-size: 72px; font-weight: 700; margin-bottom: 15px; line-height: 1.3 } .ltn__section-title-2 p { padding: 0 0 0 30px; border-width: 0 0 0 2px; border-style: solid; border-color: var(--ltn__secondary-color); max-width: 450px } .ltn__section-title-2.text-right p { padding: 0 30px 0 0; border-width: 0 2px 0 0; margin-left: auto } .ltn__section-title-2.text-center p { padding: 0 0 0 30px; border-width: 0 0 0 2px; margin-left: auto; margin-right: auto; text-align: left!important } .section-title-style-3 { 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 } .section-title-style-3 .section-brief-in p { padding: 0 30px 0 0; border-width: 0 2px 0 0; margin-left: auto; margin-right: 30px; text-align: right } .title-2 { margin-bottom: 30px; font-size: 22px; font-weight: 600; border-left: 2px solid; border-color: var(--ltn__secondary-color); padding-left: 10px } .section-subtitle { font-weight: 600; font-family: var(--ltn__body-font) } .section-subtitle-2 { display: inline-block; padding: 5px 20px; border-radius: 25px; position: relative } .section-subtitle-2::before { width: 100%; height: 100%; top: 50%; right: 50%; -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); border-radius: 25px; opacity: .1 } @media (max-width: 1599px) { .ltn__section-title-2 .section-title { font-size:60px } } @media (max-width: 1399px) { .plr--10,.plr--11,.plr--12,.plr--2,.plr--3,.plr--4,.plr--5,.plr--6,.plr--7,.plr--8,.plr--9 { padding-left:15px; padding-right: 15px } .ltn__section-title-2 .section-title { font-size: 56px } .section-title-style-3 .section-title { min-width: 320px } } @media (max-width: 1199px) { .section-title { font-size:30px } .ltn__section-title-2 .section-title { font-size: 50px } } @media (max-width: 991px) { .bg-image-top { background-size:inherit } .bg-image-left-before::before,.bg-image-right-before::before { display: none } .section-title { font-size: 26px } .ltn__section-title-2 .section-title { font-size: 40px } .ltn__section-title-2 p { padding: 0 0 0 15px } } @media (max-width: 767px) { .property-detail-info-list ul { padding:20px 30px; float: none; border: none } .ltn__shop-options>ul { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .ltn__shop-options ul li { margin: 5px 0 } .showing-product-number span { font-size: 16px } .ltn__product-list-view .ltn__product-item .product-img { max-width: 100% } .ltn__product-list-view .ltn__product-item .product-info { padding: 25px 0 0 1px } .ltn__product-list-view .ltn__product-item-3 .product-info { padding: 25px 25px 20px 30px } .modal-product-info h3,.title-2 { font-size: 22px } .modal-product-info .product-price { font-size: 34px } .ltn__shop-details-tab-menu .nav a { padding: 15px; font-size: 14px } .ltn__shop-details-tab-content-inner { padding: 50px 20px 30px } .ltn__product-item-4 .product-title { font-size: 18px } .ltn__product-list-view .ltn__product-item-5 .product-info-bottom { padding: 0; border: 0 } .ltn__section-title-2 .section-title,.section-title { font-size: 30px } .ltn__section-title-2 p { padding: 0 0 0 15px } .section-title-style-3 { display: block } .section-title-style-3 .section-title { min-width: 100% } .section-title-style-3 .section-brief-in p { padding: 0 0 0 15px; border-width: 0 0 0 2px; margin-left: 0; margin-right: 0; text-align: left; margin-bottom: 15px } } .ltn__category-item { margin-top: 2px; margin-bottom: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border: 1px solid var(--border-color-7); background-color: var(--white) } .ltn__category-item-img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__category-item-name { padding: 15px 20px 5px } .ltn__category-item:hover { -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3) } .ltn__category-item-2 { padding: 20px 15px 15px } .ltn__category-item-2 .ltn__category-item-img { float: left; width: 35% } .ltn__category-item-2 .ltn__category-item-name { overflow: hidden } .ltn__category-item-2 .ltn__category-item-name ul { padding: 0; margin: 0 } .ltn__category-item-2 .ltn__category-item-name ul li { list-style: circle; margin-top: 5px; font-size: 14px } .ltn__category-item-2 .ltn__category-item-name ul li a { display: block } .ltn__category-item-2 .category-btn { float: right; font-size: 13px; text-transform: uppercase; text-decoration: underline } .ltn__category-item-3 { padding: 50px 0 25px; position: relative; -webkit-box-shadow: none; box-shadow: none } .ltn__category-item-3::before { left: 0; bottom: 0; width: 0%; height: 4px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; visibility: hidden } .body-sidebar-icons a:hover,.body-sidebar-icons.left-side a:hover,.ltn__category-item-3:hover { -webkit-box-shadow: none; box-shadow: none } .ltn__category-item-3:hover::before { width: 100%; opacity: 1; visibility: visible } .ltn__category-item-4 { padding: 40px 30px 30px; position: relative; border: none; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); border-radius: 10px } .ltn__category-item-4 .ltn__category-item-img { width: 100px; height: 100px; line-height: 115px; font-size: 45px; border-radius: 100%; background-color: var(--section-bg-5); color: var(--ltn__secondary-color); text-align: center; margin-right: 0; margin-left: auto } .ltn__category-item-5-2:hover,.ltn__category-item-5:hover,.ltn__feature-item-3::before { background-color: var(--ltn__secondary-color) } .ltn__category-item-5-2:hover .category-brief,.ltn__category-item-5-2:hover .category-number,.ltn__category-item-5:hover,.ltn__category-item-5:hover .category-title,.ltn__feature-item-2.active-feature .ltn__feature-icon i,.ltn__feature-item-2:hover .ltn__feature-icon i { color: var(--white) } .ltn__category-item-4 .ltn__category-item-name { padding: 25px 0 15px } .ltn__category-item-4 .ltn__category-item-name h4 { font-weight: 600 } .ltn__category-item-4 .ltn__category-item-name p { margin-bottom: 0 } .ltn__category-item-4 .ltn__category-item-btn { position: absolute; left: 0; width: 100%; bottom: -20px } .ltn__category-item-4 .ltn__category-item-btn a { width: 45px; height: 45px; line-height: 50px; background-color: var(--white); display: block; border-radius: 100%; text-align: center; font-size: 18px; -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-2); border: 1px solid var(--border-color-8) } .ltn__category-item-4.text-center .ltn__category-item-btn a,.ltn__category-item-4.text-center .ltn__category-item-img { margin-left: auto; margin-right: auto } .ltn__category-item-4:hover { -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4) } .ltn__category-item-5 { border: none; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); border-radius: 10px; margin-bottom: 50px } .ltn__blog-meta,.ltn__feature-icon,.ltn__feature-item-2 .ltn__feature-icon,.ltn__our-history-inner-2 .ltn__tab-menu { margin-bottom: 20px } .ltn__category-item-5 a { padding: 30px 20px 35px; display: block; position: relative } .checkbox-item input:checked~.checkmark:after,.ltn__category-item-5 a span,.shoping-cart-total .btn-wrapper .theme-btn-1 { display: block } .ltn__category-item-5 a .category-icon { width: 80px; height: 80px; line-height: 85px; font-size: 45px; border-radius: 100%; background-color: var(--section-bg-5); text-align: center; margin-bottom: 20px } .ltn__category-item-5 a .category-title { font-size: 22px; font-weight: 600; font-family: var(--ltn__heading-font); color: var(--ltn__heading-color); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-bottom: 10px } .ltn__category-item-5 a .category-btn { width: 45px; height: 45px; line-height: 50px; background-color: var(--white); display: block; border-radius: 100%; text-align: center; font-size: 18px; -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-2); border: 1px solid var(--border-color-8); position: absolute; bottom: -20px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) } .ltn__category-item-5.text-center .category-icon { margin-left: auto; margin-right: auto; float: left } .ltn__category-item-5.text-center .category-btn { margin-left: auto; margin-right: auto } .ltn__category-item-5:hover { -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4) } .ltn__category-item-5-2 a .category-icon { margin-right: 0; margin-left: auto } .ltn__category-item-5-2 a .category-number { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; font-size: 20px; font-weight: 600; font-family: var(--ltn__body-font); color: var(--ltn__secondary-color) } .ltn__category-item-5-2 a .category-brief { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } @media (max-width: 1200px) { .ltn__category-item-5 a { padding:40px 20px 35px } .ltn__category-item-5 a .category-icon { width: 80px; height: 80px; line-height: 90px; font-size: 30px } .ltn__category-item-5 a .category-title { font-size: 18px } } .ltn__feature-item,.ltn__feature-item-2 { padding: 40px 25px 10px } .ltn__feature-item { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative } .ltn__feature-icon { font-size: 60px; line-height: 1 } .ltn__feature-item-2 .ltn__feature-icon span { background: 0 0; height: 100px; width: 100px; line-height: 109px; border-radius: 100%; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; display: inline-block; text-align: center } .ltn__feature-item-2 .ltn__feature-icon span::after,.ltn__feature-item-2 .ltn__feature-icon span::before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto; border-radius: 100%; -webkit-transition: .8s; -o-transition: .8s; transition: .8s } .ltn__feature-item-2 .ltn__feature-icon span:before { height: 0%; width: 0%; background: 0 0 } .ltn__feature-item-2 .ltn__feature-icon span:after { height: 100%; width: 100%; border: 1px solid; border-color: var(--ltn__heading-color) } .ltn__feature-item-2 .ltn__feature-icon i { font-size: 26px; color: var(--ltn__heading-color); line-height: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 1; position: relative } .ltn__feature-item-2.active-feature .ltn__feature-icon span,.ltn__feature-item-2:hover .ltn__feature-icon span { color: var(--white); border-color: transparent } .ltn__feature-item-2.active-feature .ltn__feature-icon span:before,.ltn__feature-item-2:hover .ltn__feature-icon span:before { height: 100%; width: 100%; background: -webkit-gradient(linear,left top,right top,from(#ee91cb),color-stop(50%,#d9b0f1)); background: -webkit-linear-gradient(left,#ee91cb 0,#d9b0f1 50%); background: -o-linear-gradient(left,#ee91cb 0,#d9b0f1 50%); background: linear-gradient(90deg,#ee91cb 0,#d9b0f1 50%) } .ltn__feature-item-2.active-feature .ltn__feature-icon span:after,.ltn__feature-item-2:hover .ltn__feature-icon span:after { border-color: var(--white); height: 80%; width: 80% } .ltn__feature-item-2.active-feature .ltn__feature-info h6,.ltn__feature-item-2:hover .ltn__feature-info h6 { color: var(--ltn__secondary-color) } .ltn__feature-item-3 { padding: 20px 22px 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border: 2px solid #f2f2f2; margin-bottom: 10px; position: relative; background-color: #fdfdfd; height: 185px; } .ltn__feature-item-3 h4 { font-weight: 600; font-size: 1em; } .ltn__feature-item-3 .ltn__feature-icon { margin: 0 20px 0 0; font-size: 2em; color: #ffc107; line-height: 1.5; width: 40px } .ltn__feature-item-3::before { position: absolute; content: ""; left: -2px; top: 50%; width: 4px; height: 0%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ltn__feature-item-3:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1); background-color: #fff } .ltn__feature-info p { line-height: 1.3em } .ltn__feature-info .gt-date { color: #ffc107; font-weight: 600; letter-spacing: -.04em } .ltn__feature-item-3:hover::before { height: 80%; opacity: 1; visibility: visible } .ltn__feature-item-3.text-right { -ms-flex-flow: row-reverse; flex-flow: row-reverse } .ltn__feature-item-3.text-right .ltn__feature-icon { margin: 0 0 0 20px } .ltn__blog-category a:last-child,.ltn__blog-meta li:last-child,.ltn__countdown .single:last-child { margin-right: 0 } .ltn__feature-item-3.text-right::before { right: -2px; left: auto } .ltn__feature-item-4 { padding: 50px 20px 15px; background-color: var(--white); margin-bottom: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2) } .ltn__feature-item-4:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__feature-item-5 { padding: 70px 30px 25px; margin-bottom: 30px } .ltn__feature-item-5 .ltn__feature-icon { margin-bottom: 25px; font-size: 80px; line-height: 1 } .ltn__blog-img,.ltn__feature-item-5 .ltn__feature-icon span { position: relative } .ltn__feature-item-5 .ltn__feature-icon span::before { position: absolute; content: "\e942"; font-family: icomoon; right: -10px; top: -10px; height: 35px; width: 35px; line-height: 35px; background-color: var(--ltn__primary-color); color: var(--white); font-size: 14px; border-radius: 100% } .ltn__feature-item-5 .btn-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; visibility: hidden } .ltn__feature-item-5 .btn-wrapper a { min-height: 60px } .ltn__feature-item-5:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__feature-item-5:hover .btn-wrapper { bottom: -60px; opacity: 1; visibility: visible } .ltn__feature-item-5.section-bg-2 .ltn__feature-icon,.ltn__feature-item-5.section-bg-2 .ltn__feature-icon i { color: var(--ltn__secondary-color) } .ltn__feature-item-5.section-bg-2 .ltn__feature-icon span::before { background-color: var(--white); color: var(--ltn__primary-color) } .ltn__feature-item-5.white-bg .ltn__feature-icon span::before,.submit-button-1:hover { background-color: var(--ltn__secondary-color); color: var(--white) } .feature-btn a { display: block; padding: 15px 20px; background-color: #fff; text-align: center } .ltn__feature-item-6 { border: 1px solid var(--border-color-8); margin-bottom: 30px; padding: 40px 30px 35px; background-color: #fff } .ltn__feature-item-6::before { position: absolute; content: ""; left: 0; bottom: 0; width: 0%; height: 4px; background-color: var(--ltn__secondary-color); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; visibility: hidden } .ltn__feature-item-6 .ltn__feature-icon,.ltn__feature-item-6.active .ltn__feature-icon,.ltn__feature-item-6.active .ltn__feature-info .ltn__service-btn,.ltn__feature-item-6:hover .ltn__feature-icon,.ltn__feature-item-6:hover .ltn__feature-info .ltn__service-btn { color: var(--ltn__secondary-color) } .ltn__feature-item-6 .ltn__feature-icon i { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn-author-introducing .author-info p,.ltn__feature-item-6 .ltn__feature-info p { font-size: 14px; margin-bottom: 0 } .ltn-author-introducing .author-info p+p,.ltn__feature-item-6 .ltn__feature-info p+p { margin-top: 15px } .ltn__feature-item-6 .ltn__feature-info .ltn__service-btn { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: var(--ltn__color-1); font-weight: 700; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px } .ltn__feature-item-6 .ltn__feature-info .ltn__service-btn i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__blog-item-1 .ltn__blog-meta ul li:last-child::before,.ltn__blog-tags a:last-child::before { display: none } .ltn__feature-item-6.active,.ltn__feature-item-6:hover,.ltn__feature-item-box-wrap { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__feature-item-6.active::before,.ltn__feature-item-6:hover::before { width: 100%; opacity: 1; visibility: visible } .ltn__feature-item-7 { background-color: var(--white); padding: 38px 30px 10px; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2); margin-bottom: 30px } .ltn__feature-item-7 .ltn__feature-icon-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px } .ltn__feature-item-7 .ltn__feature-icon { margin-bottom: 0; margin-right: 20px; color: var(--ltn__secondary-color) } .ltn__feature-item-7 h3 { margin-bottom: 0 } .ltn__blog-likes li a i,.ltn__countdown-3 .single h1,.ltn__feature-item-8 .ltn__feature-info h4,.ltn__feature-item-9 h2 { margin-bottom: 5px } .ltn__feature-item-7-color-white { background-color: transparent; border: 1px solid #203336 } .ltn__blog-btn,.ltn__blog-category a,.ltn__feature-item-9:hover { background-color: var(--ltn__secondary-color) } .ltn__feature-item-7-color-white h3,.ltn__feature-item-7-color-white p { color: var(--white) } .ltn__feature-item-8 { padding: 40px 30px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__feature-item-8 .ltn__feature-icon { margin-right: 20px; font-size: 40px; width: 50px } .ltn__feature-item-8 .ltn__feature-info p { font-size: 15px } .ltn__feature-item-box-wrap-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-shadow: none; box-shadow: none } .ltn__feature-item-box-wrap-2 .ltn__feature-item-8 { min-width: 280px } .ltn__border-between-column [class*=col]::before { position: absolute; content: ""; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 50%; width: 1px; background-color: var(--border-color-1) } .ltn__feature-item-9 { padding: 30px 25px 5px; border: 1px solid } .ltn__feature-item-9 .ltn__feature-icon { width: 80px; height: 80px; line-height: 80px; -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1); border-radius: 100%; margin-bottom: 0; margin-right: 20px; text-align: center; float: left; 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; font-size: 36px } .ltn__feature-item-9 .ltn__feature-icon span { line-height: 1 } .ltn__feature-item-9 .ltn__feature-info { overflow: hidden } .ltn__countdown { margin-top: 30px; display: inline-block; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); padding: 25px 40px 5px } .ltn__countdown .single { display: inline-block; margin-right: 30px } .ltn__countdown-2 { margin-top: 0; padding: 20px 30px 1px } .box-one .icon-a1,.ltn__countdown-2 .single { margin-right: 20px } .ltn__countdown-2 .single h1 { font-size: 22px; margin-bottom: 5px } .ltn__countdown-2 .single p { font-size: 14px } .ltn__countdown-3,.ltn__countdown-4 { margin-top: 0; padding: 20px 30px 1px 0; -webkit-box-shadow: none; box-shadow: none } .ltn__countdown-3 .single { margin-right: 20px; text-align: center } .ltn__countdown-3 .single h1 { font-size: 30px; height: 100px; width: 100px; line-height: 100px; background-color: var(--white); border-radius: 100%; color: var(--ltn__heading-color) } .footer-address ul,.list-item-with-icon ul,.list-item-with-icon-2 ul,.ltn__blog-likes ul,.ltn__blog-meta ul,.ltn__comment-inner .product-ratting ul,.ltn__comment-inner ul,.ltn__pagination ul { margin: 0; padding: 0 } .ltn__blog-img img,.ltn__blog-item-3 .ltn__blog-meta-btn .ltn__blog-meta,.ltn__blog-item-4 .ltn__blog-meta-btn .ltn__blog-meta,.ltn__blog-meta li img,.ltn__blog-meta-btn .ltn__blog-meta,.ltn__countdown-4 .single p { margin-bottom: 0 } .ltn__countdown-3 .single p { font-size: 20px; text-transform: uppercase } .ltn__countdown-3 .btn-wrapper { margin-top: 20px } .ltn__countdown-4 .single { margin-right: 20px; text-align: center; width: 100px; background-color: var(--white); padding: 15px 10px } .ltn__countdown-4 .single h1 { font-size: 30px; margin-bottom: 0 } .ltn__countdown-4 .single p { font-size: 18px } @media (min-width: 767px) { .ltn__countdown-1 { min-width:380px } } .ltn__blog-item,.ltn__img-slide-item-4 { position: relative; margin-bottom: 30px } .ltn__blog-likes { position: absolute; bottom: 0; left: 0; z-index: 1 } .ltn__blog-likes li { list-style: none } .ltn__blog-likes li a { height: 70px; width: 70px; font-size: 16px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--white); text-align: center; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); color: var(--ltn__heading-color) } .ltn__blog-likes li a i { font-size: 18px } .ltn__blog-likes li a span { display: inline-block; line-height: 1; font-size: 12px } .ltn__blog-title { margin-bottom: 20px; font-size: 22px; font-weight: 600 } .ltn__blog-meta li { font-weight: 600; display: inline-block; margin-right: 25px; position: relative; font-size: 14px; margin-top: 0 } .ltn__blog-meta li i { color: var(--ltn__secondary-color); margin-right: 5px } .ltn__blog-tags a { margin-right: 10px; position: relative; display: inline-block } .ltn__blog-tags a::before { position: absolute; content: ","; right: -3px } .ltn__blog-author img { border-radius: 100%; margin-right: 10px; max-width: 30px; display: inline-block } .ltn__blog-btn { color: var(--ltn__heading-color); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-top: .5em; font-size: 14px; font-weight: 600; color: #fff; padding: .5em .8em; border-radius: 3px } .ltn__blog-category a { color: var(--white); padding: 5px 15px 2px; margin-bottom: 5px; margin-right: 5px; display: inline-block; text-transform: uppercase } .ltn__blog-category a:hover { background-color: var(--ltn__primary-color); color: var(--white) } .ltn__blog-btn:hover a { color: #687c86 } .ltn__blog-item-4:hover .ltn__blog-meta,.ltn__blog-item-4:hover .ltn__blog-title,.ltn__blog-item-4:hover p,.ltn__blog-item-quote .ltn__blog-meta li,.ltn__blog-item-quote .ltn__blog-meta li i,.ltn__first-letter,blockquote::before { color: var(--white) } .call-to-action-inner-2,.ltn__blog-meta-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__blog-item-1 .ltn__blog-img img,.ltn__page-details-inner .img-radius img { border-radius: 0 0 0 35px } .ltn__blog-item-1 .ltn__blog-meta ul li,.ltn__comment-item,.ltn__prev-next-btn { position: relative } .ltn__blog-item-1 .ltn__blog-meta ul li::before { position: absolute; content: ""; width: 2px; height: 10px; top: 50%; background-color: var(--ltn__primary-color); right: -15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .2 } .ltn__blog-item-2 { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__blog-item-2 .ltn__blog-brief { padding: 30px 20px } .ltn__blog-item-2 .ltn__blog-meta li:before { height: 15px; width: 2px; top: 50% } .ltn__blog-item-2 .ltn__blog-meta li:before::before { position: absolute; content: ""; right: -15px; height: 15px; width: 2px; background-color: var(--ltn__heading-color); top: 50%; bottom: 6px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .6 } .ltn__blog-item-2 .ltn__blog-meta li:before:last-child::before { display: none } .ltn__blog-item-2 .ltn__blog-btn { opacity: 0; visibility: hidden; margin-top: -20px } .ltn__blog-item-2:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__blog-item-2:hover .ltn__blog-btn { margin-top: 0; opacity: 1; visibility: visible } .ltn__blog-item-3 .ltn__blog-brief,.ltn__blog-item-4 .ltn__blog-brief { padding: 30px; margin-left: auto; margin-right: auto; background-color: var(--white); position: relative } .ltn__blog-item-3 .ltn__blog-meta,.ltn__blog-item-4 .ltn__blog-meta { margin-bottom: 15px } .ltn__blog-item-3 .ltn__blog-meta-btn,.ltn__blog-item-4 .ltn__blog-meta-btn { border-top: 1px solid; border-color: var(--border-color-1); padding-top: 20px } .ltn__blog-item-3 .ltn__blog-btn,.ltn__blog-item-4 .ltn__blog-btn { font-size: 14px; font-weight: 600; color: var(--ltn__secondary-color); text-transform: uppercase } .ltn__blog-item-3 .ltn__blog-brief { width: calc(100%); -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4) } .ltn__blog-item-3 .ltn__blog-img+.ltn__blog-brief { margin-top: -50px } .ltn__blog-item-3-normal .ltn__blog-item-3 { margin-bottom: 50px } .ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-brief { width: calc(100%) } .ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-img+.ltn__blog-brief { margin-top: 0 } .ltn-author-introducing .author-info,.ltn__blog-item-3 .ltn__blog-img,.ltn__commenter-comment { overflow: hidden } .ltn__blog-item-3 .ltn__blog-img img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .ltn__blog-item-3:hover .ltn__blog-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .ltn__blog-item-4 { border: 2px solid var(--white-9); margin-top: 1px } .ltn__blog-item-4 .ltn__blog-brief { margin-top: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__blog-item-4 p { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__blog-item-4::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0%; background-color: var(--ltn__primary-color); opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__blog-item-4:hover::before { width: 100%; height: 100%; opacity: .9; visibility: visible } .ltn__blog-item-4:hover .ltn__blog-brief { background-color: transparent } .ltn__blog-item-5 { /* border: 2px solid var(--border-color-11) */ } .ltn__blog-item-5 .ltn__blog-brief { padding: 40px 30px } .ltn__blog-item-5 .ltn__blog-meta-btn { padding-top: 10px } .ltn__blog-item-5 .ltn__blog-author,.ltn__footer-2 .footer-widget li,.ltn__footer-2 .footer-widget p { font-size: 16px } .ltn__blog-item-5 .ltn__blog-author img { max-width: 40px } .ltn__blog-item-5 .ltn__blog-btn { font-size: 14px; font-weight: 700; font-family: var(--ltn__body-font) } .ltn__blog-item-audio iframe { width: 100%; min-height: 300px } .ltn__blog-item-quote { border: 0 } .ltn__blog-item-quote .ltn__blog-meta li:hover a,.ltn__blog-item-quote blockquote a:hover,.ltn__blog-item-quote blockquote:hover,.ltn__blog-list-wrap .ltn__blog-item-quote blockquote a:hover,.ltn__blog-list-wrap .ltn__blog-item-quote blockquote:hover { color: var(--white-3) } .ltn__blog-item-quote blockquote { font-size: 20px; font-weight: 700; position: relative; background-color: transparent; font-style: normal; border-left: 0; border-color: var(--ltn__heading-color); padding: 60px 0 0; margin: 0 0 30px; color: var(--white); text-align: left } .ltn__blog-item-quote blockquote::before { position: absolute; content: "\e94d"; font-family: icomoon; font-size: 30px; left: 0; right: 0; top: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__team-item-2 .team-info,blockquote::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .ltn__blog-item-6,.ltn__blog-item-7 { -webkit-box-shadow: var(--ltn__box-shadow-5); box-shadow: var(--ltn__box-shadow-5); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__blog-item-6:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__blog-item-6 .ltn__blog-brief { padding: 35px 30px 15px 35px } .ltn__blog-item-6 .ltn__blog-title { font-size: 20px } .ltn__blog-item-6 p,.ltn__page-details-inner label { font-size: 14px } .ltn__blog-item-7:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__blog-item-7 .ltn__blog-meta li { color: var(--ltn__secondary-color) } .ltn__blog-item-7 .ltn__blog-brief { padding: 30px 30px 30px 35px } .ltn__blog-item-7 .ltn__blog-title { font-size: 18px; text-transform: uppercase } .ltn__blog-item-7 p { font-size: 18px; line-height: 28px } .ltn__blog-item-7 .ltn__blog-btn { font-size: 15px } .ltn__blog-list-wrap .ltn__blog-item,.ltn__page-details-inner .ltn__blog-img { margin-bottom: 40px } .ltn__blog-list-wrap .ltn__blog-title { font-size: 30px; line-height: 1.2 } .ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief { padding: 50px 40px 50px 45px } .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta,.ltn__service-form-1 .ltn__service-form-brief { padding-left: 100px } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote { font-size: 35px; line-height: 1.2; padding: 0 0 0 100px } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before { font-size: 80px; left: 0 } .gt-event-style-3 .gt-location ul li,.gt-event-style-3 .gt-venue ul li,.ltn__comment-reply-btn i,.ltn__service-list-menu ul li i { margin-right: 5px } .ltn__page-details-inner h1,.ltn__page-details-inner h2,.ltn__page-details-inner h3,.ltn__page-details-inner h4,.ltn__page-details-inner h5,.ltn__page-details-inner h6 { margin-top: 30px } .ltn__page-details-inner p { margin-top: 1.5em } .ltn__page-details-inner .ltn__blog-title { margin-top: 0; font-size: 30px } .ltn__blog-details-wrap { border: 2px solid var(--border-color-11); padding: 50px } blockquote { font-size: 18px; font-family: var(--ltn__heading-font); line-height: 1.6; font-weight: 700; background-color: var(--section-bg-1); padding: 60px 50px 60px 60px; margin: 50px 0; text-align: center; border-left: 0; position: relative; z-index: 1 } blockquote::before { position: absolute; content: "\e94d"; font-family: icomoon; font-size: 150px; right: 45px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; top: 50%; transform: translateY(-50%); z-index: -1 } .ltn-author-introducing .author-info h6,.ltn__commenter-comment .comment-date,.ltn__prev-next-btn h6,.ltn__prev-next-btn::before,.ltn__service-list-menu ul li i,.ltn__testimonial-item-2 .ltn__testimoni-info h6,.ltn__testimonial-item-4 .ltn__testimoni-info h6 { color: var(--ltn__secondary-color) } .ltn__checkout-payment-method p,.ltn__comment-item p { font-size: 14px } .ltn__commenter-img { float: left; margin-right: 30px; max-width: 100px } .ltn__commenter-img img { border-radius: 100% } .ltn__commenter-comment h6 { margin-bottom: 5px; font-size: 18px; font-weight: 600 } .ltn__commenter-comment .comment-date { margin-bottom: 10px; display: block; font-size: 13px; font-weight: 700; font-family: var(--ltn__heading-font) } .ltn__comment-inner li { list-style: none; border-top: 1px solid var(--border-color-12); padding-top: 30px; margin-top: 8px } .ltn__comment-inner>ul>li:first-child { border-top: 0; padding-top: 0; margin-top: 0 } .ltn__comment-inner ul ul { margin: 0 0 0 70px; padding: 0 } .ltn__comment-reply-btn { position: absolute; padding: 0 25px; border: 2px solid var(--border-color-11); display: inline-block; border-radius: 25px; font-size: 14px; font-weight: 700; height: 40px; line-height: 36px; top: 0; right: 0 } .ltn__comment-reply-btn:hover { border-color: var(--ltn__secondary-color) } .ltn__comment-reply-area form { padding: 50px; background-color: var(--white-5) } .ltn__comment-reply-area form input[type=email],.ltn__comment-reply-area form input[type=password],.ltn__comment-reply-area form input[type=submit],.ltn__comment-reply-area form input[type=text],.ltn__comment-reply-area form textarea { border-color: var(--white-5) } .ltn__comment-inner .product-ratting ul li { padding: 0; border: 0 } .ltn__first-letter { font-size: 70px; font-weight: 700; float: left; background-color: var(--ltn__secondary-color); margin-right: 30px; line-height: 1; text-transform: uppercase; width: 100px; height: 100px; 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 } .ltn__blog-tags-social-media .ltn__social-media ul li { color: var(--ltn__color-1) } .ltn__prev-next-btn::before { position: absolute; content: "\e958"; font-family: icomoon; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); font-size: 30px } .ltn__contact-feature-info .h2,.ltn__contact-feature-info .h6,.ltn__counterup-item h6,.ltn__counterup-item-3 h6 { font-family: var(--ltn__body-font) } .ltn__prev-next-btn .ltn__blog-title { font-size: 24px; margin-bottom: 0 } .ltn-author-introducing { padding: 40px; border: 2px solid var(--border-color-11); margin-bottom: 50px } .ltn-author-introducing .author-img { float: left; max-width: 180px; margin-right: 40px } .ltn-author-introducing .author-info h6 { margin-bottom: 0; font-size: 14px } .ltn__team-details-member-info.text-center .team-details-img,.ltn__testimonial-item,.ltn__testimonial-item.text-center .ltn__testimoni-img { margin-right: auto; margin-left: auto } .ltn__service-list-menu ul li { display: block; border-top: 2px solid #f6f6f6; padding: 18px 0; margin: 0; font-weight: 700; font-family: var(--ltn__heading-font) } .ltn__service-list-menu ul li:last-child { border-bottom: 2px solid #f6f6f6 } .ltn__service-list-menu ul li .service-price { float: right; text-transform: capitalize; font-weight: 400; font-family: var(--ltn__body-font) } .ltn__pagination ul li { list-style: none; display: inline-block; margin-right: 10px } .ltn__pagination ul li:last-child { margin-right: 0 } .ltn__pagination ul li a { height: 50px; width: 50px; line-height: 46px; border: 2px solid var(--border-color-11); text-align: center; display: block; font-weight: 700; border-radius: 100% } .ltn__pagination ul li.active a,.ltn__pagination ul li:hover a,.theme-btn-3:hover { background-color: var(--ltn__secondary-color); border-color: var(--ltn__secondary-color); color: var(--white) } .ltn__testimonial-item { max-width: 80%; padding-bottom: 30px; margin-bottom: 50px } .ltn__testimonial-item .ltn__testimoni-img img { border-radius: 100% } .ltn__team-details-member-info.text-right .team-details-img,.ltn__testimonial-item.text-right .ltn__testimoni-img { margin-left: auto; margin-right: 0 } .ltn__testimoni-img { max-width: 120px; margin-bottom: 30px } .ltn__testimoni-img img { border-radius: 0 } .ltn__testimoni-img i { width: 50px; height: 50px; line-height: 48px; border: 1px solid; border-radius: 100%; font-size: 18px } .ltn__testimonial-item-3 .ltn__testimoni-img img,.ltn__testimonial-item-4 .ltn__testimoni-img img { border-radius: 0 } .ltn__testimonial-item-2 { max-width: 60% } .ltn__testimonial-item-2 .ltn__testimoni-img { max-width: 85px; outline: solid 8px; outline-color: var(--white); margin-top: 8px; position: relative } .ltn__testimonial-item-2 .ltn__testimoni-img img { border-radius: 0; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4) } .ltn__testimonial-item-2 p { font-size: 24px } .ltn__testimonial-item-2 .ltn__testimoni-info h4 { font-size: 30px; margin-bottom: 5px } .ltn__testimonial-item-3 { max-width: 100%; margin-bottom: 20px } .ltn__testimonial-item-3 .ltn__testimoni-info { -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); width: calc(100% - 40px); margin: -60px auto 0; background-color: var(--white); padding: 25px 30px 30px; position: relative; z-index: 9 } .coming-soon-inner .ltn__countdown,.ltn__testimonial-item-3 .ltn__testimoni-info p,.shoping-cart-total .btn-wrapper { margin-top: 0 } .ltn__testimonial-item-3 .ltn__testimoni-info h4 { margin-bottom: 5px; margin-top: 0 } .ltn__testimonial-item-3 .ltn__testimoni-info h6 { margin-bottom: 5px; margin-top: 0; color: var(--ltn__secondary-color) } .ltn__testimonial-item-3 .ltn__testimoni-info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__testimonial-item-3 .ltn__testimoni-img { max-width: 60px; margin-bottom: 0; margin-right: 15px } .ltn__testimoni-bg-icon { position: absolute; right: 15px; bottom: 5px; z-index: -1; opacity: .1 } .ltn__testimoni-bg-icon i { font-size: 110px; line-height: 1; color: var(--ltn__color-1) } .ltn__testimonial-item-4 { max-width: 100%; position: relative; padding: 40px; background-color: var(--white); -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2); z-index: 2 } .ltn__testimonial-item-4 .ltn__testimoni-img { max-width: 160px; float: left; margin-right: 40px } .ltn__banner-img,.ltn__testimonial-item-4 .ltn__testimoni-info { overflow: hidden } .ltn__testimonial-item-4 .ltn__testimoni-info p { margin-bottom: 15px } .ltn__testimonial-item-4 .ltn__testimoni-info h4,.ltn__testimonial-item-4 .ltn__testimoni-info h6,.why-choose-us-feature-item .why-choose-us-feature-brief h3 { margin-bottom: 5px } .ltn__testimonial-slider-4 { max-width: 45%; margin-left: auto; margin-right: auto; text-align: center } .ltn__testimonial-item-5 .ltn__quote-icon { font-size: 240px; position: absolute; top: -15px; line-height: 1; color: var(--white-7); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1 } .cart-product-remove:hover,.ltn__testimonial-item-5 .ltn__testimonial-info h6,.ltn__testimonial-item-7:hover .ltn__testimoni-info p i { color: var(--ltn__secondary-color) } .ltn__testimonial-item-5 .ltn__testimonial-image { max-width: 85px; margin-left: auto; margin-right: auto; margin-top: 50px } .ltn__testimonial-item-5 .ltn__testimonial-image img { outline: #fff solid 8px; -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .list-item-margin li,.ltn__testimonial-item-5 .ltn__testimonial-info { margin-top: 30px } .ltn__testimonial-item-5 .ltn__testimonial-info p { font-size: 24px } .ltn__testimonial-item-5 .ltn__testimonial-info h4 { font-size: 30px; margin-bottom: 5px } .ltn__testimonial-quote-menu { position: absolute; top: 0; width: 100%; height: 100%; padding: 0; margin: 0 } .ltn__testimonial-quote-menu li { list-style: none } .car-price-filter-range .price_filter .ui-state-default:last-child::before,.ltn__testimonial-quote-menu li img,.rs-about.style1 .img-part .shape { position: absolute } .ltn__testimonial-quote-menu li:first-child img { width: 105px; top: -15%; left: 0 } .ltn__testimonial-quote-menu li:nth-child(2) img { width: 65px; top: 0; left: auto; right: 3% } .ltn__testimonial-quote-menu li:nth-child(3) img { width: 65px; top: 70%; left: 10% } .ltn__testimonial-quote-menu li:nth-child(4) img { width: 125px; top: 60%; left: auto; right: 10% } .ltn__testimonial-quote-menu li:nth-child(5) img { width: 75px; top: 40%; left: 3% } .ltn__testimonial-quote-menu li:nth-child(6) img { width: 75px; top: 25%; left: auto; right: 15% } .ltn__testimonial-quote-menu li:nth-child(7) img { width: 55px; top: 20%; left: 15% } .ltn__testimonial-quote-menu li:nth-child(8) img { width: 55px; top: 40%; left: auto; right: 3% } .ltn__testimonial-item-6 { padding-top: 50px; margin-bottom: 0 } .ltn__testimonial-item-6 .ltn__testimoni-img i { border: 0; color: var(--ltn__secondary-color) } .ltn__testimonial-item-6 p { font-size: 28px } .ltn__testimonial-item-7 { background-color: var(--white); padding: 30px 35px 40px; max-width: 100%; border-radius: 10px; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); border: 1px solid; border-color: var(--border-color-13); position: relative } .custom-content-brief h1,.input-item-date,.ltn__checkout-single-content,.ltn__img-slide-item-2,.ltn__testimonial-item-7 .ltn__testimonial-img,.product-details-content .product-excerpt,.themetechmount-boxes-row-wrapper.row:not(.slick-slider) .tm-box-col-wrapper { margin-bottom: 30px } .ltn__testimonial-item-7 .ltn__testimoni-info p { font-size: 18px } .ltn__testimonial-item-7 .ltn__testimoni-info p i { font-size: 30px; position: relative; top: 8px; margin-right: 2px; line-height: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .about-call-us,.ltn__testimonial-item-7 .ltn__testimoni-info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-img { max-width: 60px; margin-right: 15px; margin-bottom: 0 } .ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-name-designation h5 { font-weight: 600; margin-bottom: 0 } .ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-name-designation label { font-size: 14px; margin-bottom: 0; text-transform: uppercase } .ltn__testimonial-item-7::before { position: absolute; content: ""; left: 0; bottom: 0; width: 0%; height: 4px; background-color: var(--ltn__secondary-color); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; visibility: hidden } .ltn__testimonial-item-7:hover::before { width: 100%; opacity: 1; visibility: visible } .ltn__testimonial-item-8 { padding: 35px } .ltn__testimonial-item-8 .ltn__testimoni-info p,.shoping-cart-total .table { margin-bottom: 0 } .call-to-action-inner-6 .coll-to-info p+p,.ltn__testimonial-item-8 .ltn__testimoni-info p+p { margin-top: 15px } .ltn__testimoni-author-ratting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } .ltn__banner-img img { -webkit-transition: 3.5s; -o-transition: 3.5s; transition: 3.5s } .ltn__banner-img:hover img { -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1) } .ltn__banner-style-2 .ltn__banner-info { padding: 20px 30px; border: 1px solid; border-color: var(--border-color-1) } .ltn__banner-style-3 .ltn__banner-info { position: absolute; left: 35px; top: 30px } .ltn__banner-style-3 .banner-button { position: absolute; bottom: 30px; left: 30px } .ltn__banner-style-3 .banner-button a { color: var(--ltn__color-1); padding: 12px 25px; background-color: rgba(255,255,255,.1); display: inline-block } .ltn__banner-style-3 .banner-button a:hover,.ltn__team-item-3:hover .ltn__social-media ul li,.ltn__team-item-3:hover h4,.ltn__team-item-3:hover h6 { color: var(--white) } .ltn__banner-style-4 { position: relative; height: 270px; 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 } .ltn__404-area-2,.ltn__counterup-item-2 { display: -webkit-box; display: -ms-flexbox } .ltn__banner-style-4 .ltn__banner-info { position: relative; padding: 30px } .about-call-us .call-us-info p,.ltn__banner-style-4 .ltn__banner-info h3 { margin-bottom: 10px } .ltn__banner-style-4 .ltn__banner-info p { margin-bottom: 12px } .apartments-info-list-color>ul li label,.apartments-info-list-color>ul li span,.checkbox-item:hover input~.checkmark,.ltn__banner-style-4 .ltn__banner-info mark,.reverse-color { background-color: var(--ltn__secondary-color) } .table-1 table tr th,.table-1 table tr:nth-child(odd) { background-color: #e5e5e6 } .ltn__banner-style-4::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; background-color: var(--ltn__primary-color); opacity: .3 } .ltn__team-item,.ltn__team-item-2:before { -webkit-transition: .3s; -o-transition: .3s } .ltn__banner-style-4:hover::before { opacity: .15 } .ltn__team-item { margin-bottom: 30px; border: 1px solid #f1f1f1; text-align: center; transition: .3s } .ltn__team-item:hover { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .team-info { padding: 25px 15px } .about-us-img-wrap,.about-us-info-wrap,.ltn__img-shape-left,.ltn__img-shape-right,.ltn__team-item-2 { position: relative } .ltn__team-item-2:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: var(--gradient-color-1); opacity: 0; visibility: hidden; transition: .3s } .ltn__team-item-2 .team-info { position: absolute; width: 100%; top: 60%; transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__team-item-2:hover:before { opacity: .7; visibility: visible } .ltn__team-item-2:hover .team-info { top: 50%; opacity: 1; visibility: visible } .ltn__team-item-3 { padding: 45px 20px 25px; -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1); border: 0; position: relative } .ltn__team-item-3 .team-img { max-width: 180px; margin-left: auto; margin-right: auto } .ltn__team-item-3 .team-img img { border-radius: 100% } .ltn__select-availability-table-wrap .tower-name,.ltn__team-item-3 h6 { text-transform: uppercase } .ltn__team-item-3 .team-info { padding: 0; margin-top: 30px } .ltn__team-item-3 .ltn__social-media { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; position: absolute; left: 0; bottom: 0; background-color: currentColor; width: 100%; padding: 10px 20px 20px; opacity: 0; visibility: hidden; border-bottom: 3px solid transparent } .ltn__team-item-3:hover,.reverse-color:hover { background-color: var(--ltn__primary-color) } .ltn__team-item-3:hover .ltn__social-media { bottom: -25px; opacity: 1; visibility: visible; z-index: 999; border-bottom-color: var(--ltn__secondary-color) } .table-1 table tr td,.table-1 table tr th { border-right: 2px solid #fff; border-bottom: 2px solid #fff; padding: 10px 0; display: table-cell; line-height: 18px; text-align: center } .ltn__counterup-item { margin-bottom: 50px; text-align: center } .ltn__counterup-item .counter-icon { margin-bottom: 25px } .ltn__counterup-item .counter-icon i { font-size: 65px; line-height: 1; color: var(--ltn__secondary-color) } .ltn__counterup-item h1 { font-weight: 700; font-size: 42px } .ltn__counterup-item h6 { color: var(--ltn__color-5) } .ltn__counterup-item-2 { margin-bottom: 50px; display: flex } .ltn__counterup-item-2 .counter-icon { margin-bottom: 0; margin-right: 30px; text-align: center } .ltn__counterup-item-2 .counter-icon i { font-size: 35px; height: 65px; width: 65px; line-height: 65px; border: 1px solid; border-radius: 5px; color: var(--ltn__color-1) } .ltn__counterup-item-2 h1,.ltn__counterup-item-2 h6 { font-weight: 600; font-size: 36px; line-height: 1; margin-bottom: 10px } .ltn__counterup-item-2 h6 { font-size: 20px } .ltn__counterup-item-3,.ltn__progress-bar-wrap { margin-bottom: 50px } .ltn__counterup-item-3 .counter-icon { color: var(--ltn__color-1) } .ltn__counterup-item-3 h1 { font-size: 72px; line-height: 1; margin-bottom: 5px } .ltn__counterup-item-3 .counterUp-icon { font-size: 30px } .btn,.ltn__car-dealer-form-box .nice-select,.ltn__copyright-menu ul li,.ltn__footer-timeline-widget ul li,.ltn__service-form-box .nice-select { font-family: var(--ltn__heading-font) } .ltn__contact-address-item { padding: 40px 30px 10px; text-align: center; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2); margin-bottom: 30px } .ltn__contact-address-item i { background-color: transparent; color: var(--ltn__heading-color); height: 60px; width: 60px; line-height: 60px; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2); text-align: center; border-radius: 100%; margin-bottom: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__contact-address-item:hover i,.theme-btn-1:hover,.theme-btn-2 { background-color: var(--ltn__primary-color); color: var(--white) } .ltn__contact-address-item-2 { padding: 30px 0 10px; margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none } .ltn__contact-address-item-2+.ltn__contact-address-item-2 { border-top: 1px solid } .contact-form-box { padding: 40px 50px 50px; position: relative; z-index: 1 } .contact-form-box input::-webkit-input-placeholder { color: var(--ltn__color-1) } .contact-form-box input::-moz-placeholder { color: var(--ltn__color-1) } .contact-form-box input:-ms-input-placeholder { color: var(--ltn__color-1) } .contact-form-box input:-moz-placeholder { color: var(--ltn__color-1) } .contact-form-box-2 input,.contact-form-box-2 textarea { border-top: 0; border-left: 0; border-right: 0; padding-left: 0 } .ltn__contact-address-item-3 { -webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--border-color-11); padding: 50px 30px 25px } .ltn__contact-address-item-3 i { font-size: 50px; border: 0; -webkit-box-shadow: none; box-shadow: none } .ltn__contact-address-item-3 .ltn__contact-address-icon { margin-bottom: 35px } .ltn__contact-address-item-3 .ltn__contact-address-icon img { max-width: 80px } .ltn__contact-address-item-3:hover i { background-color: transparent; color: var(--ltn__secondary-color) } .form-messege .error { color: var(--red) } .table-1 table { border: 0; text-transform: uppercase; font-size: 13px; width: 100% } .table-1 table tr:first-child { font-weight: 700; text-transform: uppercase; background-color: #e5e5e6 } .table-1 table tr:nth-of-type(2n) { background: #f9f9f9 } .table-1 table tr th { font-weight: 700; text-transform: uppercase; width: 12% } .mobile-show { display: none } .cart-plus-minus { border: 2px solid; height: 63px; line-height: 56px; width: 140px; text-align: center } .qtybutton { height: 100%; width: 30% } .dec.qtybutton { float: left; border-right: 2px solid } .inc.qtybutton { float: right; border-left: 2px solid } .cart-plus-minus,.dec.qtybutton,.inc.qtybutton { background-color: var(--white); border-color: var(--border-color-11); font-size: 20px; font-weight: 700 } .cart-coupon-row,.table tr:nth-child(odd) { background-color: #f7f8fa } input.cart-plus-minus-box { background: 0 0; -webkit-box-shadow: none; box-shadow: none; border: none; height: 100%; margin-bottom: 0; padding: 0; text-align: center; width: 40%; font-weight: 700 } .product-details-content .product-title { font-size: 36px; font-weight: 700 } .product-details-content .product-price { font-size: 24px; margin-top: 15px; margin-bottom: 15px } .product-details-content .cart-plus-minus { display: inline-block; margin-right: 20px } .product-details-content .product-details-buy-btn .theme-btn-1 { padding: 10px 100px 9px } .table tr:nth-child(2n) { background-color: #fafafa } .shoping-cart-table tbody { border-bottom: 1px solid #dee2e6 } .shoping-cart-table thead th { vertical-align: middle; border-bottom: 0; background-color: #f7f8fa } .shoping-cart-table .table tr { background-color: transparent; display: table; width: 100% } .shoping-cart-table td { padding: 20px 25px; vertical-align: middle } .cart-product-image img { max-width: 100px } .cart-coupon-row { text-align: right } .cart-coupon { text-align: left } .cart-coupon input { max-width: 250px; margin-bottom: 0 } .submit-button-1 { padding: 10px 30px; background-color: var(--ltn__primary-color); color: var(--white); -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .btn.disabled { cursor: not-allowed } .shoping-cart-total { float: right; max-width: 450px; width: 100% } .ltn__faq-inner .card .ltn__card-title[aria-expanded=true],.ltn__faq-inner-3 .card .ltn__card-title i { background-color: var(--ltn__secondary-color); color: var(--white) } .ltn__newsletter-inner .ltn__form-box { position: relative; margin-top: 30px } .ltn__newsletter-inner .ltn__form-box input { margin-bottom: 0; padding-right: 140px } .ltn__newsletter-inner .ltn__form-box button { margin-top: 0; position: absolute; right: 0; top: 0; height: 100%; -webkit-box-shadow: none; box-shadow: none } .ltn__newsletter-inner-2 .ltn__form-box input { border-width: 0 0 1px; padding-right: 140px } .ltn__newsletter-inner-3 .ltn__form-box input { border-radius: 50px; padding-left: 30px } .ltn__faq-inner .card { border: none; border-radius: 0; margin-bottom: 35px } .about-call-us .call-us-info h2,.list-item-with-icon ul li:last-child,.list-item-with-icon-2 ul li:last-child,.ltn__faq-inner .card:last-child { margin-bottom: 0 } .ltn__faq-inner .card .ltn__card-title { background-color: var(--section-bg-1); padding: 22px 15px 22px 40px; cursor: pointer; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; font-size: 18px; margin-bottom: 0 } .ltn__faq-inner .card .ltn__card-title::before { position: absolute; content: "\e903"; font-family: icomoon; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px } .ltn__faq-inner .card .ltn__card-title[aria-expanded=true]:before { content: "\e904" } .ltn__faq-inner .card .card-body { padding: 20px 0 0 } .ltn__faq-inner-2 .card { margin: 0 0 -2px; border: 2px solid; border-color: var(--border-color-10) } .call-to-action-inner-2 .btn-wrapper,.call-to-action-inner-6 .btn-wrapper,.ltn__img-slide-item-3 .btn-wrapper,.ltn__img-slide-item-4 .btn-wrapper { margin-top: 0 } .ltn__faq-inner-2 .card .ltn__card-title { background-color: transparent; padding: 20px 60px 20px 40px } .ltn__faq-inner-2 .card .ltn__card-title::before { background-color: var(--section-bg-1); color: var(--ltn__primary-color); font-size: 16px; height: 40px; width: 40px; text-align: center; line-height: 40px } .ltn__faq-inner-2 .card .ltn__card-title[aria-expanded=true] { background-color: transparent; color: var(--ltn__primary-color) } .ltn__faq-inner-2 .card .ltn__card-title[aria-expanded=true]:before { color: var(--ltn__secondary-color) } .ltn__faq-inner-2 .card .card-body { padding: 15px 40px 25px } .ltn__faq-inner-3 .card { background-color: transparent; border-top: 0; border-left: 0; border-right: 0 } .ltn__faq-inner-3 .card .ltn__card-title { padding: 20px 60px 20px 5px; font-weight: 600 } .ltn__faq-inner-3 .card .ltn__card-title i { width: 50px; height: 50px; line-height: 55px; display: inline-block; text-align: center; margin-right: 10px; font-size: 26px } .ltn__404-area-1 .error-404-title,.ltn__img-slide-item-3 h6,.ltn__pricing-plan-item.active .pricing-price h2,.ltn__pricing-plan-item.active-price .pricing-price h2 { color: var(--ltn__secondary-color) } .error-404-title { font-size: 120px; line-height: 1; margin-bottom: 40px } .ltn__404-area-1 .error-404-title { font-size: 400px; line-height: 1; margin-bottom: 0 } .ltn__404-area-1 h2 { font-size: 60px } .ltn__404-area-2 { min-height: 90vh; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__404-area-2 .error-404-inner { padding: 150px 0 170px } .ltn__coming-soon-area { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .coming-soon-inner { padding: 120px 0 100px } .coming-soon-inner .ltn__countdown .single { border: 1px solid var(--border-color-3); margin-right: 30px; margin-top: 15px; margin-bottom: 15px; min-width: 120px; padding-top: 15px } .ltn__img-slide-item-3 .btn-wrapper .btn,.ltn__img-slide-item-4 .btn-wrapper .btn { padding: 15px 20px 13px } .coming-soon-inner p { max-width: 380px; margin-left: auto; margin-right: auto } .coming-soon-inner .ltn__form-box { max-width: 550px; margin-left: auto; margin-right: auto } .coming-soon-inner .ltn__form-box input { background-color: transparent; color: var(--white); border: 1px solid var(--border-color-3) } .coming-soon-inner .ltn__form-box input[type=email]::-webkit-input-placeholder,.coming-soon-inner .ltn__form-box input[type=text]::-webkit-input-placeholder { color: var(--white) } @media (min-width: 767px) and (max-width:991px) { .coming-soon-inner .ltn__countdown .single { min-width:110px } } .ltn__img-slide-item-1 { margin: 10px 0 20px; padding: 0 } .slick-current .ltn__img-slide-item-1 { -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1) } .ltn__img-slide-item-3 { position: relative; margin-bottom: 85px } .ltn__img-slide-item-3 .ltn__img-slide-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 35px; background-color: #fff; position: absolute; bottom: 0; width: calc(100% - 60px); margin-left: auto; margin-right: auto; left: 0; right: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; visibility: hidden; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2) } .about-us-img-info,.ltn__pricing-plan-item { -webkit-box-shadow: var(--ltn__box-shadow-1) } .ltn__img-slide-item-3 .ltn__img-slide-info-brief { padding-right: 20px } .ltn__img-slide-item-3 h6 { margin-bottom: 5px } .ltn__img-slide-item-3 h1 { margin-bottom: 0; font-size: 30px } .ltn__img-slide-item-3:hover .ltn__img-slide-info,.slick-current .ltn__img-slide-item-3 .ltn__img-slide-info { bottom: -65px; opacity: 1; visibility: visible } .ltn__img-slide-item-4 .ltn__img-slide-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 35px; position: absolute; bottom: 5px; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background: var(--gradient-color-3); opacity: 0; visibility: hidden } .ltn__img-slide-item-4 .ltn__img-slide-info-brief { padding-right: 20px } .ltn__img-slide-item-4 h6 { margin-bottom: 5px; color: var(--white); font-weight: 400 } .ltn__img-slide-item-4 h1 { margin-bottom: 0; font-size: 26px; color: var(--white); font-weight: 500 } .ltn__img-slide-item-4:hover .ltn__img-slide-info { bottom: 0; opacity: 1; visibility: visible } @media (max-width: 1399px) { .ltn__img-slide-item-3 .ltn__img-slide-info { padding:30px 20px; width: calc(100% - 30px) } .ltn__img-slide-item-3 .ltn__img-slide-info-brief { padding-right: 15px } .ltn__img-slide-item-3 h1,.ltn__img-slide-item-4 h1 { font-size: 18px } .ltn__img-slide-item-3 .btn-wrapper .btn,.ltn__img-slide-item-4 .btn-wrapper .btn { padding: 10px 10px 8px } .ltn__img-slide-item-4 .ltn__img-slide-info { padding: 30px 20px } } .ltn__pricing-plan-item { box-shadow: var(--ltn__box-shadow-1); margin-bottom: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; overflow: hidden } .ltn__pricing-plan-item .pricing-badge { color: var(--white); background-color: var(--ltn__secondary-color); padding: 4px 20px; text-transform: uppercase; font-size: 8px; line-height: 20px; font-weight: 700; letter-spacing: 1px; display: table; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 18px; position: absolute; right: -28px; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in } .ltn__pricing-plan-item .pricing-title { margin: 0; height: 100px; line-height: 100px } .ltn__pricing-plan-item .pricing-price { background-color: var(--section-bg-1); height: 85px; line-height: 85px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__pricing-plan-item .pricing-price h2 { margin-bottom: 0; line-height: inherit; font-size: 48px } .ltn__footer-2 .footer-widget .footer-title,.ltn__pricing-plan-item .pricing-price sub,.ltn__pricing-plan-item .pricing-price sup { font-size: 24px } .ltn__pricing-plan-item .pricing-price sup { top: -.9em } .ltn__pricing-plan-item .pricing-price sub { bottom: -.2em } .ltn__pricing-plan-item ul { margin: 35px 0; padding: 0 } .ltn__pricing-plan-item ul li { list-style: none; font-size: 18px } .ltn__pricing-plan-item .btn-wrapper { padding-bottom: 50px } .ltn__pricing-plan-item.active,.ltn__pricing-plan-item.active-price { -webkit-box-shadow: var(--ltn__box-shadow-6); box-shadow: var(--ltn__box-shadow-6); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); overflow: hidden; position: relative } .btn-black:hover,.btn-transparent:hover,.btn-white:hover,.btn-yellow:hover,.ltn__pricing-plan-item.active .btn,.ltn__pricing-plan-item.active-price .btn,.preloader-inner .cancel-preloader a:hover,.theme-btn-1,.theme-btn-2:hover { background-color: var(--ltn__secondary-color); color: var(--white) } .call-to-bg-icon,.ltn__service-item-2 ul li span { color: var(--ltn__color-1) } .checkbox-item { display: inline-block; position: relative; padding-left: 30px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .checkbox-item input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .checkbox-item .checkmark { position: absolute; top: 3px; left: 0; height: 16px; width: 16px; background-color: var(--white); border: 1px solid #93959e } .checkbox-item input:checked~.checkmark { background-color: var(--ltn__secondary-color); border-color: var(--ltn__secondary-color) } .checkbox-item .checkmark:after { position: absolute; content: ""; display: none; left: 4px; top: 0; width: 5px; height: 10px; border: solid #fff; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .body-sidebar-icons { position: fixed; top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 9; -webkit-transition: -webkit-transform .3s 1s; transition: transform .3s 1s; -o-transition: transform .3s 1s; transition: transform .3s 1s,-webkit-transform .3s 1s; right: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .about-us-img-info,.body-sidebar-icons a { -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; text-align: center } .about-us-img-info,.about-us-info-wrap .ltn__video-play-btn { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) } .body-sidebar-icons a { background-color: #ddd; color: #fff; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: auto; height: 40px; min-width: 40px; margin: 0; overflow: hidden; -ms-flex-direction: row-reverse; flex-direction: row-reverse } #myVideo,.article-item__thumb>img { min-width: 100% } .body-sidebar-icons a i { width: 40px; line-height: 40px; font-size: 14px; vertical-align: middle } .body-sidebar-icons a .icon-name { white-space: nowrap; max-width: 0; padding: 0; overflow: hidden; font-size: 14px; font-weight: 600; -webkit-transition: padding .4s cubic-bezier(.175, .885, .32, 1.15),max-width .4s cubic-bezier(.175, .885, .32, 1.15); -o-transition: padding .4s cubic-bezier(.175, .885, .32, 1.15),max-width .4s cubic-bezier(.175, .885, .32, 1.15); transition: padding .4s cubic-bezier(.175, .885, .32, 1.15),max-width .4s cubic-bezier(.175, .885, .32, 1.15) } .about-us-img-info h1,.about-us-img-info h1 .counter { font-size: 120px; line-height: .8; color: var(--ltn__secondary-color) } .body-sidebar-icons a.facebook-icon { background-color: var(--facebook) } .body-sidebar-icons a.twitter-icon { background-color: var(--twitter) } .body-sidebar-icons a.pinterest-icon { background-color: var(--pinterest) } .body-sidebar-icons a.instagram-icon { background-color: var(--instagram) } .body-sidebar-icons a.dribbble-icon { background-color: var(--dribbble) } .body-sidebar-icons a.behance-icon { background-color: var(--behance) } .body-sidebar-icons a.google-plus-icon { background-color: var(--google-plus) } .body-sidebar-icons a.linkedin-icon { background-color: var(--linkedin) } .body-sidebar-icons a.youtube-icon { background-color: var(--youtube) } .body-sidebar-icons a.vk-icon { background-color: var(--vk) } .body-sidebar-icons a.wechat-icon { background-color: var(--wechat) } .body-sidebar-icons a.email-icon { background-color: var(--email) } .body-sidebar-icons a:hover .icon-name { padding-left: 15px; max-width: 220px } .body-sidebar-icons.left-side { left: 0; right: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .body-sidebar-icons.left-side a { -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset } .body-sidebar-icons.left-side a:hover .icon-name { padding-right: 15px; padding-left: 0 } .about-us-img-info { width: 310px; height: 310px; background-color: var(--white); display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-shadow: var(--ltn__box-shadow-1); top: 70%; transform: translateY(-50%); left: 0; right: 0; margin: auto } .card__labelled,.carousel,.footer-newsletter form,.logo-shape,.ltn__call-to-action-4,.ltn__list-item-1-before li,.ltn__list-item-2 li,.ltn__list-item-2-before li,.ltn__neighbour-tab-wrap,.rs-about.style1 .img-part,.rs-shop-part .product-list .image-product,.themetechmount-box-blog,.themetechmount-post-item-thumbnail,.tm-featured-wrapper,.tm-post-featured-outer-wrapper,article.post { position: relative } .about-us-img-info h1 { margin: 0 } .about-us-img-info h1 span { font-size: 20px; color: var(--ltn__heading-color) } .about-us-img-info h6 span { font-size: 20px; color: var(--ltn__secondary-color) } .about-us-img-info .dots-bottom { height: 25px; width: 25px; background-color: var(--ltn__secondary-color); display: inline-block; position: absolute; bottom: -10px; left: 12px } .about-us-img-info-2 { width: 190px; height: 190px; background-color: var(--ltn__secondary-color); border: 15px solid; border-color: var(--white); bottom: 0; top: auto; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; margin-right: 0 } .about-us-img-info-2 h1,.about-us-img-info-2 h1 .counter { font-size: 50px; color: var(--white) } .about-us-img-info-2 h1 span { font-size: 20px; color: var(--white) } .about-us-img-info-2 h6 { color: var(--white) } .about-us-img-info-3 { right: auto; left: 10px; border: 0; height: inherit; width: inherit; max-width: 300px; bottom: 70px; background-color: transparent } .about-us-img-info-3 .ltn__video-img::before { opacity: .1 } .about-us-info-wrap hr { margin-top: 40px; margin-bottom: 40px } .about-us-info-wrap .ltn__video-play-btn { width: 80px; height: 80px; line-height: 84px; font-size: 20px; top: 50%; transform: translateY(-50%); right: -100px } .ltn__img-shape-left::before,.ltn__img-shape-right::before,.ltn__list-item-1-before li::before { background-color: var(--ltn__secondary-color); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; content: ""; top: 50% } .about-us-info-devide .list-item-with-icon { margin-left: 30px; margin-bottom: 30px } .list-item-with-icon { min-width: 300px } .about-us-img-info-inner { width: 100%; height: 100%; 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; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .ltn__list-item-half,.ltn__list-item-half li,.ltn__list-item-half li i,.why-choose-us-feature-item { display: -webkit-box; display: -ms-flexbox } .list-item-with-icon ul li,.list-item-with-icon-2 ul li { position: relative; list-style: none; padding-left: 60px; font-weight: 700; margin-bottom: 25px } .list-item-with-icon ul li::before,.list-item-with-icon-2 ul li::before { position: absolute; content: "\f00c"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; left: 0; top: -5px; background-color: var(--section-bg-1); height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 12px; color: var(--ltn__secondary-color) } .list-item-with-icon-2 ul li { padding-left: 30px; font-weight: 400; margin-bottom: 0 } .list-item-with-icon-2 ul li::before { height: inherit; line-height: inherit; width: inherit; background-color: transparent; color: var(--ltn__heading-color); top: 5px } .ltn__img-shape-left::before,.ltn__img-shape-right::before { transform: translateY(-50%); height: 85%; width: 30px } .ltn__img-shape-left { padding-left: 30px } .ltn__img-shape-left::before { left: 0 } .ltn__img-shape-right { padding-right: 30px } .ltn__img-shape-right::before { left: auto; right: 0 } .about-call-us .call-us-icon { font-size: 50px; margin-right: 20px; color: var(--ltn__secondary-color); line-height: 1 } .ltn__list-item-half { margin-top: 0; padding-left: 0; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap } .ltn__list-item-half li { width: 50%; float: left; list-style: none; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 20px } .ltn__list-item-half li img { max-width: 50px; margin-right: 10px } .ltn__list-item-half li i { font-size: 20px; color: var(--ltn__secondary-color); margin-right: 15px; height: 45px; width: 45px; line-height: 45px; background-color: var(--ltn__color-6); display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; border-radius: 100% } .ltn__list-item-half-2 li i { font-size: 14px; height: 32px; width: 32px; line-height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px } .ltn__list-item-1,.ltn__list-item-2,.rs-about.style1 .notice-bord.style1 ul { padding-left: 0 } .ltn__list-item-1 li { list-style: none } .footer-menu-widget-2-column,.ltn__list-item-1-before { padding-left: 30px } .ltn__list-item-1-before li::before { left: -30px; width: 15px; height: 1px; transform: translateY(-50%) } .ltn__list-item-2 li { list-style: none; display: inline-block; margin-right: 30px; max-width: 160px; font-size: 14px } .ltn__list-item-2 li span { display: block; font-weight: 700 } .ltn__list-item-2 li:last-child { margin-right: 0 } .ltn__list-item-2-before li::before { position: absolute; content: ""; right: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 100%; background-color: var(--ltn__primary-color); opacity: .2 } .input-item .nice-select::after,.ltn__car-dealer-form-box .ltn__custom-icon::before,.ltn__list-item-2-before li:last-child::before { display: none } .ltn__list-item-2-img li { margin-right: 10px; width: 30% } .ltn__callout { padding: 20px; margin: 25px 0; border-left: 4px solid; border-color: var(--ltn__secondary-color) } .call-to-action-inner-6 .coll-to-info p,.ltn__callout p,.ltn__car-dealer-form-box input[type=email],.ltn__car-dealer-form-box input[type=password],.ltn__car-dealer-form-box input[type=submit],.ltn__car-dealer-form-box input[type=text],.ltn__car-dealer-form-box textarea,.ltn__car-dealer-form-tab .ltn__tab-menu { margin-bottom: 0 } .gt-event-style-3 .gt-details+.gt-text,.ltn__callout p+p,.ttm-fid-view-lefticon .ttm-fid-icon-wrapper { margin-top: 20px } .why-choose-us-feature-item { display: flex; margin-bottom: 10px; max-width: 480px } .why-choose-us-feature-item .why-choose-us-feature-icon { margin-right: 20px; font-size: 70px; line-height: 1.2; color: var(--ltn__secondary-color); min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content } .why-choose-us-img-wrap img { max-width: 65% } .why-choose-us-img-2 { margin-top: -15% } .why-choose-us-img-2 img { border: 15px solid var(--white) } .ltn__service-item-1 { background-color: var(--white); margin-bottom: 50px } .featured-imagebox .featured-thumbnail,.featured-imagebox-portfolio,.featured-imagebox-team,.item-media,.ltn__service-item-1 .service-item-img,.overflow { position: relative; overflow: hidden } .ltn__img-slide-item-2 img,.ltn__img-slide-item-3 img,.ltn__img-slide-item-4 img,.ltn__service-item-1 .service-item-img img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .ltn__service-item-1 .service-item-icon { position: absolute; right: 0; bottom: 0; width: 70px; height: 70px; background-color: #fff; 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; font-size: 40px; color: var(--ltn__secondary-color) } .ltn__service-item-1 .service-item-brief { padding: 32px 40px 10px } .ltn__service-item-1 .service-item-brief h3 { margin-bottom: 5px } .ltn__service-item-1:hover .service-item-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .ltn__service-item-2 { padding: 0 45px 30px; margin-bottom: 50px; margin-top: 35px } .ltn__service-item-2 .service-item-icon { font-size: 80px; line-height: 1; top: -35px; position: relative; color: var(--ltn__secondary-color) } .ltn__service-item-2 .service-item-brief { padding-top: 50px } .faq-accordion .accordion .accordion-item:first-of-type,.ltn__service-item-2 .service-item-icon+.service-item-brief { padding-top: 0 } .ltn__service-item-2 ul { margin-bottom: 10px; padding: 0 } .ltn__service-item-2 ul li { list-style: none; margin-top: 10px } .ltn__service-item-2 hr { margin-top: 25px; margin-bottom: 25px } .call-to-action-2 { background-color: var(--white-3) } .get-a-free-service-margin,.ltn__video-popup-margin { margin-bottom: -180px } .get-a-free-service-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: var(--ltn__box-shadow-1); box-shadow: var(--ltn__box-shadow-1); padding-right: 80px; padding-left: 30px } .get-a-free-service-inner .call-to-img img { max-width: 350px; position: absolute; left: 35px; bottom: 0; z-index: 2 } .get-a-free-service-inner .call-to-action-inner-content { position: relative; z-index: 3 } .call-to-circle-1,.call-to-circle-2 { height: 265px; width: 265px; display: inline-block; background-color: var(--ltn__secondary-color); position: absolute; left: 60px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 100%; z-index: 1 } .call-to-circle-2 { height: 80px; width: 80px; left: 300px; top: 10%; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-animation: 8s linear .1s infinite wave; animation: 8s linear .1s infinite wave } .call-to-bg-icon,.ltn__call-to-4-img-1 { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50% } .call-to-bg-icon { font-size: 220px; right: 35px; transform: translateY(-50%); z-index: 1; opacity: .1 } .get-a-free-service-inner .call-to-circle-2 { -webkit-animation: 8s linear .1s infinite wave; animation: 8s linear .1s infinite wave } .ltn__call-to-action-4 .call-to-action-inner-4 { position: relative; z-index: 99 } .ltn__call-to-action-4 .call-to-action-inner-4 h2 { font-style: italic } .ltn__call-to-action-4 .call-to-action-inner-4 .h1 { font-size: 50px } .ltn__call-to-action-4 .call-to-action-inner-4 p { font-size: 18px } .ltn__call-to-4-img-1 { left: 0; transform: translateY(-50%); max-width: 34% } .ltn__call-to-4-img-2 { position: absolute; right: 0; bottom: 0; max-width: 27% } .call-to-action-inner-5 a:hover { text-decoration: underline; color: var(--white) } .call-to-action-inner-6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 } .ltn__elements-area { background-color: var(--section-bg-1); padding: 50px 0; margin: 50px 0 } .elements-title-inner { background-color: var(--white-3); display: inline-block; padding: 10px 30px; outline: solid 10px; outline-offset: 10px; outline-color: var(--white-3); margin: 20px } .elements-title-inner p { margin-bottom: 0; padding-top: 5px; border-top: 1px solid #ddd; margin-top: 5px } .elements-title { display: inline-block; margin: 0 } .ltn__service-form-box { margin: 0; padding: 0 30px } .ltn__service-form-box>ul { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .ltn__service-form-box>ul>li { display: inline-block; margin-right: 20px; list-style: none } .ltn__service-form-box .nice-select { margin: 0; height: 60px; line-height: 58px; padding-right: 40px; padding-left: 20px; border-radius: 0; min-width: 200px; font-size: 16px; font-weight: 700 } .ltn__service-form-box .nice-select:after { right: 20px } .ltn__service-form-box .nice-select UL li { display: block } .get-a-quote-form,.ltn__service-form-box .btn-wrapper,.ltn__service-form-box input,.ltn__team-details-member-about ul { margin: 0 } .ltn__service-form-box input[type=date] { margin: 0; height: 60px; padding: 0 20px; border: 1px solid; font-weight: 700; font-family: var(--ltn__heading-font); text-transform: uppercase } .ltn__service-form-color-white .ltn__service-form-box .nice-select { background-color: transparent; border: 2px solid; border-color: var(--border-color-3) } .ltn__service-form-color-white .ltn__service-form-box .nice-select .current { color: var(--white); text-transform: uppercase } .ltn__service-form-color-white .ltn__service-form-box .nice-select::after { border-bottom: 2px solid; border-right: 2px solid; border-color: var(--border-color-3) } .ltn__service-form-color-white .ltn__service-form-box input { background-color: transparent; color: var(--white); border-color: var(--border-color-3); font-weight: 700; height: 60px } .ltn__service-form-color-white .ltn__service-form-box input[type=date] { background-color: transparent; color: var(--white) } .ltn__service-form-color-white .ltn__service-form-box input[type=date]::-webkit-calendar-picker-indicator { -webkit-filter: invert(100%); filter: invert(100%) } .ltn__service-form-color-white .ltn__service-form-box input::-webkit-input-placeholder { color: var(--white) } .ltn__service-form-color-white .ltn__service-form-box input::-moz-placeholder { color: var(--white) } .ltn__service-form-color-white .ltn__service-form-box input:-ms-input-placeholder { color: var(--white) } .ltn__service-form-color-white .ltn__service-form-box input:-moz-placeholder { color: var(--white) } .ltn__service-form-color-white .input-item-date.ltn__custom-icon::before { color: var(--white); top: 50% } .input-item-date input[type=date] { background-color: transparent; border: 2px solid var(--border-color-1); height: 65px; width: 100%; padding: 0 20px } .input-item-date input[type=date]::-webkit-calendar-picker-indicator { -webkit-filter: invert(0%); filter: invert(0%) } .ltn__service-form-margin { margin-top: -160px } @media (min-width: 1200px) and (max-width:1599px) { .ltn__service-form-box { padding:0 } .ltn__service-form-box .input-item { max-width: 200px } } .get-a-quote-wrap { padding: 40px 50px 50px; border: 2px solid; border-color: var(--border-color-1) } .get-a-quote-form .btn-wrapper { padding: 0 40px } .get-a-quote-form input::-webkit-input-placeholder { color: var(--ltn__color-1) } .get-a-quote-form input::-moz-placeholder { color: var(--ltn__color-1) } .get-a-quote-form input:-ms-input-placeholder { color: var(--ltn__color-1) } .get-a-quote-form input:-moz-placeholder { color: var(--ltn__color-1) } .input-item .nice-select { border: 2px solid; border-color: var(--border-color-1); border-radius: 0; font-size: 14px; font-weight: 400; height: 65px; line-height: 60px; width: 100%; margin-bottom: 30px } .input-item .nice-select::before { content: "\f063"; font-size: 14px; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Font Awesome\ 5 Free'; font-weight: 900; color: var(--ltn__secondary-color) } .ltn__car-dealer-form-tab .ltn__tab-menu .active,.ltn__our-history-inner .ltn__tab-menu .active { border-color: var(--ltn__secondary-color); background-color: var(--ltn__secondary-color); color: var(--white) } .ltn__car-dealer-form-tab .tab-content { padding: 40px; background-color: var(--section-bg-1) } .ltn__car-dealer-form-box .ltn__car-dealer-form-item { position: relative; display: inline-block; margin-bottom: 30px } .ltn__car-dealer-form-box .nice-select { margin: 0; height: 60px; line-height: 58px; padding-right: 40px; padding-left: 20px; border-radius: 0; min-width: 200px; font-size: 16px; font-weight: 500; width: 100% } .ltn__car-dealer-form-box .nice-select .list { width: 100%; z-index: 99; max-height: 250px; overflow-y: auto } .ltn__car-dealer-form-box .ltn__custom-icon .nice-select::before { content: "\f063"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; margin-right: 10px; color: var(--ltn__secondary-color) } .ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-car .nice-select::before { content: "\f1b9" } .ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-meter .nice-select::before { content: "\f3fd" } .ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-ring .nice-select::before { content: "\f1cd" } .ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-cog .nice-select::before { content: "\f013" } .ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-transgender .nice-select::before { content: "\f225" } .car-price-filter-range .price_filter .ui-widget-content { height: 8px; background-color: var(--white); margin-top: 20px } .car-price-filter-range .price_filter .ui-state-default:last-child::after { position: absolute; content: ""; top: -30px; left: -5px; background-image: url(../img/icons/car.png); z-index: 99; width: 125px; height: 50px; background-repeat: no-repeat } .ltn__video-popup-margin-2 { margin-top: -295px } .ltn__brand-logo-item { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin: 10px 0 } .ltn__brand-logo-item img { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__brand-logo-item:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1 } .ltn__brand-logo-item:hover img,.ltn__img-slide-item-2:hover img,.ltn__img-slide-item-3:hover img,.ltn__img-slide-item-4:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .ltn__progress-bar-item { overflow: hidden; margin-bottom: 10px } .ltn__progress-bar-item>p { font-size: 18px; font-weight: 700; margin: 0 } .ltn__progress-bar-item .progress { background: #ebeeee; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-weight: 400; height: 3px; letter-spacing: 1px; margin-bottom: 15px; margin-top: 12px; overflow: visible; text-transform: uppercase; position: relative } .ltn__progress-bar-item .progress-bar { background-color: var(--ltn__secondary-color); -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--ltn__secondary-color); font-size: 11px; overflow: visible; height: 7px; margin-top: -2px; text-align: left; position: relative } .ltn__progress-bar-item .progress-bar span { border-radius: 15px; display: inline-block; height: 25px; letter-spacing: 0; line-height: 24px; min-width: 25px; padding: 0 3px; position: absolute; right: 0; text-align: center; bottom: 15px; font-size: 18px; font-weight: 700; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .ltn__our-journey-wrap>ul>li ul,.ltn__our-journey-wrap>ul>li::before { position: absolute; -webkit-transition: .3s; -o-transition: .3s; visibility: hidden; opacity: 0 } .ltn__our-journey-wrap ul { margin-left: 0; padding-left: 0 } .ltn__our-journey-wrap>ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; position: relative } .ltn__our-journey-wrap>ul::before { position: absolute; content: ""; background-color: #d13724; height: 4px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ltn__our-journey-wrap>ul li { list-style: none; margin: 0 } .ltn__our-journey-wrap>ul>li { display: inline-block; position: relative; margin: 0 10px } .ltn__our-journey-wrap>ul>li:last-child ul,.ltn__our-journey-wrap>ul>li:nth-last-child(2) ul { left: auto; right: 0 } .ltn__our-journey-wrap>ul>li::before { content: ""; top: 15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; left: 0; right: 0; margin: auto; transition: .3s } .ltn__our-journey-wrap>ul>li ul { bottom: 100%; transition: .3s } .ltn__our-journey-wrap>ul>li.active .ltn__journey-icon,.ltn__our-journey-wrap>ul>li:hover .ltn__journey-icon { background-color: var(--white); color: var(--ltn__secondary-color) } .ltn__our-journey-wrap>ul>li.active ul,.ltn__our-journey-wrap>ul>li.active::before,.ltn__our-journey-wrap>ul>li:hover ul,.ltn__our-journey-wrap>ul>li:hover::before { opacity: 1; visibility: visible } .ltn__our-journey-wrap .ltn__journey-icon { font-size: 20px; font-weight: 700; padding: 40px; background-color: var(--ltn__primary-color); color: var(--white); display: block; margin: 30px 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2); text-align: center } .ltn__journey-history-item-info { background-color: var(--white); padding: 20px; display: block; width: 550px; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2); position: relative } .ltn__journey-history-item-info .ltn__journey-history-img { float: left; margin-right: 20px; max-width: 150px } .footer-address ul li .footer-address-info,.gt-event-style-3.gt-overflow-hidden,.ltn__journey-history-item-info .ltn__journey-history-info,.rs-cta.style1 { overflow: hidden } .ltn__journey-history-item-info h3 { margin-bottom: 5px } @media (min-width: 992px) and (max-width:1199px) { .ltn__blog-list-wrap .ltn__blog-title { font-size:26px } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote { font-size: 24px; padding: 0 0 0 80px } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before { font-size: 50px } .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta { padding-left: 80px } .ltn__blog-item-6 .ltn__blog-title { font-size: 20px } .ltn-author-introducing .author-img { max-width: 120px; margin-right: 30px } .about-us-info-devide { display: block } .about-us-info-devide .list-item-with-icon { margin-left: 0 } .list-item-with-icon { margin-top: 30px; margin-bottom: 40px } .ltn__journey-history-item-info { width: 500px } } @media (max-width: 1199px) { .ltn__counterup-item-3 h1 { font-size:56px } .ltn__404-area-1 .error-404-title { font-size: 200px } .ltn__404-area-1 h2 { font-size: 30px } .ltn__service-item-2 { padding: 0 30px 30px } .ltn__service-form-box>ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .get-a-quote-form .btn-wrapper { padding: 0 } .ltn__our-journey-wrap .ltn__journey-icon { font-size: 18px; padding: 20px } } @media (max-width: 991px) { .ltn__countdown-3 .single h1 { font-size:20px; height: 50px; width: 50px; line-height: 50px } .ltn__call-to-action-4 .call-to-action-inner-4 p,.ltn__countdown-3 .single p { font-size: 14px } .ltn__404-area-1 h2,.ltn__blog-title,.ltn__testimonial-item-2 p,.ltn__testimonial-item-5 .ltn__testimonial-info p { font-size: 20px } .ltn__blog-item-3 .ltn__blog-brief { width: calc(100% - 30px) } .ltn__blog-list-wrap .ltn__blog-title { font-size: 26px } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote { font-size: 24px; padding: 0 } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before { font-size: 30px; display: block; position: relative; margin-bottom: 10px } .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta { padding-left: 0 } .ltn__blog-tags-social-media .ltn__social-media { text-align: left!important; margin-top: 30px } .ltn__testimonial-item-2,.ltn__testimonial-slider-4 { max-width: 70% } .ltn__testimonial-item-2 .ltn__testimoni-info h4 { font-size: 24px } .quote-animated-image { display: none!important } .ltn__testimoni-author-ratting { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse } .ltn__testimonial-item-7 .ltn__testimoni-info p { font-size: 16px } .ltn__counterup-item h1 { font-size: 36px } .coming-soon-inner,.ltn__404-area-2 .error-404-inner { padding: 80px 0 110px } .coming-soon-inner p br,.error-404-inner p br,.ltn__call-to-4-img-1,.ltn__call-to-4-img-2 { display: none } .error-404-title { font-size: 80px } .ltn__404-area-1 .error-404-title { font-size: 100px } .about-img-left { margin-right: 0; margin-bottom: 40px } .about-img-right { margin-left: 0; margin-bottom: 40px } .about-us-info-wrap .ltn__video-play-btn { position: inherit; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit } .ltn__call-to-action-4 .call-to-action-inner-4 .h1 { font-size: 30px } .call-to-action-inner-6 { padding: 50px 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .call-to-action-inner-6 .btn { margin-top: 30px } .ltn__journey-history-item-info { width: 350px } .ltn__journey-history-item-info .ltn__journey-history-img { float: none; margin-bottom: 20px; max-width: 100px } } .ltn__google-map-locations-area #gmap { height: 90vh } .ltn__google-map-locations-area #gmap .gm-ui-hover-effect { top: 0!important; right: 0!important } .ltn__google-map-locations-area #gmap .gm-style .gm-style-iw-c { padding: 25px 8px 5px 25px!important; border-radius: 0 } .ltn__map-item { padding: 30px 25px 35px; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4) } .ltn__map-item .ltn__location-name { border-bottom: 2px solid var(--border-color-1); margin-bottom: 25px; color: var(--ltn__secondary-color); font-size: 20px } .ltn__map-item .ltn__location-single-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 600 } .ltn__map-item .ltn__location-single-info i { margin-right: 10px; background: var(--ltn__secondary-color); color: var(--white); width: 40px; height: 40px; line-height: 40px; text-align: center } .ltn__map-item .btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .ltn__map-item .btn { padding: 10px; font-size: 13px; margin-right: 10px } .apartments-plan-img,.apartments-plan-info,.ltn__google-map-locations-list-area .ltn__map-item { margin-bottom: 50px } .ltn__location-search h3 { float: left; margin-right: 30px; margin-bottom: 0; line-height: 63px; color: var(--white) } .ltn__location-search .input-item { float: left; width: 300px } .ltn__location-search form { padding: 50px 50px 20px; background-color: var(--ltn__secondary-color) } .ltn__state-location-title { padding: 15px 30px; background-color: var(--ltn__secondary-color); color: var(--white); margin: 50px 0 } .ltn__contact-feature-icon,.ltn__history-icon,.ltn__map-product-item .ltn__map-product-price,.ltn__our-history-inner-2 .ltn__tab-menu .active { color: var(--ltn__secondary-color) } .ltn__map-product-item { max-width: 260px } .ltn__map-product-item img { max-width: 100%; margin-bottom: 25px } .ltn__map-product-item .ltn__map-product-title { margin-bottom: 10px; font-size: 16px; font-weight: 600 } .ltn__map-product-item .ltn__map-product-info,.ltn__map-product-item .ltn__map-product-location,.testimonial4 .font-weight-medium { font-weight: 500 } .ltn__map-product-item .ltn__map-product-location i { color: var(--ltn__secondary-color); margin-right: 2px } .ltn__map-product-item .ltn__map-product-info span,.video-btn i { margin-right: 10px } .ltn__team-details-member-info .team-details-img { margin-bottom: 30px; max-width: 350px } .ltn__team-details-member-about ul li { list-style: none; display: block } .ltn__team-details-member-about ul li strong { min-width: 120px; display: inline-block } .ltn__our-history-inner .ltn__tab-menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .ltn__our-history-inner .ltn__tab-menu .nav::before { position: absolute; content: ""; left: 0; top: 50%; width: 100%; height: 2px; background-color: var(--white-6); z-index: -1 } .ltn__our-history-inner .ltn__tab-menu a { background-color: var(--white); border: 2px solid var(--white-6) } .ltn__history-icon { position: absolute; bottom: 40px; right: 0; font-size: 160px; line-height: 1 } .footer-menu-widget-2-column ul,.ltn__history-icon i { margin: 0 } .ltn__our-history-inner-2 .ltn__tab-menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative } .article-item--no-border:before,.ltn__our-history-inner-2 .ltn__tab-menu .nav::before { display: none } .ltn__our-history-inner-2 .ltn__tab-menu a { background-color: transparent; border: 2px solid transparent; font-size: 22px; padding: 5px 20px } .ltn__our-history-inner-2 .ltn__tab-menu .active { border-color: transparent; background-color: transparent } .ltn__appointment-inner .alert { border-radius: 0; padding: 20px 30px; margin-bottom: 30px } .ltn__appointment-inner .alert-danger { font-weight: 600; font-size: 14px } .ltn__checkout-single-content h5 { background-color: var(--section-bg-1); padding: 20px 30px } .ltn__checkout-single-content-info { padding: 30px; border: 1px solid var(--border-color-1) } .ltn__checkout-payment-method .card { padding: 20px; border-radius: 0 } .ltn__checkout-payment-method .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .ltn__checkout-payment-method .card-body { padding: 15px 30px; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); margin-top: 15px; position: relative } .ltn__checkout-payment-method .card-body::before { position: absolute; top: -3px; left: 25px; width: 10px; height: 10px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff } .ltn__checkout-payment-method .ltn__card-title { position: relative; padding-left: 30px; margin-bottom: 0 } .ltn__checkout-payment-method .ltn__card-title::before { position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: 2px; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #333; border-radius: 50% } .ltn__checkout-payment-method .ltn__card-title::after { position: absolute; top: 50%; left: 2px; width: 11px; height: 11px; margin-top: 2px; content: ""; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; border-radius: 50%; background-color: #333 } .ltn__myaccount-tab-content-inner>p,.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item:nth-child(odd) { background-color: var(--section-bg-1) } .ltn__checkout-payment-method .ltn__card-title img { height: 45px; margin-left: 10px } .btn-opacity-6:hover,.btn-opacity-7:hover,.btn-opacity-8:hover,.btn-opacity-9:hover,.edu2_cur_wrap:hover>figure figcaption a,.featured-imagebox-portfolio.style2:hover .featured-thumbnail:before,.featured-imagebox-portfolio:hover .ttm-box-view-overlay,.featured-imagebox-team.style2:hover .ttm-box-view-overlay,.kf_intro_des:hover figure figcaption a,.ltn__checkout-payment-method .ltn__card-title[aria-expanded=true]::after { opacity: 1 } .footer-address ul li .footer-address-info p,.ltn__checkout-payment-method p:last-child,.ltn__copyright-design p { margin-bottom: 0 } .ltn__tab-menu-list .nav { display: block; margin-right: 30px; border: 1px solid #eee } .ltn__tab-menu-list .nav a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 20px; border-bottom: 1px solid var(--border-color-1) } .ltn__tab-menu-list .nav a:last-child { border-bottom: 0 } .ltn__tab-menu-list .nav a i { font-size: 14px } .ltn__tab-menu-list .nav a.active { background-color: var(--section-bg-2); color: var(--white) } .ltn__myaccount-tab-content-inner>p { padding: 20px } .ltn__time-schedule-widget { padding: 50px 40px; margin-top: -10px } .ltn__time-schedule-widget h3 { border-bottom: 2px solid rgba(255,255,255,.1); padding-bottom: 20px; margin-bottom: 25px } .apartments-info-list>ul,.ltn__time-schedule-widget ul { padding: 0; margin: 0 } .apartments-info-list>ul li a,.btn-full-width,.carousel-item-next,.carousel-item-prev,.carousel-item.active,.featured-imagebox-team ul.social-icons li,.ltn__time-schedule-widget ul li,article,figcaption { display: block } .apartments-info-list>ul li a span,.f-right,.footer-menu,.kf_edu2_tab_des .customNavigation .btn.next,.ltn__time-schedule-widget ul li span { float: right } .ltn__contact-feature-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 30px 20px; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); margin-bottom: 30px; background-color: var(--white) } .ltn__contact-feature-icon { font-size: 50px; margin-right: 20px; line-height: 1; max-width: 50px } .ltn__contact-feature-info .h6 { color: var(--ltn__color-3) } .ltn__newsletter-close:hover,.ltn__search-by-place-item .search-by-place-info .search-by-place-btn a { color: var(--ltn__secondary-color) } @media (max-width: 1400px) { .shop-details-info .product-price { font-size:36px } .shop-details-info .cart-plus-minus { width: 130px } .shop-details-info .ltn__product-details-menu-2 .btn { padding: 17px 15px } .ltn__contact-feature-icon { font-size: 40px; margin-right: 15px } .ltn__contact-feature-info .h6 { font-size: 14px } .ltn__contact-feature-info .h2 { font-size: 18px } } .ltn__img-slide-item-2>a,.ltn__img-slide-item-3>a,.ltn__img-slide-item-4>a { display: block; overflow: hidden } #myVideo { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; height: 100% } .video-background iframe,.video-foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .ltn__video-play-btn { margin-top: 0; width: 60px; height: 60px; line-height: 65px; display: inline-block; text-align: center; border-radius: 100%; -webkit-box-shadow: var(--ltn__box-shadow-2); box-shadow: var(--ltn__box-shadow-2) } .ltn__search-by-place-item,.ltn__upcoming-project-item { -webkit-box-shadow: var(--ltn__box-shadow-4); margin-bottom: 50px } .ltn__youtube-video-background { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; pointer-events: none; z-index: 1 } .ltn__newsletter-popup-2 .modal-header .close { background-color: var(--section-bg-1); color: var(--ltn__heading-color); border-radius: 0 0 0 20px } .ltn__newletter-popup-active { max-width: 850px; background: #fff; top: 50%!important; margin-top: -179px; position: fixed!important; display: none } .ltn__newletter-popup { position: relative; padding: 30px } .footer-social .widget-title,.footer-widget .ltn__blog-meta li,.ltn__footer-2 .footer-widget .ltn__blog-meta li,.ltn__newletter-popup .subscribe-bottom,.ltn__newletter-popup p { font-size: 14px } .ltn__newsletter-close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; cursor: pointer; text-align: center; z-index: 999 } .ltn__newsletter-close-btn-left { right: auto; left: 0 } .kf_edu2_tab_des .item,.ltn__newsletter-popup-info { padding: 15px } .text-center .ltn__newsletter-popup-info input[type=email] { text-align: center } .ltn__newletter-popup-3,.ltn__newletter-popup-4,.slider-step-the-way .owl-item { padding: 0 } .edu2_cur_des,.ltn__newletter-popup-3 .ltn__newsletter-popup-info { padding: 30px } .ltn__newletter-popup-4 .ltn__newsletter-popup-info { padding: 30px 30px 30px 10px } .apartments-plan-info { padding: 70px } .apartments-info-list>ul li { list-style: none; margin-top: 10px; display: block; font-size: 16px; font-weight: 600; position: relative } .apartments-info-list>ul li::before { position: absolute; content: ""; width: 100%; height: 1px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 1px dashed; border-color: var(--section-bg-5); z-index: 1 } .apartments-info-list>ul li label { padding-right: 10px; background-color: var(--white); position: relative; z-index: 2 } .apartments-info-list>ul li span { float: right; padding-left: 10px; background-color: var(--white); position: relative; z-index: 2 } .apartments-info-list-color>ul li::before { border-color: var(--section-bg-5) } .section-bg-1 .apartments-info-list-color>ul li::before { border-color: var(--ltn__color-1) } .ltn__upcoming-project-item { padding: 30px 45px 30px 30px; box-shadow: var(--ltn__box-shadow-4); margin-top: 10px; background-color: var(--white) } .ltn__my-properties-table,.ltn__upcoming-project-item .ltn__upcoming-project-img,.rs-about.style1 .notice-bord.style1 { margin-top: 0 } .ltn__upcoming-project-item .ltn__upcoming-project-info { padding: 50px 20px } .ltn__search-by-place-item { padding: 15px; box-shadow: var(--ltn__box-shadow-4); background-color: var(--white) } .ltn__search-by-place-item .search-by-place-img { position: relative; width: 88%; margin: .5em auto } .ltn__search-by-place-item .search-by-place-img .search-by-place-badge { position: absolute; top: 0; right: 15px } .ltn__search-by-place-item .search-by-place-img .search-by-place-badge ul { padding: 0; margin: 0 } .ltn__search-by-place-item .search-by-place-img .search-by-place-badge ul li { display: inline-block; background-color: var(--white); padding: 6px 15px 2px; border-radius: 25px; -webkit-box-shadow: var(--ltn__box-shadow-4); box-shadow: var(--ltn__box-shadow-4); font-size: 13px; text-transform: uppercase; color: #333; font-weight: 600 } .ltn__search-by-place-item .search-by-place-info { padding: 20px 25px 10px } .ltn__search-by-place-item .search-by-place-info h6 { font-family: var(--ltn__body-font); color: var(--ltn__color-5); font-weight: 400 } .footer-menu-widget-2-column ul li,.ltn__search-by-place-item .search-by-place-info h4 { font-weight: 600 } .ltn__footer-color-1 .footer-menu ul li,.ltn__footer-color-1 .ltn__footer-blog-item .ltn__blog-meta li,.ltn__footer-color-1 p { color: var(--ltn__color-2) } .ltn__search-by-place-item .search-by-place-brief { font-size: 14px; margin-top: 10px } .ltn__select-availability-table ul { padding: 0 0 15px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .ltn__select-availability-table ul li { list-style: none; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center } .ltn__select-availability-table .ltn__select-availability-table-head { border-bottom: 2px solid; border-color: var(--border-color-1) } .ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item { padding: 10px 0 25px; margin: 0; text-align: center } .ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item li { display: block; list-style: none } .footer-address ul li:after,.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item li::after { display: block; clear: both; content: "" } .footer-menu-widget-2-column .footer-menu,.ltn__select-availability-table-responsive .ltn__select-availability-table-row-responsive-item li span { width: 50%; float: left } .ltn__neighbour-tab-wrap .ltn__tab-menu-4 { position: absolute; z-index: 2; bottom: 3em; left: 20px } .title.sdg { color: #1aa651 } #lightcase-overlay { z-index: 9999; background: var(--section-bg-2) } .ltn__my-properties-table .table thead th { border-bottom: 1px solid var(--border-color-1)!important } .featured-icon-box .featured-content,.featured-imagebox-portfolio .ttm-media-link a:hover,.ltn__my-properties-table .table tr:nth-child(2n),.ltn__my-properties-table .table tr:nth-child(odd),.ltn__my-properties-table tr,.section .accordion .card-body { background-color: transparent } .ltn__my-properties-table td { vertical-align: middle; padding-top: 30px; padding-bottom: 30px } .ltn__my-properties-img { width: 180px } .footer-menu ul,.ltn__copyright-menu ul,.ltn__footer-timeline-widget ul { margin: 0; padding: 0 } .footer-widget .footer-title { font-size: 22px } .ltn__footer-2 .footer-about-widget .footer-logo { position: relative; top: -20px; margin-bottom: 10px } .ltn__footer-2 .footer-menu ul li { margin-bottom: 30px; font-weight: 600 } .btn-blue,.btn-blue:hover,.btn-effect-4:hover,.btn-effect-5:hover,.ltn__footer-color-1 .get-support-info h4,.ltn__footer-color-1 .ltn__copyright-menu ul li,.ltn__footer-color-1 .ltn__footer-timeline-widget-1 li:last-child span,.ltn__footer-color-1 p a { color: var(--white) } .ltn__footer-color-1 .ltn__footer-timeline-widget-1 li span { color: var(--ltn__color-1) } .ltn__footer-color-1 .ltn__footer-blog-item { border-color: var(--border-color-6) } .ltn__footer-color-1 .get-support-info h6 { color: var(--ltn__color-4) } .footer-menu ul li a::before,.ltn__footer-color-2 .ltn__footer-timeline-widget-1 li:last-child span { color: var(--ltn__secondary-color) } .ltn__footer-color-2 .ltn__footer-timeline-widget-1 li { border-color: transparent } .ltn__footer-color-2 .ltn__footer-blog-item { border-color: var(--border-color-7) } .ltn__footer-color-2 .ltn__copyright-area { background-color: var(--white-4) } .footer-top-area { padding-top: 92px; padding-bottom: 20px } .footer-widget { margin-bottom: 5px } .footer-logo { position: relative; top: -20px } .footer-title { font-size: 20px; margin-bottom: 25px } .footer-address ul li { list-style: none; display: block; margin-top: 8px } .footer-address ul li .footer-address-icon { float: left; margin-right: 15px } .footer-menu ul { font-size: 12px } .footer-menu ul li { list-style: none; margin-top: 8px; margin-bottom: 15px; position: relative } .footer-menu ul li a::before { position: absolute; content: "//"; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: inherit; -o-transition: inherit; transition: inherit; opacity: 0; visibility: hidden; margin-left: -20px } .footer-menu ul li:hover a::before { opacity: 1; visibility: visible; margin-left: 0 } .footer-menu ul ul { margin-left: 15px } .footer-newsletter input[type=email] { margin: 0; padding-right: 50px } .footer-newsletter .btn-wrapper { position: absolute; top: 0; right: 0; margin: 0; height: 100% } .footer-newsletter .btn-wrapper .btn { padding: 0 18px; height: 100% } .ltn__footer-timeline-widget { padding: 50px 50px 40px; border-bottom: 5px solid; border-color: var(--border-color-5); margin-top: -92px } .ltn__footer-timeline-widget .footer-title { font-size: 36px } .ltn__footer-timeline-widget ul li { list-style: none; font-weight: 700; border-bottom: 1px solid; border-color: var(--border-color-6); padding-bottom: 10px; margin-top: 10px } .ltn__footer-timeline-widget ul li:last-child { border-bottom: 0; padding-bottom: 0 } .ltn__footer-timeline-widget ul li:last-child span,.video-play-btn .play-text { font-weight: 700 } .ltn__footer-timeline-widget ul li span { float: right; font-weight: 600 } .ltn__footer-blog-item { border-bottom: 1px solid; border-color: var(--border-color-6); margin-bottom: 20px } .ltn__footer-blog-item:last-child { border-bottom: 0; margin-bottom: 0 } .ltn__footer-blog-item .ltn__blog-meta { margin-bottom: 5px } .ltn__footer-blog-item .ltn__blog-meta i { color: var(--ltn__secondary-color); margin-right: 5px } .ltn__footer-blog-item .ltn__blog-title { font-size: 20px } .ltn__copyright-area { padding-top: 25px; padding-bottom: 25px } .edu2_event_des.text-right .post-option,.ltn__copyright-area .payment-method,.text-right { text-align: right } .ltn__copyright-design h4,.ltn__copyright-design h6 { font-size: 14px; font-family: var(--ltn__body-font); font-weight: 700 } .ltn__copyright-menu ul li { list-style: none; display: inline-block; margin-top: 0; margin-right: 20px; font-size: 14px; font-weight: 600 } .btn:last-child,.gt-event-style-3 .gt-location ul li:last-child,.gt-event-style-3 .gt-venue ul li:last-child,.ltn__copyright-menu ul li:last-child { margin-right: 0 } .btn-paginacao ul li:last-child,.cmt-boxes-spacing-0px,.cmt-boxes-spacing-5px,.footer-top .footer-box .footer-box-content p,.ltn__copyright-menu ul li a,.margin-0,.row.cmt-boxes-spacing-0px,.row.cmt-boxes-spacing-5px { margin: 0 } .slider-sec-college-home .owl-item,.testimonial4 .owl-carousel .owl-item { padding: 0!important } @media (max-width: 575px) { .header-search-1-form { width:270px } .ltn__section-title-2 .section-title,.section-title,.site-logo a { font-size: 24px } .site-logo a i { font-size: 20px } .ltn__header-1 .ltn__header-middle-area>.container>.row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .ltn__header-1 .site-logo,.ltn__header-7 .site-logo { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ltn__header-1 .ltn__header-options { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px } .ltn__header-7 .ltn__header-options { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px } .ltn__header-7 .ltn__header-middle-area>.container-fluid>.row .col,.ltn__header-7 .ltn__header-middle-area>.container>.row .col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .ltn__header-3 .mini-cart-icon-2>a { min-width: auto } .ltn__header-3 .mini-cart-icon-2>a h6 { display: none } .ltn__service-form-1 .ltn__service-form-brief { padding-left: 20px } .ltn__journey-history-item-info { width: 250px } .ltn__journey-history-item-info .ltn__journey-history-img { float: none; margin-bottom: 20px } .ltn__footer-timeline-widget { padding: 50px 25px 40px } .footer-menu-widget-2-column .footer-menu { width: 100% } .footer-menu-widget-2-column .footer-menu:nth-child(odd) { padding-left: 0 } .ltn__copyright-menu { margin-top: 25px } } .pre-wrap { position: fixed; content: ''; -webkit-transform: translate(-100%,-240%); -ms-transform: translate(-100%,-240%); transform: translate(-100%,-240%); font-size: 62px } .preloader-inner { position: fixed; left: 0; top: 0; z-index: 9999999; background-color: #071c1f; width: 100%; height: 100%; 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 } .preloader-inner .cancel-preloader { position: absolute; bottom: 30px; right: 30px } .preloader-inner .cancel-preloader a { background-color: var(--white); font-weight: 600; text-transform: capitalize; color: var(--ltn__primary-color); width: 200px; height: 50px; text-align: center; line-height: 50px; border-radius: 30px; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .spinner { margin: 120px auto; width: 60px; height: 60px; position: relative; text-align: center; -webkit-animation: 2s linear infinite sk-rotate; animation: 2s linear infinite sk-rotate } .dot1,.dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: var(--ltn__secondary-color); border-radius: 100%; -webkit-animation: 2s ease-in-out infinite sk-bounce; animation: 2s ease-in-out infinite sk-bounce } .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @-webkit-keyframes sk-bounce { 0%,100% { -webkit-transform: scale(0) } 50% { -webkit-transform: scale(1) } } @keyframes sk-bounce { 0%,100% { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } .btn-wrapper { display: block; margin-top: 30px } .btn { border-radius: 0; display: inline-block; font-size: 16px; font-weight: 400; padding: 17px 40px; text-align: center; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; z-index: 1; margin-right: 15px } .btn-blue { background-color: var(--blue) } .btn-blue:hover { background-color: #f6ba42; color: #333!important } .btn-fushia { background-color: #c62a73!important; color: var(--white); border: 1px solid #c62a73!important } .btn-white,.btn-yellow { color: var(--ltn__primary-color); -webkit-box-shadow: var(--ltn__box-shadow-3) } .btn-fushia:hover { background-color: #ff5a3c; color: var(--white); color: #333!important } .apply { font-size: 1em!important; font-weight: 600!important; margin-left: 2em; padding: 5px 20px!important } .btn.btn-effect-3.btn-blue::after { background: #f6ba42 } .theme-btn-3 { background-color: transparent; border: 2px solid var(--border-color-9) } .btn-white { background-color: var(--white); box-shadow: var(--ltn__box-shadow-3) } .btn-yellow { background-color: var(--yellow); box-shadow: var(--ltn__box-shadow-3) } .btn-black { background-color: var(--black); color: var(--white) } .btn-transparent { background-color: transparent; -webkit-box-shadow: var(--ltn__box-shadow-3); box-shadow: var(--ltn__box-shadow-3); border-color: #ddd } .btn-round { border-radius: 50px } .btn-opacity-6 { opacity: .6 } #commands label:hover,.btn-opacity-8 { opacity: .8 } .btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .btn-effect-1:after,.btn-effect-2:after { width: 0%; height: 100%; top: 0; right: 0; background: var(--white) } .btn-effect-3:after { width: 0%; height: 100%; top: 0; left: 0; background: #cc2071 } .btn.btn-effect-3.btn-white:hover { border: 1px solid #fff } .btn-effect-4:after { width: 0%; height: 100%; top: 0; left: 0; color: var(--white); background: #d8d7d9 } .btn-effect-4:hover::after { width: 100%; background: #c62a73!important; color: var(--white) } .btn-effect-5:after { width: 0%; height: 100%; top: 0; left: 0; background: var(--ltn__secondary-color) } .btn-border { border: 2px solid var(--border-color-10); -webkit-box-shadow: none; box-shadow: none } @media (min-width: 768px) and (max-width:991px) { .shoping-cart-table td { padding:20px 10px } .cart-product-image img { max-width: 80px } .cart-product-info h4 { font-size: 18px } .btn { padding: 12px 25px } [type=submit].btn { padding: 15px 30px } } @media only screen and (max-width: 767px) { .mobile-none { display:none } .mobile-show { display: block } .btn { padding: 10px 20px; font-size: 14px } [type=submit].btn { padding: 12px 30px } } .block--discover { padding: 2.5rem 0 } @media (min-width: 768px) { .block--discover { padding-bottom:3.75rem; padding-top: 1.75rem } } .block--discover:not(:last-child) { margin-bottom: 0 } .block--discover__title { font-weight: 400; font-size: 1.75rem; color: #000; line-height: 1.21; margin-bottom: 1.25rem } .block--discover__news-title { border-top: 3px solid #cdd7dc; padding: 1.25rem 0 .625rem; text-align: center } @media (min-width: 576px) { .block--discover__title { font-size:2.375rem; line-height: 1.1; margin-bottom: 1.875rem } .block--discover__news-title { border: 0; padding: 0; text-align: left } } .block--discover__news-link { font-size: 1.125rem } .block--discover p.block--discover__news-link a { font-weight: 400 } .block--discover .icon-feature { margin-bottom: 1.875rem; margin-top: 1.25rem } #slider,.block--discover__social { text-align: center } @media (max-width: 767.98px) { .block--discover .card-body--abs { background:#e6ebed } .block--discover__social li { display: block; margin-right: 0 } } .block--discover__social .icon { padding-right: .3125rem; position: relative; top: -2px; vertical-align: middle } .block--discover__social .icon:before { font-size: 1.875rem } .block--discover__social .icon--instagram:before { color: #e1306c } .block--discover__social .icon--twitter:before { color: #1da1f2 } .block--discover__social .icon--youtube:before { color: red } .block--discover-icons { padding: 2.5rem 0 } @media (min-width: 768px) { .block--discover .icon-feature { margin-bottom:1.25rem } .block--discover__social li:not(:last-child) { margin-right: 2.5rem } .block--discover-icons { padding-bottom: 3.75rem; padding-top: 3.75rem } } .block--discover-icons:not(:last-child),.card.article-item--no-mb,.featured-icon-box .ttm-icon,.kf_intro_des figure,.rs-about.style1 .notice-bord.style1 li:last-child,.single-fun-fact h3 { margin-bottom: 0 } .block--discover-icons .icon-feature { margin-bottom: 1.875rem; margin-top: 1.25rem } .container-auto { width: 100%; margin: 0 auto } .card { border-radius: 0; overflow: hidden } .article-item { display: block; position: relative; width: 100%; height: inherit } .article-item:before { content: ''; display: block; height: 4px; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; background: rgba(0,0,0,.2) } .article-item--mb,.article-item--mb.card { margin-bottom: 2.5rem } .article-item>a:hover+.card-body .article-item__excerpt a,.article-item>a:hover+.card-body .article-item__title a { color: #3b5773; text-decoration: underline } .bg--blue-primary .article-item>a:hover+.card-body .article-item__excerpt a,.bg--blue-primary .article-item>a:hover+.card-body .article-item__title a { color: rgba(255,255,255,.85) } .article-item__date,.gt-event-style-3 .gt-date { font-weight: 600; color: #c62a73; display: block; margin-bottom: .3125rem; text-align: left } .gt-date .fa { padding-right: .5em } .article-item__title a { color: #0a2d50 } .article-item__title a:hover { color: #3b5773; text-decoration: none } .article-item__excerpt { font-weight: 400; margin: 0 } .article-item__excerpt a { font: inherit; padding-left: .25rem } .article-item__taxonomies,.card__labelled span,article li,article p { font-style: normal; font-weight: 400 } article li,article p { text-align: left; color: #464e52; line-height: 1.2em } .article-item__excerpt a:hover { text-decoration: none } .article-item__excerpt a:hover .icon:before { color: #3b5773 } .article-item__excerpt .icon:before { font-size: .625rem; color: #0a2d50; left: 2px; position: relative; top: -1px } .article-item__cats { margin-top: .625rem } .article-item__taxonomies { color: #0a2d50; display: block; margin-top: .625rem } .article-item--event .icon--calendar,.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } #fade:hover~#boxclose,.acc-kontainer input,.article-item--event .icon--calendar,.article-item--event .icon--calendar:after,.article-item--event .icon--calendar:before,.badge:empty,.faq-accordion .accordion .accordion-item .accordion-header .accordion-button::after,.gt-event-style-3 .gt-location ul li:last-child:after,.gt-event-style-3 .gt-venue ul li:last-child:after,.icon--calendar:after,.icon--calendar:before,.kf_edu2_tab_des .owl-pagination,.slide-switch,.test:hover~.test2,input { display: none } .card.article-item { display: block; margin-bottom: 1.875rem } .card.article-item>a:hover+.card-img-overlay .article-item__title a { text-decoration: underline } .card .card-img--abs { height: inherit; min-height: 200px } .card .card-body--padded { padding: .9375rem 1.25rem 1.875rem } .card__labelled:hover+.card-body .article-item__title a { color: #3b5773; text-decoration: underline } .card__labelled span { font-size: .875rem; bottom: 0; color: #fff; display: inline-block; left: 0; padding: .5rem .6rem .3rem; position: absolute } .card-img-overlay { background: rgba(10,45,80,.8); top: auto } @media (min-width: 768px) { .block--discover-icons .icon-feature { margin-bottom:1.25rem } .card .card-body--abs { background: #fff; bottom: 2.5rem; left: 1.25rem; position: absolute; width: 50%; box-shadow: 1px 1px 12px #8e8c8c } .card-img-overlay h3 { font-style: normal; font-weight: 400; font-size: 1.5rem; color: #000; line-height: 1.25; margin-bottom: 1.25rem } } @media (min-width: 768px) and (min-width:576px) { .card-img-overlay h3 { font-size:1.875rem; line-height: 1.26 } } @media (min-width: 992px) { .card-img-overlay h3 { font-style:normal; font-weight: 400; font-size: 1.75rem; color: #000; line-height: 1.21; margin-bottom: 1.25rem } } @media (min-width: 992px) and (min-width:576px) { .card-img-overlay h3 { font-size:2.375rem; line-height: 1.1; margin-bottom: 1.875rem } } .section--grey .card-body,.section--white .card-body { padding: 1.25rem } .bg--grey-02,.bg--grey-rabbit,.section--white .card-body { background-color: #e6ebed } .article-item__thumb { width: 100%; display: block; position: relative } .article-item__thumb:before { content: ''; display: block; height: 4px; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; background: rgba(0,0,0,.2) } .article-item__thumb .card-img-label { font-size: 1rem; background: #e22319; color: #fff; display: block; left: .625rem; line-height: 1; padding: .625rem .625rem .4375rem; position: absolute; top: 0 } .article-item--event .icon--calendar,.icon--calendar { left: 1.25rem; pointer-events: none; position: absolute; top: 0; z-index: 1 } .small,small { font-size: 82%; font-weight: 400 } .article-item__title,.gt-event-style-3 .gt-title { font-weight: 500; font-size: 18px; line-height: 1.2; color: #0a2d50; margin: 0 0 .3125rem; text-align: left } .rs-cta.style1 .pattern-right { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%) } .rs-cta.style1 .pattern-left { position: absolute; content: ''; left: 20px; bottom: 0 } .rs-shop-part .woocommerce-result-count { font-size: 15px; line-height: 26px; color: #454545; font-weight: 400; margin: 0 } .rs-shop-part .from-control { float: right; font-size: 15px; color: #454545; font-weight: 400; vertical-align: top; padding: 10px; border: 1px solid #ced4da; border-radius: 5px } .rs-shop-part .product-list .image-product .overley i { position: absolute; bottom: 150px; right: 13px; background: 0 0; opacity: 0; visibility: hidden; transition: .4s } .rs-shop-part .product-list .image-product .overley i:before { font-size: 30px; color: #fff; font-weight: 400; background: #bb0b0b; border: none; padding: 8px 10px; height: 45px; width: 45px; line-height: 45px; border-radius: 5px } .rs-shop-part .product-list .image-product .onsale { font-size: 13px; color: #fff; font-weight: 700; line-height: 40px; background: #bb0b0b; width: 40px; height: 40px; text-align: center; border-radius: 50%; display: inline-block; position: absolute; top: 13px; right: 13px } .rs-shop-part .product-list .content-desc .loop-product-title { font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 10px; padding-top: 30px } .rs-shop-part .product-list .content-desc .loop-product-title a { color: #0a0a0a } .rs-shop-part .product-list .content-desc .loop-product-title a:hover { color: #bb0b0b } .rs-shop-part .product-list .content-desc .price { font-size: 16px; line-height: 27px; color: #bb0b0b; font-weight: 600; margin: 0 } .rs-shop-part .product-list .content-desc .price del { opacity: .6; padding-right: 10px } .rs-shop-part .product-list:hover .image-product .overley i { opacity: 1; visibility: visible; bottom: 13px } .primary-bd2 { background: #e94d65!important } .rs-vertical-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end } .rs-vertical-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .about-img-wrapper,.about-text-wrapper2 .text-list li,.about-video-wrapper,.faq-funfact-section,.rs-cta .readon2,.rs-cta .sec-title4 { position: relative; z-index: 1 } .secondary-bg2 { background: #043d72!important } .pb-128 { padding-bottom: 128px } .pt-128 { padding-top: 128px } .left-line-v { position: relative; padding-left: 20px; border-left: 5px solid #c62a73; font-size: 2em } .left-line-v .draw-line.start-draw { position: absolute; content: ''; left: 0; top: 3px; width: 4px; height: 0; background: #e94d65; animation: 1.5s forwards start-draw } .sec-title4 .sub-title { color: #f6ba42; font-size: 22px; font-weight: 600; margin-bottom: 14px; line-height: 1.1em; padding-top: 1em } .readon2 { padding: 12px 35px 10px; border-radius: 15px; color: #fff!important; position: relative; display: inline-flex; align-items: center; background: #c62a73; text-align: center; cursor: pointer; font-size: 16px; outline: 0; transition: .3s!important } .readon2 .btn-arrow { position: relative; width: 20px; height: 16px; overflow: hidden; margin-left: 11px } .readon2 .btn-arrow:after,.readon2 .btn-arrow:before { position: absolute; content: "\f114"; font-family: Flaticon; top: 50%; transform: translateY(-50%); color: #fff; transition: .3s } .readon2 .btn-arrow:before,.readon2:hover div:after { right: 1px } .readon2 .btn-arrow:after { right: 22px } .readon2:hover { color: #fff; background: #043d72 } .readon2.hover-light:hover .btn-arrow:after,.readon2.hover-light:hover .btn-arrow:before,.readon2:hover div:after,.readon2:hover div:before { color: #e94d65 } .readon2:hover div:before { right: -20px } .readon2.hover-light:hover { background: #195c9b } .align-items-center { align-items: center!important } .justify-content-center { justify-content: center!important } .position-relative,.slider-step-the-way .owl-controls .owl-nav { position: relative!important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important } .d-flex { display: flex!important } .row.ttm-boxes-spacing-10px { margin: 0; padding: 1em 5px } .ttm-boxes-spacing-10px .ttm-box-col-wrapper { padding-right: 5px; padding-left: 5px; margin: 0 0 10px } .row.ttm-boxes-spacing-10px.style2 { padding: 10px 0 0; margin: 0 -5px } .row.ttm-boxes-spacing-5px { padding: 10px 5px 0; margin: 0 } .ttm-boxes-spacing-5px .ttm-box-col-wrapper { padding-right: 5px; padding-left: 5px; margin-bottom: 10px } .row.ttm-boxes-spacing-5px.style2 { padding: 5px 0 0; margin: 0 -5px } .featured-imagebox-team:hover .featured-thumbnail img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05) } .featured-imagebox-team.style1 .featured-content { text-align: center; position: relative; z-index: 2; margin: -25px 40px 5px; padding: 18px 0 22px; background-color: #fff; border-bottom: 5px solid transparent; -webkit-transition: .5s cubic-bezier(.3,.57,.55,1); transition: .5s cubic-bezier(.3,.57,.55,1) } .featured-imagebox-team .social-icons { position: absolute; top: 0; left: -40px; right: auto; padding: 10px; margin-top: 0; opacity: 0; z-index: 9; background-color: #000; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s } .featured-imagebox-team ul.social-icons a { font-size: 14px; color: #fff; position: relative } .featured-imagebox-team:hover .social-icons { opacity: 1; left: 0 } .featured-imagebox-team .featured-content p.category { margin-bottom: 0; color: inherit } .featured-imagebox-team.style2 .ttm-box-view-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; text-align: center; opacity: 0; transition: top .5s,opacity .5s; background: linear-gradient(to bottom,rgba(4,62,76,0) 0,rgba(38,48,69,.9) 100%) } .featured-imagebox-team.style2 .featured-content { position: absolute; transition-duration: .5s; transform: translateY(130px); color: #fff; text-align: center; top: 0; left: 0; right: 0 } .featured-imagebox-team.style2:hover .featured-content { top: 50px } .featured-imagebox-portfolio .featured-thumbnail { position: relative; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform,-webkit-box-shadow; transition-property: transform,box-shadow,-webkit-transform,-webkit-box-shadow } .featured-imagebox-portfolio.style1:hover .featured-thumbnail { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .featured-imagebox-portfolio .ttm-box-view-overlay { position: absolute; top: 0; opacity: 0; z-index: 1; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s; width: 100%; height: 100%; background-color: rgba(255,255,255,.75) } .featured-imagebox-portfolio .ttm-media-link a { display: inline-block; font-size: 17px; position: absolute; top: 42%; right: 50%; margin-top: -17px; height: 45px; width: 45px; line-height: 45px; border: 1px solid #fff; border-radius: 0; text-align: center; margin-right: 3px; transform: translateX(-20px); -webkit-transition: .5s; transition: .5s } .featured-imagebox-portfolio .ttm-media-link a.ttm_link { transform: translateX(20px); -webkit-transition: 1s; margin-right: -51px } .featured-imagebox-portfolio:hover .ttm-media-link a { -webkit-transform: translate(0); transform: translate(0) } .featured-imagebox-portfolio .featured-content { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: hidden; padding: 15px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); z-index: 2; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; text-align: center } .featured-imagebox-portfolio:hover .featured-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .featured-imagebox-portfolio .category p { margin-bottom: 0; color: #fff; line-height: 1em } .featured-imagebox-portfolio.style2 .featured-thumbnail:before { position: absolute; content: ''; background-color: rgba(4,61,114,.72); left: 0; top: 0; width: 100%; height: 100%; transition: .9s; z-index: 1; opacity: 0 } .featured-title h5 a:hover { color: #ffc95e!important } .featured-content { background-color: #ce4082 } .featured-imagebox-portfolio.style2 .featured-content { position: absolute; bottom: 30px; left: 30px; opacity: 0; width: 84%; z-index: 1; transform: translateY(100%); -webkit-transition: .9s; -moz-transition: .9s; -o-transition: .9s; -ms-transition: .9s; transition: .9s; padding: 23px 25px 24px; text-align: left } .featured-imagebox-portfolio.style2:hover .featured-content { opacity: 1; transform: translateY(0) } .wrapper { max-width: 50rem; width: 100%; margin: 0 auto } .slider { background: #fff; position: relative; overflow: hidden; padding-bottom: 0 } .slide-label { position: absolute; bottom: 3rem; display: block; z-index: 5; height: 1rem; width: 1rem; text-indent: 1rem; overflow: hidden; background: #ff5a3c; border-radius: 50%; cursor: pointer; transition: .25s; margin: 0 auto } .slide-label:first-of-type { left: 5rem } .slide-label:nth-of-type(2) { left: 6.5rem } .slide-label:nth-of-type(3) { left: 8rem } .slide-label:nth-of-type(4) { left: 10.5rem } .slide-label:nth-of-type(5) { left: 12rem } .padded { padding: 1rem 2rem } .slide-content { width: 100%; background: #fff; float: left; margin-right: -100% } .slide-switch:not(:checked)+.slide-label+.slide-content { opacity: 0; transition: opacity .35s; pointer-events: none } .slide-switch:checked+.slide-label+.slide-content { animation: 1s slide } @keyframes slide { 0% { transform: translateX(100%) } 100% { transform: translateX(0) } } .order-last { -ms-flex-order: 13; order: 13 } .rs-about.style1 .notice-bord.style1 .title { background: #e79800; font-size: 20px; text-transform: uppercase; padding: 18px 25px; text-align: center; font-weight: 600; color: #fff; margin-bottom: 10px } .rs-about.style1 .notice-bord.style1 li { position: relative; background: #f4f4f4; margin-bottom: 12px; border-radius: 3px; padding: 22px; padding-left: 0!important; overflow: hidden; margin-top: 0 } .acc-kontainer label:hover,.ltn__tab-menu-3 a:hover { color: #ff5a3c!important } .gt-title a:hover,.ltn__feature-info a:hover,.themetechmount-box-title a:hover { color: #ff5a3c } .rs-about.style1 .notice-bord.style1 li .desc { padding-left: 95px; font-weight: 500 } .rs-about.style1 .about-part { background: #f4f4f4; padding: 30px 10px 70px; margin-top: .6em; display: inline-flex } .rs-about.style1 .about-part .desc { font-size: 18px; line-height: 30px; color: #505050 } .small-text { font-size: 12px; text-transform: uppercase } .b-0 { bottom: 0 } .bg-shadow { background: rgba(76,76,76,0); background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(179,171,171,0)),color-stop(49%,rgba(48,48,48,.37)),color-stop(100%,rgba(19,19,19,.8))); background: linear-gradient(to bottom,rgba(179,171,171,0) 0,rgba(48,48,48,.71) 49%,rgba(19,19,19,.8) 100%) } .top-indicator { right: 0; top: 1rem; bottom: inherit; left: inherit; margin-right: 1rem } .zoom img { transition: .2s linear } .zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-item { position: relative; display: none; align-items: center; width: 100%; @include transition($carousel-transition);backface-visibility: hidden; perspective: 1000px } .carousel-item-next,.carousel-item-prev,.ttm-fid-view-lefticon .ttm-fid-icon-wrapper,.ttm-fid-view-righticon .ttm-fid-icon-wrapper { position: absolute; top: 0 } .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right { transform: translateX(0) } .active.carousel-item-right { transform: translateX(100%) } .active.carousel-item-left { transform: translateX(-100%) } .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 } .card.border-0.rounded-0.text-white.overflow.zoom { height: 12em } .gt-columns.gt-column-3>.gt-col { width: 33%; display: inline-flex; overflow: hidden; } .gt-columns>.gt-col,.gt-event-style-3 { width: 100%; position: relative } .gt-columns>.gt-col>.gt-inner { padding: 0 5px 30px } .gt-event-style-3 .gt-image { position: relative; margin-bottom: 20px } .gt-event-style-3 .gt-image>a,.gt-event-style-3 .gt-image>a:visited { position: relative; height: 100%; width: 100%; display: block } .gt-event-style-3 .gt-image>a:before { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%); display: block; content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; border-radius: 0 } .gt-event-style-3 .gt-image img { width: 100%; display: block; border-radius: 0 } .gt-event-style-3 .gt-content { background: #fff; position: relative; z-index: 1; margin: -80px 20px 0; padding: 20px; border-radius: 0; overflow: hidden; border-top-width: 4px; border-top-style: solid } .gt-event-style-3 .gt-status,.gt-event-style-3 .gt-stock,.gt-event-style-3 .gt-time,.gt-event-style-3 .gt-venue { align-items: center; display: flex } .gt-event-style-3 .gt-title { font-size: 1.12em; line-height: 1.4; font-weight: 700; margin-bottom: 15px } .gt-event-style-3 .gt-details { margin: -5px -10px; width: 100%; display: flex; align-items: center; flex-wrap: wrap } .gt-event-style-3 .gt-details>div { padding: 5px 10px } .gt-event-style-3 .gt-text { margin: 0 0 15px; font-size: .9em; color: #777; line-height: 1.4em } .gt-event-style-3 .gt-category { font-size: .9em; text-transform: uppercase } .gt-event-style-3 .gt-category ul { list-style: none; margin: 0 -5px -10px; padding: 0; display: inline-flex; flex-wrap: wrap; align-items: center } .gt-event-style-3 .gt-category ul li { margin: 0 3px 4px; padding: 4px 15px; border-radius: 15px; font-weight: 500; color: #3e5975; background-color: #fb0 } .gt-event-style-3 .gt-category ul a,.gt-event-style-3 .gt-category ul a:visited { color: #777; display: block; font-size: .8em } .gt-event-style-3 .gt-location ul,.gt-event-style-3 .gt-venue ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap } .gt-event-style-3 .gt-location ul li:after,.gt-event-style-3 .gt-venue ul li:after { content: ',' } .gt-event-style-3 .gt-location ul li a,.gt-event-style-3 .gt-location ul li a:visited,.gt-event-style-3 .gt-price,.gt-event-style-3 .gt-status,.gt-event-style-3 .gt-venue a,.gt-event-style-3 .gt-venue a:visited { color: #777 } .gt-event-style-3 .gt-date,.gt-event-style-3 .gt-location,.gt-event-style-3 .gt-price,.gt-event-style-3 .gt-status,.gt-event-style-3 .gt-stock,.gt-event-style-3 .gt-time,.gt-event-style-3 .gt-venue { font-size: .9em; color: #777; align-items: center; display: flex } .gt-event-style-3 .gt-content,.gt-event-ticket.gt-style-4.gt-active-on::before,.gt-flex-menu,.gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu li .gt-dropdown-menu,.gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu li .gt-dropdown-menu,.gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu li .gt-dropdown-menu,.irs-from::after,.irs-single::after,.irs-to::after,.woocommerce-error,.woocommerce-info,.woocommerce-message { border-top-color: #fb0 } .gt-event-style-3 .gt-image img { position: relative; margin-top: 20px; height: 300px } .wide-post .categories-links { top: auto; bottom: 0 } .categories-links { position: absolute; left: 0; width: 100%; top: -10px; z-index: 2 } .theme_button.color1,.theme_buttons.color1 a { color: #fff!important; background-color: #d8203b!important } .comment-date span,.comment-date time,.entry-date time { color: #b3b3b3 } .comment-date i,.entry-author i,.entry-date i { padding-right: 5px; font-size: 14px } .row.columns_padding_0 { margin-left: 0; margin-right: 0 } article.vertical-item { position: relative; z-index: 0 } .with_border .item-media { margin: -1px; z-index: 1 } .with_border { border: 1px solid rgba(0,0,0,.1) } .small_button,.small_buttons a { padding: 3px 18px; text-transform: uppercase; font-size: 14px; min-width: 120px } .theme_button,.theme_buttons a { font-family: var(--ltn__heading-font); font-size: 16px; font-weight: 400; padding: 12px 35px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #fff; background-color: #323232; border-radius: 3px; position: relative; -webkit-transition: .4s linear; transition: .4s linear } .kf_edu2_intro_wrap:before { content: ""; left: 0; width: 50%; top: 0; bottom: 0; background-image: url(../img/bg-1.jpg); background-size: cover; background-position: center; position: absolute } .kf_intro_des_wrap { float: right; width: 50%; padding: 0 30px } .kf_intro_des { float: left; width: 33.3% } .edu2_cur_wrap,.kd-audio-post,.kd-video-post,.kf_course_outerwrap,.kf_edu2_tab_des,.kf_edu2_tab_wrap,.kf_intro_des_caption { width: 100%; float: left } .kf_intro_des_caption { padding: 0 15px; text-align: center } .kf_intro_des_caption h6 { text-transform: uppercase; font-weight: 600 } .kf_intro_des_caption:hover span { box-shadow: 0 5px 10px 0 rgba(0,0,0,.2) } .kf_intro_des_caption span i { line-height: 83px } .kf_intro_des_caption p { margin: 0 0 19px; line-height: 1.3em } .kf_intro_des_caption a { display: inline-block; font-weight: 700; color: #666; text-transform: capitalize; margin-bottom: 25px; font-size: 14px } .edu2_cur_des>h5,.faq-sidebar a,.kf_edu2_heading1 h3,.kf_edu2_heading2 h3 { text-transform: uppercase } .kf_intro_des figure figcaption a { display: inline-block; font-weight: 700; font-size: 20px; color: #fff; text-transform: capitalize; opacity: 0 } .kf_edu2_tab_wrap .nav-tabs { border: none; float: right } .kf_edu2_tab_wrap .nav-tabs li { margin: 0 0 0 23px; border: none } .kf_edu2_tab_wrap .nav-tabs>li>a { border-radius: 0; border: none; color: #666; font-size: 18px; font-weight: 400; padding: 4px 0 8px; text-transform: capitalize; margin: 0 } #slide1:checked~#slides .inner,.kf_edu2_tab_wrap .nav.nav-tabs>li:first-child { margin-left: 0 } .kf_edu2_tab_wrap .nav-tabs>li>a:hover,.kf_edu2_tab_wrap .nav>li>a:focus,.kf_edu2_tab_wrap .nav>li>a:hover { background-color: transparent; border: none; text-decoration: none } .kf_edu2_tab_wrap .nav-tabs>li>a:before { content: ""; left: 0; right: 0; bottom: 0; position: absolute; height: 2px; width: 0% } .edu2_cur_wrap { border: 1px solid #e2e2e2; margin-bottom: 1px } .edu2_cur_wrap>figure figcaption { position: absolute; left: 0; right: 0; top: 50%; bottom: 0; text-align: center; margin-top: -14px } .edu2_cur_wrap>figure figcaption a { font-size: 14px; font-weight: 700; color: #fff; text-transform: capitalize; border: 1px solid #fff; display: inline-block; padding: 11px 20px 10px; opacity: 0 } .edu2_cur_wrap>figure figcaption a:hover { background-color: #000; border-color: #000 } .edu2_cur_des,.edu2_cur_des_ft,.edu2_training_des,.kf_edu2_training_des { float: left; width: 100%; position: relative } .edu2_cur_des>span { background: #fff; border-radius: 100%; box-shadow: 0 3px 4px -1px #cebebe; color: #333; font-size: 14px; font-weight: 700; height: 48px; line-height: 48px; position: absolute; right: 15px; text-align: center; top: -24px; width: 48px } .edu2_cur_des>h5 { font-weight: 400; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .edu2_cur_des>strong { float: left; width: 100%; margin-bottom: 21px } .edu2_cur_des>strong span { color: #333; font-size: 14px; font-weight: 400; padding: 0 3px 0 0; position: relative } .edu2_cur_des>strong small { color: #333; font-size: 14px; font-weight: 400; padding: 0 10px; position: relative } .edu2_cur_des>strong small::before { content: "-"; left: 0; margin: auto; position: absolute } .edu2_cur_des p { margin-bottom: -1px } .edu2_cur_des_ft { float: left; width: 100%; padding: 15px; background-color: #f8f8f8; border-top: 1px solid #e2e2e2 } .edu2_cur_des_ft figure { width: 48px; height: 48px; margin-right: 13px; border-radius: 100% } .edu2_cur_ftr_strip { float: none; overflow: hidden; padding: 8px 0 0 } .edu2_cur_ftr_strip>h6 { display: inline-block; font-size: 14px; font-weight: 700 } .rating { float: right; unicode-bidi: bidi-override; direction: rtl } .rating>span { color: #ddd; font-size: 24px; line-height: 34px; display: inline-block; position: relative; width: auto } .rating>span:hover:before { content: "\2605" } .rating>span:hover:before,.rating>span:hover~span:before { content: "\2605"; color: gold; content: "\2605"; position: absolute } .edu2_cur_wrap .rating>span { width: auto; line-height: normal } .kf_edu2_tab_des .row.margin-bottom { margin-bottom: 69px } .kf_edu2_tab_des .customNavigation { float: left; width: 100%; text-align: center } .col-md-6.event,.kf_edu2_tab_des .customNavigation .btn.prev { float: left } .kf_edu2_tab_des .customNavigation .btn { border: 1px solid #c4c4c4; border-radius: 0; margin: 8px 0; padding: 8px 15px 9px } .kf_edu2_tab_des .browse_all { background: 0 0; border: 1px solid; border-radius: 0; display: inline-block; font-size: 18px; font-weight: 700; padding: 14px 34px; text-transform: capitalize } .bg-center,.bg-cover { background-position: center } .kf_edu2_heading1 { float: left; width: 100%; text-align: left; margin: -7px 0 30px } .kf_edu2_heading1 h3 { font-weight: 400; position: relative; padding-bottom: 15px } .kf_edu2_heading1 h3:before { content: ""; left: 0; bottom: 0; height: 2px; width: 25px; background-color: #666; position: absolute } .kf_edu2_heading1 h3:after { content: ""; left: 35px; bottom: 1px; height: 1px; width: 50px; background-color: #bbb; position: absolute } .kf_edu2_heading2 { float: left; width: 100%; text-align: center; margin: -8px 0 40px } .kf_edu2_heading2 h3 { position: relative; padding-bottom: 15px } .kf_edu2_heading2 h3:before { background-color: #666; bottom: 0; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 49px; width: 25px } .kf_edu2_heading2 h3:after { background-color: #bbb; bottom: 1px; content: ""; height: 1px; left: 49px; margin: auto; position: absolute; right: 0; width: 50px } .kf_edu2_heading2 p { margin: 10px 0; font-size: 16px } .kf_intro_des_caption span { display: inline-block; width: 83px; height: 83px; border-radius: 100%; font-size: 32px; background-color: #fff; color: #666; margin: 0 0 26px; border: 1px solid #ddd } .kf_edu2_intro_wrap { position: relative; background-color: #f8f8f8 } section.kf_edu2_intro_wrap { padding: 70px 0 0; overflow: hidden; float: left; width: 100% } .kf_content_wrap,.kode_wrapper { overflow: hidden; float: left; width: 100% } figure { float: left; width: 100%; position: relative; overflow: hidden } .kf_intro_des_caption h6 { margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--ltn__heading-font) } .kf_intro_des figure figcaption { position: absolute; top: 50%; left: 0; right: 0; bottom: 0; text-align: center; margin: -7px 0 0 } .edu2_cur_wrap:hover>figure::before,.edu2_new_des:hover .col-md-6>figure::before,.kf_intro_des:hover figure::before { left: 0; right: 0; top: 0; bottom: 0; opacity: .7 } .kf_intro_des figure::before,figure::before { background-color: #e79800 } .kf_intro_des figure figcaption a,figure::before { transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out } .kf_intro_des figure::before,.kf_intro_des:hover h6,.kf_intro_des_caption a:hover,figure::before { color: #e79800 } .cmt-tabs.cmt-tab-style-03 { display: inline-flex; width: 100%; position: relative } .cmt-tabs.cmt-tab-style-03 .content-tab { width: 70%; overflow: hidden; text-align: right; position: relative } .cmt-tabs.cmt-tab-style-03 ul.tabs { width: 30% } .cmt-tabs.cmt-tab-style-03 ul.tabs li { text-align: left; margin: 0; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: block; padding-bottom: 15px; padding-top: 10px } .cmt-tabs.cmt-tab-style-03 ul.tabs li a { font-size: 20px; line-height: 26px; letter-spacing: .5px; display: block; font-weight: 600 } .cmt-tabs.cmt-tab-style-03 ul.tabs li.active a { color: var(--base-skin) } .cmt-tabs.cmt-tab-style-03 .content-inner p { margin: 0; position: relative } .cmt-tabs.cmt-tab-style-03 .content-inner p img { border-radius: 5px; opacity: 1; transition: opacity .4s } .cmt-bgcolor-darkgrey .cmt-tabs.cmt-tab-style-03 ul.tabs,.cmt-bgcolor-skincolor .cmt-tabs.cmt-tab-style-03 ul.tabs { border-bottom: 1px solid rgba(255,255,255,.15) } .featured-icon-box.style10 { background-color: #fff; overflow: hidden; border-radius: 5px; text-align: left; padding: 59px 40px; box-shadow: 0 0 15px 0 rgb(5 37 95 / 8%); position: absolute; top: 200px; width: 370px; z-index: 1; transition: .7s } .featured-icon-box.style10.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .featured-icon-box.style10>.featured-icon { -webkit-transition: -webkit-transform .35s; transition: 1.35s; -ms-transform: translate3d(0,100%,0); -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,0,0); opacity: 1 } .featured-icon-box.style10 .featured-content a { margin-top: 22px } .featured-icon-box.style10 .featured-icon .cmt-icon i { font-size: 60px; line-height: 60px; color: var(--base-skin) } .featured-icon-box.style10 .bg_icon { position: absolute; right: -18px; top: -25px; opacity: .05; transition: .5s; font-size: 170px; z-index: 1; color: var(--base-dark); overflow: hidden } .cmt-boxes-spacing-30px,.row.cmt-boxes-spacing-30px { margin: 0 -20px } .row.cmt-boxes-spacing-30px .cmt-box-col-wrapper { padding-right: 15px; padding-left: 15px; padding-bottom: 30px } .cmt-boxes-spacing-20px,.row.cmt-boxes-spacing-20px { margin: 0 -15px } .cmt-boxes-spacing-20px .cmt-box-col-wrapper { padding-right: 10px; padding-left: 10px; padding-bottom: 20px } .cmt-boxes-spacing-15px,.row.cmt-boxes-spacing-15px { margin: 0 -10px } .row.cmt-boxes-spacing-15px .cmt-box-col-wrapper { padding-right: 7.5px; padding-left: 7.5px; padding-bottom: 15px } .cmt-boxes-spacing-10px,.row.cmt-boxes-spacing-10px { margin: 0 -5px } .row.cmt-boxes-spacing-10px .cmt-box-col-wrapper { padding-right: 5px; padding-left: 5px; padding-bottom: 10px } .row.cmt-boxes-spacing-5px .cmt-box-col-wrapper { padding-right: 2.5px; padding-left: 2.5px; padding-bottom: 5px } .row.cmt-boxes-spacing-0px .cmt-box-col-wrapper { padding-right: 0; padding-left: 0; margin-bottom: 0; outline: 0 } .edu2_gallery_des figure { float: left; width: 100%; margin: 0; position: relative; overflow: hidden; display: block } .faq-wrapper .faq-right-bg { position: absolute; right: 0; top: 0; width: 40%; height: 100%; content: "" } .faq-accordion .accordion { list-style-type: none; counter-reset: css-counter 0; padding: 30px; background-color: #fff; border-left: 1px solid #ebedf2; border-bottom: 1px solid #ebedf2 } .faq-accordion .accordion.no-border { border: 0; padding: 0 } .faq-accordion .accordion .accordion-item { border: 0; border-radius: 0; counter-increment: css-counter 1; position: relative; z-index: 1; padding-top: 20px } .faq-accordion .accordion .accordion-item::before { position: absolute; left: 25px; top: 0; content: ""; border: 1px dashed #d4d4d5; width: 1px; height: 100%; z-index: -1; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .faq-accordion .accordion .accordion-item .accordion-header { font-size: inherit; line-height: inherit; position: relative; z-index: 1 } .faq-accordion .accordion .accordion-item .accordion-header .accordion-button { padding-left: 70px; font-size: 20px; font-weight: 700; color: #001659; overflow: hidden } .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { color: #001659; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .faq-accordion .accordion .accordion-item .accordion-header .accordion-button::before { content: counter(css-counter); position: absolute; width: 50px; height: 50px; background: #fff; border: 1px solid #ebedf2; border-radius: 50px; color: #fb0; font-weight: 700; font-size: 21px; line-height: 50px; text-align: center; left: 0 } .faq-sidebar { background-color: #ff5e14; padding: 30px 50px } .section-padding { padding: 80px 0 60px } .faq-funfact-section::before { content: ""; position: absolute; left: 0; top: 0; background-image: url("../img/map.png"); background-repeat: no-repeat; background-color: #073662; width: 100%; height: 60%; content: ""; z-index: -1 } .mtm-30 { margin-top: -30px } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important } .faq-sidebar a { background-color: #fff; padding: 18px 30px; color: #001659; display: inline-block; margin-top: 30px; line-height: 1 } .faq-sidebar a i { font-size: 20px; margin-right: 10px } .faq-wrapper { position: relative; margin-top: -1.5em } .box-cta-call { position: absolute; right: 0; bottom: -22px; background-color: #fff; padding: 30px; box-shadow: 0 18px 30px 0 rgba(46,46,46,.06) } .box-cta-call .icon { font-size: 54px; color: #ff5e14; line-height: 1; margin-right: 15px } .box-cta-call .content-text h3 { margin-bottom: 0; color: #c62a73; font-size: 1.6em } .faq-bg { background-color: #f7f7ff } .bg-cover { background-repeat: no-repeat; background-size: cover; position: relative } .faq-accordion .accordion .accordion-item .accordion-header:focus { outline: 0; border: 0 } .single-fun-fact h2 { font-size: 50px; margin-bottom: 0; color: #fff!important } .text-white h3 { color: #fff!important; font-size: 24px; line-height: 145% } .edu2_event_des p,.post-option { line-height: normal; margin-bottom: 10px } .video-popup-wrapper { height: 530px } .video-popup-wrapper.skill-video { height: 490px } @media (max-width: 500px) { .faq-accordion .accordion { padding:30px 15px } .faq-accordion .accordion .accordion-item .accordion-header .accordion-button { padding: 0 0 0 60px } .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body { padding-left: 60px } .video-popup-wrapper { height: 420px } .video-popup-wrapper.skill-video { height: 400px } } .promo-featured-wrapper .featured-img { height: 556px; background-color: #eee; position: relative; margin-left: 60px; background-size: cover; background-position: center; margin-right: 60px } @media (max-width: 991px) { .ltn__newletter-popup-active { max-width:400px; max-height: 450px; overflow-y: auto; overflow-x: hidden } .ltn__newsletter-popup-img { display: none } .ltn__upcoming-project-item { padding: 30px } .ltn__upcoming-project-item .ltn__upcoming-project-img { margin-bottom: 30px } .ltn__neighbour-tab-wrap .ltn__tab-menu-4 { position: inherit; margin-bottom: 30px; left: inherit; bottom: inherit } .ltn__neighbour-tab-wrap .ltn__tab-menu-4 a img { max-width: 70px } .ltn__footer-timeline-widget { padding: 50px 25px 40px } .ltn__copyright-area { text-align: center } .ltn__copyright-area .payment-method { text-align: center; margin-top: 15px } .ltn__copyright-area .site-logo-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ltn__copyright-area .ltn__copyright-menu { text-align: center!important } #scrollUp { font-size: 16px; height: 30px; width: 30px; bottom: 50px } #scrollUp i { line-height: 30px } .promo-featured-wrapper .featured-img { height: 400px } } .promo-featured-wrapper .top-img { width: 180px; height: 180px; background-color: #eee; left: -60px; top: -40px; position: absolute; -webkit-box-shadow: 0 16px 32px 0 rgba(52,52,52,.04); box-shadow: 0 16px 32px 0 rgba(52,52,52,.04) } .promo-featured-wrapper .bottom-img { border: 10px solid #fff; -webkit-box-shadow: 0 16px 32px 0 rgba(52,52,52,.04); box-shadow: 0 16px 32px 0 rgba(52,52,52,.04); background-color: #eee; position: absolute; width: 269px; height: 269px; right: -60px; bottom: -60px } .video-play-btn .play-video { border-radius: 50%; width: 90px; height: 90px; background-color: #fff; color: #ff5e14; line-height: 90px; -webkit-transition: .3s; transition: .3s; text-align: center; -webkit-animation: 3.5s infinite playVideo; animation: 3.5s infinite playVideo; display: inline-block; margin: 0 auto; font-size: 20px } .video-play-btn .play-video:hover { color: #001659; -webkit-box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22); box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) } .works,.works ul { width: 100%; float: left } .works * { -webkit-transition: .2s cubic-bezier(0.86,0,0.07,1); -moz-transition: .2s; transition: .2s cubic-bezier(0.86,0,0.07,1); transition-duration: .5s; -webkit-transition-duration: .5s } .works .filter { width: 100%; float: left; text-align: center } .works ul li { width: 24%; float: left; list-style: none; margin: 5px!important } .works ul li.double { width: 66.66666% } .works ul li figure { width: 100%; position: relative; background: #2f312f; overflow: hidden } .works ul li figure figcaption { width: 100%; height: 100%; color: #fff; text-align: center; padding: 10% .5em; background: #a62260cc; position: absolute; left: 0; top: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; visibility: hidden } .works ul li figure figcaption a { width: 100%; height: 100%; color: #fff } .works ul li figure figcaption h3 { width: 100%; float: left; font-weight: 600; font-size: 1.5em; margin-top: 0; color: #fff } .works ul li figure figcaption small { width: 100%; float: left; padding-bottom: 10px; font-size: 18px; font-family: var(--ltn__body-font) } .works ul li figure figcaption .wave { -webkit-filter: brightness(-1) invert(1); filter: brightness(-1) invert(1) } .works ul li:hover figcaption { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } .works ul li:hover figure img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .edu2_new_wrap { background-color: #f4f4f4; padding: 30px 20px 10px } .edu2_new_des { float: left; width: 100%; position: relative; margin-bottom: 30px } .edu2_event_des { float: left; padding: 15px 0 0; text-align: left; position: relative; z-index: 2 } .edu2_event_des h4 { font-weight: 700; margin-bottom: 10px } .edu2_event_des p { font-size: 16px; font-weight: 600; color: #605d5d } .edu2_event_des>a,.readmore { -moz-transition: .3s ease-in-out; color: #e79800 } .kd-video-post iframe { width: 100%; height: 400px } .edu2_tarining_bg { background-image: url(images/training-bg.jpg); position: relative; overflow: visible; min-height: 500px } .edu2_tarining_bg:before { content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; background-color: #333; opacity: .85 } .kf_edu2_training_des figure { overflow: visible; position: absolute; left: 80px; top: -26px } .btn-paginacao ul,.kf_edu2_training_des figure img { width: auto; height: auto } .edu2_training_wrap { float: left; text-align: center; width: 100%; margin-top: -11px } .edu2_training_wrap h2 { font-weight: 300; text-transform: capitalize; color: #fff; margin-bottom: 7px } .edu2_training_wrap h3 { font-weight: 300; text-transform: capitalize; color: #fff; margin-bottom: 30px; font-size: 20px } .edu2_training_wrap .countdown { color: transparent; display: inline-block; list-style: none; margin: 0 0 24px; padding: 0; text-align: center; vertical-align: middle; float: left; width: 100% } .edu2_training_wrap .countdown li { background: rgba(255,255,255,.1); border: 1px solid #fff; display: inline-block; margin: 0 7px; padding: 8px 0 14px; width: 80px; position: relative; z-index: 2 } .edu2_training_wrap .countdown li span { font-size: 24px; font-weight: 700; line-height: 39px; color: #fff } .edu2_training_wrap .countdown li p { font-size: 14px; margin: -8px 0 0; text-transform: capitalize; color: #fff } .edu2_training_wrap strong { font-size: 16px; color: #fff; text-transform: capitalize; display: block; margin-bottom: 18px } .edu2_event_des h4 { color: #e79800; font-family: var(--ltn__heading-font),sans-serif; margin-top: .05em } .btn-effect::after { content: ""; height: 50%; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: .3s; width: 100%; z-index: -1 } .kf_content_wrap figure:before { content: ""; left: 10%; right: 10%; top: 10%; bottom: 10%; position: absolute; opacity: 0 } .edu2_event_des span { color: #b6b9bb; font-size: 48px; font-weight: 700; left: 36px; position: absolute; top: -14px; z-index: -1; font-family: var(--ltn__heading-font) } .post-option li,.post-option>li>a { font-size: 13px; color: #999; text-transform: capitalize; display: inline-block } .post-option { float: left; width: 100%; text-align: left } .post-option li { margin-left: 8px } .post-option li:first-child { margin-left: -16px; margin-top: -2px } .thumb figure figcaption { position: absolute; left: 0; right: 0; top: 50%; margin: -28px auto 0; text-align: center; opacity: 0; transform: scale(1.5) } .edu2_new_des:hover .thumb figure figcaption { opacity: 1; transform: scale(1) } #slider,#slides .inner { -webkit-transform: translateZ(0) } .thumb figure figcaption a { font-size: 28px; color: #fff } .edu2_new_des figure { width: auto!important } .edu2_new_des figure::before { content: ""; left: 10%; right: 10%; top: 10%; bottom: 10%; position: absolute; opacity: 0; background-color: #e79800 } .kf_cur_catg_wrap { float: left; width: 100%; padding: 69px 0 40px } .kf_cur_catg_des { float: left; width: 100%; position: relative; background-color: #f8f8f8; padding: 31px 23px; margin-bottom: 30px } .kf_cur_catg_des:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 2px } #active,#slides { position: relative } .kf_cur_catg_des:hover:before { width: 5px } .kf_cur_catg_capstion { float: none; overflow: hidden; text-align: justify; padding-left: 23px; padding-right: 10px; line-height: 1.55em } .kf_cur_catg_des>span { color: #000; float: left; font-size: 46px; margin: auto 0; padding: 12px 0 8px; vertical-align: middle } .kf_cur_catg_capstion h5 { text-align: left; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; font-size: 1.3em; color: #c62a73 } .kf_cur_catg_capstion p { color: #000; margin: 0 } .kf_cur_catg_des.color-1:hover { background-color: #bf4c82; color: #fff } .btn-theme-colored { color: #fff; background-color: #202c45; border-color: #202c45 } .btn-default { color: #333; background-color: #fff; border-color: #ccc } table { border-collapse: collapse; border-spacing: 0 } caption,td,th { text-align: left; font-weight: 400; vertical-align: middle } blockquote,q { quotes: none } blockquote:after,blockquote:before,q:after,q:before { content: ""; content: none } a img { border: none } #slides { height: 780px } label { color: brown; cursor: pointer; text-decoration: none } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #active,img,label { -moz-user-select: none; -webkit-user-select: none } .catch { display: block; height: 0; overflow: hidden } #slide2:checked~#slides .inner { margin-left: -100% } #slide3:checked~#slides .inner { margin-left: -200% } #slide4:checked~#slides .inner { margin-left: -300% } #slide5:checked~#slides .inner { margin-left: -400% } #container { width: 100%; overflow: hidden } #slides .inner { width: 500%; line-height: 0; -webkit-transition: .8s cubic-bezier(.77,0,.175,1); -moz-transition: .8s cubic-bezier(.77,0,.175,1); -ms-transition: .8s cubic-bezier(.77,0,.175,1); -o-transition: .8s cubic-bezier(.77,0,.175,1); transition: .8s cubic-bezier(.77,0,.175,1); -webkit-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000); -moz-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000); -ms-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000); -o-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000); transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000) } #slides article { width: 20%; float: left } #commands { margin: -25% 0 0; width: 100%; height: 50px } #commands label { display: none; width: 80px; height: 80px; opacity: 1 } #active { z-index: 5; margin: 16% 0 0; text-align: center } #active label { -webkit-border-radius: px; -moz-border-radius: 0; border-radius: 50%; display: inline-block; width: 30px; height: 30px; background: #dedede } #active label:hover { background: #dedede; border-color: #777!important } #slide1:checked~#commands label:nth-child(2),#slide2:checked~#commands label:nth-child(3),#slide3:checked~#commands label:nth-child(4),#slide4:checked~#commands label:nth-child(5),#slide5:checked~#commands label:first-child { background: url('../50yrs-slider/image/next.png') no-repeat; float: right; margin: 15em 12px 0 0; display: block } #slide1:checked~#commands label:nth-child(5),#slide2:checked~#commands label:first-child,#slide3:checked~#commands label:nth-child(2),#slide4:checked~#commands label:nth-child(3),#slide5:checked~#commands label:nth-child(4) { background: url('../50yrs-slider/image/previous.png') no-repeat; float: left; margin: 15em 0 0 -6px; display: block } #slide1:checked~#active label:first-child,#slide2:checked~#active label:nth-child(2),#slide3:checked~#active label:nth-child(3),#slide4:checked~#active label:nth-child(4),#slide5:checked~#active label:nth-child(5) { background: #c62474; opacity: 1; border-color: #fff!important; border: 2px solid #fff } .caption { line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 320px 12px; opacity: 0; color: #fff; text-transform: none; font-family: 'Open Sans',Arial,Helvetica,sans-serif; text-align: left; font-size: 18px } .about-info-inner>p,.about-info-inner>span,.btn-paginacao ul li label,.counter,.counters .counter,.testimonial4 h3.head-sec,.theme_btn { font-family: var(--ltn__body-font) } .caption bar { display: inline-block; padding: 10px; background: #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px 3px 3px 3px; opacity: .7 } #slider { margin: 0 auto; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -o-transition: .5s ease-out; transition: .5s ease-out } #slide1:checked~#slides article:first-child .caption,#slide2:checked~#slides article:nth-child(2) .caption,#slide3:checked~#slides article:nth-child(3) .caption,#slide4:checked~#slides article:nth-child(4) .caption,#slide5:checked~#slides article:nth-child(5) .caption { opacity: 1; -webkit-transition: 1s ease-out .6s; -moz-transition: 1s ease-out .6s; -o-transition: 1s ease-out .6s; transition: 1s ease-out .6s } #active,#active label,#commands,#commands label,#slides { -webkit-transform: translateZ(0); -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -o-transition: .5s ease-out; transition: .5s ease-out } @media only screen and (max-width: 850px) and (min-width:450px) { #slider #commands { margin:-25% 0 0 5%; width: 90%; height: 50px } #slider #commands label { -moz-transform: scale(.9); -webkit-transform: scale(.9); -o-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } #slider #slides .caption { padding: 280px 12px } #slider #slides { padding: 2px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #slider #active { margin: 15% 0 0 } } @media only screen and (max-width: 450px) { #slider #commands { margin:-28% 0 0 1%; width: 100%; height: 70px } #slider #active { margin: 12% 0 0 } #slider #slides { padding: 2px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #slider #slides .caption { opacity: 0!important } #slider #commands label { -moz-transform: scale(.7); -webkit-transform: scale(.7); -o-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7) } } .acc-kontainer { width: 100%; margin: auto; list-style-type: none; counter-reset: label; padding: 30px; background-color: #fff; border-left: 1px solid #ebedf2; border-bottom: 1px solid #ebedf2 } .acc-kontainer .acc-body { width: 98%; width: calc(100% - 20px); margin: 0 auto; height: 0; color: transparent; line-height: 28px; padding: 5px 20px; box-sizing: border-box; transition: .5s } #fade,.overlay-bg::before { width: 100%; height: 100%; left: 0 } .acc-kontainer label { cursor: pointer; display: block; padding: 15px 15px 15px 3em; width: 100%; box-sizing: border-box; z-index: 100; font-size: 21px; font-weight: 700; color: #001659; overflow: hidden } .acc-kontainer label::before { counter-increment: label; content: counter(label); position: absolute; width: 50px; height: 50px; background: #fff; border: 1px solid #ebedf2; border-radius: 50px; color: #fb0; font-weight: 700; font-size: 21px; line-height: 50px; text-align: center; left: 2em; z-index: 2; margin-top: -7px } .acc-kontainer input:checked+label { background-color: rgba(255,255,255,.15) } .acc-kontainer input:checked+label:before { transition: .5s } .acc-kontainer input:checked~.acc-body { height: auto; color: var(--ltn__paragraph-color); font-size: 16px; padding: 5px 50px; transition: .5s; line-height: 1.4em } .acc-kontainer.accordion-item { border: 0!important; border-radius: 0; counter-increment: css-counter 1; position: relative; z-index: 1; padding-top: 20px } .acc-kontainer .accordion-item::before { position: absolute; left: 4.3em; top: 3em; content: ""; border: 1px dashed #d4d4d5; width: 1px; height: 55%; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .about-video-wrapper .popup-video { position: absolute; z-index: 5; right: 4em; top: 5em } .about-text-wrapper,.parent,.popup-video,.service-box li,.services-list h5,.theme_btn { position: relative } .about-video-wrapper .img-one { position: relative; z-index: 1; margin-top: -40px } .p-b-40 { padding-bottom: 40px!important } .about-video-wrapper .img-two { position: absolute; z-index: 2; right: 0; bottom: -120px; border: 10px solid #fff } .about-text-wrapper { padding-left: 50px; z-index: 0 } @media (max-width: 767px) { .about-video-wrapper .img-two,.call-to-circle-1,.call-to-circle-2,.ltn__category-item-2 .ltn__category-item-img,.promo-featured-wrapper .bottom-img,.shoping-cart-table thead th { display:none } .ltn__category-item-3 { padding: 30px 0 5px } .ltn__category-item-5 a { padding: 40px 15px 35px } .ltn__category-item-5 a .category-icon { width: 60px; height: 60px; line-height: 70px; font-size: 25px } .ltn__category-item-5 a .category-title { font-size: 13px } .custom-content-brief,.ltn__feature-item-5+.btn-wrapper { margin-bottom: 30px } .ltn__feature-item-7 { padding: 38px 20px 10px } .ltn__blog-title,.ltn__testimonial-item-2 p,.ltn__testimonial-item-5 .ltn__testimonial-info p { font-size: 16px } .ltn__blog-meta li { margin-right: 10px; font-size: 12px } .ltn__blog-list-wrap .ltn__blog-title { font-size: 22px } .ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief { padding: 40px 20px 35px } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote { font-size: 20px; padding: 0 } .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before { font-size: 30px; display: block; position: relative; margin-bottom: 10px } .about-text-wrapper,.footer-menu-widget-2-column,.ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta,.ltn__our-history-inner .about-img-right { padding-left: 0 } .footer-widget .ltn__blog-meta li,.ltn__blog-item-3 .ltn__blog-btn,.ltn__blog-item-4 .ltn__blog-btn,.ltn__footer-2 .footer-widget .ltn__blog-meta li { font-size: 12px } .ltn__blog-item-6 .ltn__blog-title,.ltn__testimonial-item-2 .ltn__testimoni-info h4 { font-size: 20px } .ltn__blog-item-6 .ltn__blog-brief { padding: 35px 20px 15px } .ltn__page-details-inner .ltn__blog-title { margin-top: 0; font-size: 24px } .blog-prev,.get-a-free-service-inner .call-to-img,.ltn__page-details-inner .ltn__blog-img { margin-bottom: 40px } .ltn__blog-details-wrap,.ltn__comment-reply-area form { padding: 50px 20px } blockquote { font-size: 16px; padding: 70px 20px 40px } blockquote::before { position: initial; font-size: 60px; display: block; line-height: 1 } .ltn__commenter-comment h6,.ltn__footer-blog-item .ltn__blog-title,.ltn__prev-next-btn .ltn__blog-title { font-size: 18px } .blog-next { margin-top: 40px; margin-bottom: 0 } .ltn-author-introducing { padding: 40px 20px } .ltn-author-introducing .author-img { max-width: 100px; margin-right: 0; margin-bottom: 30px } .ltn-author-introducing .author-info { overflow: inherit } .ltn__commenter-img { float: inherit; margin-right: 0; max-width: 80px; margin-bottom: 20px } .ltn__comment-reply-btn { position: inherit; font-size: 12px } .ltn__comment-inner ul ul { margin: 0 } .ltn__comment-inner li { margin-top: 30px } .ltn__first-letter { font-size: 40px; margin-right: 20px; width: 60px; height: 60px } .ltn__service-list-menu ul li .service-price { float: none; display: block } .ltn__pagination ul li { margin-right: 5px; font-size: 14px } .ltn__pagination ul li a { height: 40px; width: 40px; line-height: 36px } .ltn__testimonial-item-3 .ltn__testimoni-img,.ltn__testimonial-item-7 .ltn__testimoni-info-inner .ltn__testimoni-img { margin-bottom: 10px } .ltn__testimonial-item-2,.ltn__testimonial-slider-4 { max-width: 95% } .ltn__testimonial-item-3 .ltn__testimoni-info { width: calc(100% - 20px); padding: 25px 20px 30px } .ltn__testimonial-item-3 .ltn__testimoni-info-inner,.ltn__testimonial-item-7 .ltn__testimoni-info-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap } .ltn__testimonial-item-4 .ltn__testimoni-img { float: none } .apartments-info-list ul li,.ltn__faq-inner-3 .card .ltn__card-title,.ltn__footer-2 .footer-widget li,.ltn__footer-2 .footer-widget p,.ltn__progress-bar-item>p,.ltn__testimonial-item-7 .ltn__testimoni-info p { font-size: 14px } .ltn__team-item-3 { max-width: 300px; margin-left: auto; margin-right: auto } .ltn__counterup-area .ltn__section-title-2,.ltn__counterup-item-3 { text-align: center } .about-us-img-info-2 h1 .counter,.ltn__counterup-item h1 { font-size: 30px } .ltn__counterup-item-3 h1 { font-size: 56px } .contact-form-box { padding: 40px 25px 50px } .shoping-cart-table .table tr { display: block; text-align: center } .shoping-cart-table td { display: block; padding: 20px 15px } .cart-product-image { max-width: 100% } .shoping-cart-table .cart-plus-minus { margin-left: auto; margin-right: auto } .cart-coupon input,.ltn__footer-2 .footer-menu ul li { margin-bottom: 20px } .shoping-cart-table .table tr:nth-child(2n) { background-color: var(--section-bg-1) } .ltn__faq-inner-2 .card .ltn__card-title { padding: 20px 60px 20px 20px; font-size: 16px } .ltn__faq-inner-2 .card .card-body { padding: 15px 20px 25px } .ltn__faq-inner-3 .card .ltn__card-title i { width: 40px; height: 40px; line-height: 45px; font-size: 20px } .coming-soon-inner .ltn__countdown { padding: 25px 20px 5px } .coming-soon-inner .ltn__countdown .single { margin-right: 20px; min-width: 90px } .ltn__pricing-plan-item.active,.ltn__pricing-plan-item.active-price { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .about-us-img-info { height: 200px; width: 220px } .about-us-img-info h1 .counter { font-size: 80px } .about-us-img-info-2 { width: 150px; height: 150px } .about-us-info-devide { display: block } .about-us-info-devide .list-item-with-icon { margin-left: 0 } .list-item-with-icon { margin-top: 30px; margin-bottom: 40px; min-width: 275px } .ltn__list-item-half li { width: 100%; padding-right: 0 } .ltn__flat-info li { margin-right: 20px } .ltn__list-item-2-before li::before { right: -12px } .ltn__service-item-1 .service-item-brief { padding: 30px 22px 10px } .call-to-action-inner-2,.ltn__our-journey-wrap>ul,.ltn__service-form-box>ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .call-to-action-inner-2 .btn-wrapper { margin-top: 15px } .get-a-free-service-inner { display: block; padding-right: 0; padding-left: 0 } .get-a-free-service-inner .call-to-img img { max-width: 100%; position: relative; left: 0 } .ltn__call-to-action-4 .call-to-action-inner-4 .h1 { font-size: 24px } .get-a-quote-wrap { padding: 40px 30px 50px } .ltn__car-dealer-form-tab .tab-content { padding: 40px 25px } .ltn__car-dealer-form-box .nice-select .list { max-height: 200px; overflow-y: auto } .ltn__our-journey-wrap>ul>li ul { left: 30px } .ltn__our-journey-wrap>ul>li:last-child ul,.ltn__our-journey-wrap>ul>li:nth-last-child(2) ul { left: 30px; right: auto } .ltn__history-icon { bottom: 10px; right: 10px; font-size: 80px } .ltn__our-history-inner .about-img-left { padding-right: 0 } .apartments-plan-info { padding: 30px } .ltn__upcoming-project-item .ltn__upcoming-project-info { padding: 50px 0 } .ltn__my-properties-table { margin-top: 0 } .ltn__my-properties-table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: 100%; padding-left: 0 } .ltn__my-properties-table .table tr:nth-child(odd) { background-color: transparent } .ltn__my-properties-table .table tr:nth-child(2n) { background-color: var(--section-bg-1) } .ltn__my-properties-table td { padding-top: 10px; padding-bottom: 10px } .ltn__my-properties-img { width: 100% } .ltn__footer-timeline-widget { padding: 50px 25px 40px } .ltn__copyright-menu { margin-top: 25px } .promo-featured-wrapper .featured-img { height: 300px } .promo-featured-wrapper .top-img { left: -30px } .video-play-btn .play-video { width: 60px; height: 60px; line-height: 60px; font-size: 14px } .about-video-wrapper .popup-video { left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%) } .about-video-wrapper .img-one { width: 100%; margin-top: 0 } .about-text-wrapper .style-text { top: -30px!important; left: 0!important } } .about-text-wrapper .style-text { left: 52px; margin-bottom: 0; margin-left: -30px } .sect-title { font-size: 1.5em; margin-bottom: 0!important; margin-left: -30px } .quote-paragraph { background-color: #fff; box-shadow: 0 -11px 30px 0 rgba(46,46,46,.06); padding: 24px 72px 23px 30px; margin-top: 15px; margin-left: -30px } .mklbItem.demo.popup-video i { font-size: 2em; line-height: 2.5em } .mklbItem.demo.popup-video i:hover { color: #fff!important; opacity: .6 } .overlay-bg::before { content: ""; position: absolute; z-index: -1; top: 0 } .rs-cta.style2 { overflow: hidden; background: #141a7d; padding-bottom: 4em } .service-box { display: flex; align-items: center; padding: 0; margin: 0 } @media (max-width: 767px) { .service-box { display:block } .box-one .sub-title { font-size: 20px } } @media only screen and (min-width: 540px) and (max-width:767px) and (orientation:landscape) { .service-box { display:flex } } .quote-paragraph p { color: var(--ltn__paragraph-color); margin-bottom: 1.5em; text-align: justify; line-height: 1.5em } .service-box li { z-index: 1; list-style: none; margin-top: .5em!important } .service-box li:first-child { padding-right: 50px; margin-right: 50px } .service-box li:first-child::before { content: ""; background-color: #e1e1e1; position: absolute; right: 0; top: 25px; width: 1px; height: 50px; z-index: 1 } @media (max-width: 769px) { .service-box li::before { display:none!important } } .box-one { display: flex; align-items: center; margin-bottom: 30px } #boxclose,.theme_btn { display: inline-block } .about-info,.swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap } .box-one .sub-title { line-height: 30px } @media only screen and (min-width: 992px) and (max-width:1200px) { .about-video-wrapper .img-one { width:100% } .about-text-wrapper { padding-left: 0 } .box-one .sub-title { font-size: 20px } .about-text-wrapper2 { padding-right: 0 } } @media only screen and (min-width: 768px) and (max-width:991px) { .about-video-wrapper .img-one { margin-top:0 } .about-video-wrapper .img-two { bottom: 0 } .about-text-wrapper { padding-left: 0 } .box-one .sub-title { font-size: 20px } .about-text-wrapper2 { padding-right: 0 } } .about-text-wrapper2 .text-list.border-bottom { border-bottom: 1px solid #e0e0e0!important; padding-bottom: 34px; margin-bottom: 34px } .services-list h2 { margin-bottom: 12px; font-weight: 700; font-size: 1.75em; } .about-text-wrapper2 .text-list li .services-list h5::before { content: "\f00c"; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #43b9fe; left: -15px; top: 0; z-index: 1; width: 35px; height: 35px; box-shadow: rgba(0,0,0,.24) 0 3px 8px; line-height: 35px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center } .services-list p { line-height: 1.5; color: #272727; margin: 0 0 30px; font-size: 1em; } .about-img-wrapper .img-one { margin-top: -100px; padding-right: 25px } .about-text-wrapper3 span { color: #777; margin-bottom: 5px; display: inline-block } .about-text-wrapper3 h2 { color: #0c2168; font-size: 48px; line-height: 1.2; margin-bottom: 10px } @media (max-width: 767px) { .about-text-wrapper2 { padding-right:0 } .about-text-wrapper3 h2 { font-size: 32px } .about-text-wrapper3 .cerficate-list-one img { width: 100%; margin-right: 0 } } .theme_btn { overflow: hidden; color: #fff; background-image: -moz-linear-gradient(0deg,#086ad8 0,#378cff 100%); background-image: -webkit-linear-gradient(0deg,#086ad8 0,#378cff 100%); background-image: -ms-linear-gradient(0deg,#086ad8 0,#378cff 100%); font-size: 16px; font-weight: 700; line-height: 1; padding: 22px 36px; z-index: 1; cursor: pointer; text-decoration: none; transition: opacity .3s!important } .theme_btn i { color: #fff; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .theme_btn:hover { color: #fff; background-image: -moz-linear-gradient(0deg,#378cff 0,#086ad8 100%); background-image: -webkit-linear-gradient(0deg,#378cff 0,#086ad8 100%); background-image: -ms-linear-gradient(0deg,#378cff 0,#086ad8 100%) } .theme_btn:hover i { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px) } .theme_btn2 { background: #43b9fe; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px } .theme_btn2:hover { background-image: -moz-linear-gradient(0deg,#43baff 0,#7141b1 100%); background-image: -webkit-linear-gradient(0deg,#43baff 0,#7141b1 100%); background-image: -ms-linear-gradient(0deg,#43baff 0,#7141b1 100%) } #fade { display: none; position: fixed; top: 0; background-color: #000; z-index: 1001; -moz-opacity: 0.8; opacity: .8 } #light { display: none; position: absolute; top: 30%; left: 50%; max-width: 600px; max-height: 360px; margin-left: -300px; margin-top: -180px; border: 2px solid #fff; background: #fff; z-index: 1002; overflow: visible } #boxclose { float: right; cursor: pointer; color: #fff; border: 1px solid #aeaeae; border-radius: 3px; background: #222; font-size: 31px; font-weight: 700; line-height: 0; padding: 11px 3px; position: absolute; right: 2px; top: 2px; z-index: 1002; opacity: .9 } .about-info { display: flex; align-items: center; border-bottom: 1px solid #e9e9e9 } .about-text-wrapper .btn-wrapper { margin-left: 0!important } .about-info>i { font-size: 2em; line-height: 3em; color: #f6ba42 } .about-info>i+.about-info-inner { padding-left: .9375rem } .about-info-inner>span { color: #828488; font-size: 1em; font-weight: 400 } .about-info-inner>p { text-transform: uppercase; color: #272e97; font-size: 1.1em; font-weight: 600 } .fa-clock-o::before { content: "\f017" } .popup-video { color: #fff; background-image: -moz-linear-gradient(0deg,#f6ba42 0,#ff5a3c 100%); background-image: -webkit-linear-gradient(0deg,#f6ba42 0,#ff5a3c 100%); background-image: -ms-linear-gradient(0deg,#f6ba42 0,#ff5a3c 100%); border-radius: 50%; font-size: 16px; line-height: 80px; display: inline-block; width: 80px; height: 80px; text-align: center; -webkit-transition: .4s ease-out; -moz-transition: .4s ease-out; -ms-transition: .4s ease-out; -o-transition: .4s ease-out; transition: opacity .3s; z-index: 1; animation: 5s linear infinite pulseBig } .parent { width: 100%; height: 600px; margin: 0 } .child1 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; background: #043d72 } .child2 { z-index: 1; margin: 60px 60px 60px 14em; background: url(../img/bg/aast-green.jpg) 0 0/cover no-repeat; max-width: 75%; height: 490px } .featured-content.box-top { background: #fff; position: absolute; width: 80%; padding: 3em; top: 6em; left: -8em; box-shadow: 0 0 20px 0 RGBA(0,0,0,.13) } .footer,.footer-top,h3.left-line-v { position: relative } h3.left-line-v { padding-left: 20px; border-left: 5px solid #ebb241; font-size: 1.75em } .parent p,.ttm-fid.inside.ttm-fid-view-lefticon.style1 { padding-left: 1.5em } .mklbItem.demo.img-fluid { position: absolute; top: 30%; left: 60% } .footer-top { bottom: -120px; margin-top: -60px; z-index: 1 } .footer-top-bg { background: #1bbc9b; border-radius: 3px; margin: 0; color: #fff } .footer-top .footer-box { padding: 30px 35px 20px; min-height: 120px } .footer-top .footer-box i { float: left; font-size: 28px; margin-top: 0; background: rgba(0,0,0,.3); display: inline-block; text-align: center; width: 54px; height: 48px; line-height: 48px; padding-left: 6px } .footer-top .footer-box .footer-box-content { margin-left: 80px } .footer-top .footer-box .footer-box-content h3 { margin-top: 0; margin-bottom: 5px; font-size: 16px; color: #fff; font-weight: 700 } .footer-top .footer-box.two { background: rgba(0,0,0,.07) } .footer-top .footer-box.three { background: rgba(0,0,0,.15) } .footer { background: #061b49; color: #87888a; font-size: 14px; padding: 30px 0 0; } .footer-widget { padding-bottom: 0 } .footer .widget-title { text-align: left; color: #fff; font-size: 1.2em; text-transform: uppercase; margin-top: 0; padding-bottom: 10px; margin-bottom: 10px; position: relative; font-weight: 400; margin: 20px 0; } .footer .widget-title:after { content: ""; background: #fe5a0e; width: 34px; height: 1px; display: block; position: absolute; bottom: 0; left: 0 } .ltn__breadcrumb-area { margin-top: 1px } ul.list-arrow { padding-left: 0; list-style: none } .footer-about { padding-right: 40px; text-align: justify } .footer-logo { margin-bottom: -24px; width: 80% } .footer-widget ul.list-arrow li { width: 50%; float: left; font-size: 1.2em; line-height: 1.6em; margin-top: 8px; } .footer-widget ul.list-arrow li a { color: #aeb0b3; font-size: 1.0em; } .footer-menu ul li a:hover,.footer-widget ul.list-arrow li a:hover,.ttm-bgcolor-skincolor .featured-title h5:hover { color: #f6ba42 } .footer-social { margin-top: 11em; padding-bottom: 20px } .footer-social ul { list-style: none; margin: 0; padding: 5px 0; display: flex; } .footer-social ul li { margin: 0 10px 0 0; display: inline-block } .footer-social ul li a { -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; color: #fff } .footer-social ul li a i { width: 32px; height: 32px; line-height: 30px; text-align: center; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; font-size: 2em } .footer-social ul li a i.fa-rss:hover { color: #faaa5e } .footer-social ul li a i.fa-facebook:hover { color: #1877f2 } .footer-social ul li a i.fa-twitter:hover { color: #5db2f7 } .footer-social ul li a i.fa-google-plus:hover { background: #c53942 } .footer-social ul li a i.fa-pinterest:hover { background: #d8545d } .footer-social ul li a i.fa-linkedin:hover { color: #0971b0 } .footer-social ul li a i.fa-youtube:hover { color: #e4262a } .footer-social ul li a i.fa-instagram:hover { background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .copyright-area { background: #f2f2f2 } .copyright-logo { background: #6639ff; text-align: center; line-height: 100px } .copyright-list li a,.copyright-text p { color: #040021 } .copyright-list li:first-child { padding-left: 0; margin-left: 0; border: 0 } .copyright-list li { display: inline-block; line-height: 14px; border-left: 1px solid #bbb; padding-left: 18px; margin-left: 17px } .copyright { border-top: 1px solid rgba(255,255,255,.1); font-size: 1.05em; padding: 20px 0 } .counter,.ttm-fid-view-topicon .ttm-fid-icon-wrapper .ttm-icon.ttm-icon_element-size-lg i { font-size: 40px } .footer-menu ul li { display: inline-block; line-height: 12px; padding-left: 1em; font-size: 1em; letter-spacing: -.03em } .footer-menu ul li a { position: relative; color: #fff; padding: 0; text-transform: uppercase } .counters { background-color: #eeeff1; padding: 40px 20px } .counters .container { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px; text-align: center } .counters i { color: #f6ba42; margin-bottom: 5px; display: block } .counters h3 { margin-bottom: 0; font-size: 1.2em; font-weight: 600 } .counters span,.facts span { display: inline-block; font-size: 37px; font-weight: 700 } .counters .counter { font-size: 45px; font-weight: 700; display: inline-block } @media (max-width: 700px) { .counters .container { grid-template-columns:repeat(2,1fr) } .counters .container>div:first-of-type,.counters .container>div:nth-of-type(2) { border-bottom: 1px solid #f6ba42; padding-bottom: 20px } } .ttm-row.bottomzero-padding-section { padding: 90px 0 0 } .p-l-3 { padding-left: 3em!important } .z-1 { z-index: 1!important } .bg-img6 { background-image: url(../img/bg/facts.jpg); background-repeat: no-repeat; background-size: cover; background-position: center } .no-gutters { margin-right: 0; margin-left: 0 } .ttm-left-span .ttm-col-wrapper-bg-layer { width: auto; right: 0; margin-left: -300px } .section-title.with-desc .title-header { margin-bottom: 22px } .layer-content { position: relative; z-index: 9; height: 100% } #site-header-menu #site-navigation .menu ul li a span,#site-navigation .menu ul.dropdown>li>a::before,#totop.top-visible,.about-overlay-01,.about-overlay-02,.about-overlay-03,.accordion .toggle-title a.active,.color-trigger,.comment-list a.comment-reply-link:hover,.coupon button:hover,.featured-icon-box.style5::before,.featured-icon-box.style6:hover,.featured-imagebox-blog .ttm-box-post-date,.featured-imagebox-portfolio .ttm-media-link a,.featured-imagebox-portfolio.style1 .featured-content,.featured-imagebox-portfolio.style2 .featured-content,.featured-imagebox-services.style1:hover .featured-content,.featured-imagebox-team .social-icons,.footer .social-icons li>a:hover,.mailchimp-inputbox button[type=submit],.newsletter-form input[type=submit],.place-order button:hover,.portfolio-slide.owl-theme .owl-dots .owl-dot.active span,.progress-bar-color-bar_skincolor,.progress-bar-color-bar_skincolor.progress-bar::before,.sidebar .widget .tagcloud a:hover,.sidebar .widget .widget-title::before,.skin-flat-button,.testimonial-slide.owl-theme.ttm-bgcolor-white .owl-dots .owl-dot span,.testimonial-slide.style2.owl-theme .owl-controls .owl-nav div:hover,.testimonial-slide.style3.owl-theme .owl-dots .owl-dot span,.testimonial-slide.style4 .testimonial-avatar .testimonial-img::after,.tooltip::after,.top-contact.ttm-highlight-left::after,.top-contact.ttm-highlight-right::after,.tp-caption.skin-flat-button,.tp-caption.skin-flatborder-button:hover,.tp-shapewrapper,.ttm-bg-highlight-skin,.ttm-bgcolor-skincolor,.ttm-bgcolor-skincolor>.ttm-bg-layer,.ttm-bgcolor-skincolor>.ttm-bg-layer>.ttm-bg-layer-inner,.ttm-blog-single .ttm-blog-single-content blockquote::before,.ttm-blog-single-content .social-icons li>a:hover,.ttm-box-view-left-image .featured-content .category>a:hover,.ttm-btn-bgcolor-darkgrey:hover,.ttm-btn-bgcolor-grey:hover,.ttm-btn-bgcolor-skincolor,.ttm-btn-play::after,.ttm-btn-play::before,.ttm-btn.ttm-btn-bgcolor-darkgrey:hover,.ttm-btn.ttm-btn-color-skincolor.ttm-btn-style-border:hover,.ttm-cart-form button:hover,.ttm-header-icons .ttm-header-cart-link span.number-cart,.ttm-header-icons .ttm-header-search-link a,.ttm-header-icons .ttm-header-search-link a:hover,.ttm-history-box-wrapper:hover .ttm-history-box-details,.ttm-icon_element-bgcolor-skincolor,.ttm-pagination .page-numbers.current,.ttm-pagination .page-numbers:hover,.ttm-play-icon-animation.ttm-skincolor::after,.ttm-play-icon-animation.ttm-skincolor::before,.ttm-processbox-wrapper .ttm-processbox:hover .process-num,.ttm-rt-contact .ttm-custombutton,.ttm-search-overlay .ttm-site-searchform button,.ttm-shop-icon .product-btn:hover,.ttm-tabs ul.tabs li.active a,.ttm-tabs.ttm-tab-style-classic ul.tabs li.active::after,.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li.active a,.ttm-tabs.ttm-tab-style-classic.style1 ul.tabs li.active a::before,.ttm-tabs.ttm-tab-style-horizontal ul.tabs li.active a,.ttm-tag-list span a:hover,.ttm-video-btn .ttm-video-btn-play,.ttm-video-btn .ttm-video-btn-play::after,.ttm-video-btn .ttm-video-btn-play::before,.ttm-video-play-btn,.widget .widget-title::after,.widget-top-rated-products ins,.widget.widget-nav-menu ul li a::after,.widget.widget-search .form-group i,[data-tooltip]::after,a.checkout-button:hover,div.product ul.tabs li a::before { background-color: #2d4a8ade } .ttm-fid-view-topicon .ttm-fid-icon-wrapper .ttm-icon { margin-bottom: 0; display: inline-block; position: relative } .ttm-fid-view-lefticon.inside h4,.ttm-fid-view-righticon.inside h4 { margin-bottom: 0; float: left; display: inline-block } .inside h4 { margin-bottom: 0; padding-bottom: 0; font-size: 37px; line-height: 40px; color: #fff } .ttm-bg-layer,.ttm-bg-layer .ttm-bg-layer-inner,.ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer { position: relative; height: 100%; width: 100%; top: 0; left: 0 } .inside h3 { margin-bottom: 0; bottom: -11px; width: 100%; font-size: 16px; line-height: 24px; font-weight: 400; padding-top: 0; display: inline-block; color: #f6ba42 } .ttm-fid-view-topicon .ttm-fid-icon-wrapper .ttm-icon.ttm-icon_element-size-lg { margin-bottom: 10px; width: 90px; height: 90px; line-height: 90px; border-radius: 5px } .ttm-fid-view-topicon h4 { font-size: 46px; line-height: 56px } .ttm-fid-view-topicon h3 { font-weight: 500; font-size: 16px; padding-top: 10px } .box-paginacao h2,.box-paginacao ul li,.btn-paginacao ul li label { float: left; font-weight: 400; text-align: center } .ttm-fid-view-lefticon.style1 { margin-bottom: 0; padding: 0; margin-top: 25px } .row>[class*=col-]:not(:last-child)>.ttm-fid-view-lefticon.style1:before { position: absolute; content: ''; background-color: rgba(243,243,243,.06); width: 1px; height: 100%; bottom: 0; right: 0 } .ttm-bgcolor-skincolor .featured-title h5 i { font-size: 1.5em } .ttm-fid-view-lefticon .ttm-fid-left,.ttm-fid-view-righticon .ttm-fid-left { position: relative; display: block; width: 100% } .ttm-bgcolor-skincolor .featured-title h5 { color: #fff; font-weight: 500 } .featured-icon-box.left-icon .featured-content,.featured-icon-box.left-icon .featured-icon,.featured-icon-box.left-icon .featured-icon:not(.ttm-icon_element-border) { display: table-cell; vertical-align: middle } #totop,.featured-icon,.featured-icon-box,.featured-icon-box .featured-icon,.owl-item,.ttm-btn,button,img,span { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out } .spacing-5 { padding: 60px 0 } .layer-content .section-title .title-desc { padding-left: 0!important } .counter { font-weight: 600; display: inline-block } .quicklink-box { padding: 17px 15px; background-color: #132857; margin: 22px 0 0; position: relative; width: 60% } .quicklink-box .featured-icon-box .ttm-icon::before,.ttm-blog-single .ttm-blog-single-content blockquote { border-left-color: #2d4a8a!important } .quicklink-box .featured-icon-box .ttm-icon span { font-size: 23px; transition: unset } .quicklink-box .featured-title h5 { font-size: 20px; line-height: 24px; margin-bottom: 0; color: #fe5a0e; font-weight: 600 } .quicklink-box .featured-content { padding-left: 15px!important } .quicklink-box .featured-desc p { margin-bottom: 0; color: #bdb0b0 } .quicklink-box .featured-icon-box .ttm-icon.ttm-icon_element-size-md { line-height: 51px; height: 50px; width: 50px; padding: 0 7px } .ttm-icon.ttm-icon_element-style-round { border-radius: 50% } .coll-to-info h2 { font-size: 1.9em; padding-left: 1em; color: #c62a73; text-transform: capitalize } .box-paginacao,.box-paginacao ul { width: 100%; height: auto; float: left } .box-paginacao h2 { width: 100%; height: auto; margin: 0 0 50px; font-size: 1.3em; color: #3ca3f2 } .box-paginacao .box-vitrines { width: 100%; height: 215px; float: left; overflow: hidden; position: relative } .box-paginacao ul li { width: 160px; height: auto; margin: 0 0 10px 20px; border-radius: 10px; line-height: 200px; list-style: none; font-size: 1.3em; color: #2e2929 } .box-paginacao .vitrine1,.box-paginacao .vitrine2,.box-paginacao .vitrine3,.box-paginacao .vitrine4 { width: 100%; height: 280px; float: left; margin-bottom: 80px } .btn-paginacao { width: 20%; height: auto; float: none; margin-top: 10px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 10; left: 85%; bottom: 35% } .swiper-slide,.swiper-wrapper { height: 100%; transition-property: transform } .btn-paginacao ul li { width: 30px; height: 30px; float: none; margin: 0 5px 5px 0; border: 0 } .btn-paginacao ul li label { width: 100%; height: 30px; line-height: 30px; font-size: 1em; color: #2e2929; cursor: pointer; border-radius: 50%; transition: background-color .25s ease-in-out } .btn-paginacao ul li label:hover { background-color: #2553a8; color: #fff } #paginacao1:checked~.box-vitrines>ul { transition: transform .7s ease-in-out; transform: translateY(0) } #paginacao1:checked~.box-vitrines label[for=paginacao1],#paginacao2:checked~.box-vitrines label[for=paginacao2] { background-color: #2553a8; color: #fff; border-radius: 50% } #paginacao2:checked~.box-vitrines>ul { transition: transform .7s ease-in-out; transform: translateY(-369px) } #paginacao3:checked~.box-vitrines>ul { transition: transform .7s ease-in-out; transform: translateY(-738px) } #paginacao3:checked~.box-vitrines label[for=paginacao3] { background-color: #ff1493; color: #fff; border-radius: 50% } #paginacao4:checked~.box-vitrines>ul { transition: transform .7s ease-in-out; transform: translateY(-1107px) } #paginacao4:checked~.box-vitrines label[for=paginacao4] { background-color: #ff1493; color: #fff } .neighbour-apartments-img img { width: auto } h5.yellow { font-weight: 500; font-size: 1.3em; color: #f6ba42!important } .container-sm { width: 82% } html.w-mod-js [data-ix=hide-speaker-overlay] { display: none; opacity: 0 } html.w-mod-js [data-ix=hide-speaker-element] { opacity: 0; -webkit-transform: translate(0,20px); -ms-transform: translate(0,20px); transform: translate(0,20px) } html.w-mod-js [data-ix=hide-program-info] { display: none; opacity: 0; height: 0 } html.w-mod-js [data-ix=fade-in-on-scroll-2],html.w-mod-js [data-ix=fade-in-on-scroll-3],html.w-mod-js [data-ix=fade-in-on-scroll-4],html.w-mod-js [data-ix=fade-in-on-scroll-divider],html.w-mod-js [data-ix=fade-in-on-scroll],html.w-mod-js [data-ix=page-header-fade-in-2],html.w-mod-js [data-ix=page-header-fade-in-3],html.w-mod-js [data-ix=page-header-fade-in] { opacity: 0; -webkit-transform: translate(0,30px); -ms-transform: translate(0,30px); transform: translate(0,30px) } html.w-mod-js [data-ix=slider-title-2],html.w-mod-js [data-ix=slider-title-3],html.w-mod-js [data-ix=slider-title] { opacity: 0; -webkit-transform: translate(30px,0); -ms-transform: translate(30px,0); transform: translate(30px,0) } .swiper-container-android .swiper-slide,.swiper-pagination,.swiper-wrapper { transform: translate3d(0,0,0) } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; z-index: 1; display: flex; box-sizing: content-box } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0; width: 33%; margin: 0 .5em; position: relative } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { 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(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after,.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff } .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000 } .college-enginnering-slider .item .box:hover .title,.rr.showdiv.active,.swiper-button-lock,.swiper-pagination-lock,.swiper-scrollbar-lock,.testimonial4 .owl-dots .owl-dot span { /* display:none; */ } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; z-index: 10 } .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-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { 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-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .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: var(--swiper-pagination-color,var(--swiper-theme-color)); 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-color: #fff } .swiper-pagination-black { --swiper-pagination-color: #000 } .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,.swiper-slide-zoomed { cursor: move } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: 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%; object-fit: contain } .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: 1s linear infinite swiper-preloader-spin; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .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-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube,.swiper-container-flip { 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-container-rtl .swiper-slide { transform-origin: 100% 0 } .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,.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-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .m-l-3 { margin-left: 3em } .vc_column_container>.vc_column-inner { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 100% } img.wp-post-image { height: auto; max-width: 100% } .themetechmount-box-blog.themetechmount-blog-box-view-left-image .themetechmount-box-content,.themetechmount-box-blog.themetechmount-blog-box-view-right-image .themetechmount-box-content { width: 52.33333333%; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 22px 20px 24px 25px } .themetechmount-box-blog.themetechmount-blog-box-view-left-image,.themetechmount-box-blog.themetechmount-blog-box-view-right-image { background-color: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(40,61,88,.1); -moz-box-shadow: 0 0 15px 0 rgba(40,61,88,.1); box-shadow: 0 0 15px 0 rgba(40,61,88,.1) } .themetechmount-box-blog.themetechmount-box-topimage .themetechmount-box-content { background-color: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(40,61,88,.1); -moz-box-shadow: 0 0 15px 0 rgba(40,61,88,.1); box-shadow: 0 0 15px 0 rgba(40,61,88,.1); padding: 0; height: 100%; } .themetechmount-box-blog .themetechmount-box-content { padding-top: 22px; position: relative; overflow: hidden } .themetechmount-box-img-left,.vc_column_container { padding-left: 0; padding-right: 0 } .vc_col-sm-8 { width: 66.66666667% } .themetechmount-box-blog.themetechmount-blog-box-view-left-image .post-item,.themetechmount-box-blog.themetechmount-blog-box-view-right-image .post-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.5em; border: 1px solid #ebecee } .themetechmount-box-blog.themetechmount-blog-box-view-left-image .col-md-4.themetechmount-box-img-left,.themetechmount-box-blog.themetechmount-blog-box-view-right-image .col-md-4.themetechmount-box-img-left { width: 47.33333333% } .themetechmount-box-blog .tm-post-left,article.themetechmount-box-blog-classic .tm-post-left { text-align: center; width: 75px; position: absolute; z-index: 2; left: 20px } .themetechmount-box-blog .tm-post-left .themetechmount-post-date-wrapper { padding-left: 0; margin-left: -25px; position: relative } .themetechmount-box-blog .themetechmount-post-date-wrapper .themetechmount-entry-date .entry-month,.themetechmount-box-blog .themetechmount-post-date-wrapper .themetechmount-entry-date .entry-month .entry-year,.themetechmount-box-blog-classic .themetechmount-post-date-wrapper .themetechmount-entry-date .entry-month,.themetechmount-box-blog-classic .themetechmount-post-date-wrapper .themetechmount-entry-date .entry-month .entry-year { font-size: 15px; font-weight: 700; display: block; text-transform: uppercase; color: #ff5a3c; line-height: 1.25em } .entry-header:not(.tm-titlebar) .entry-title,.themetechmount-box-blog .themetechmount-box-content h4 { margin-top: 0; margin-bottom: 4px; font-size: 18px; line-height: 1.2em; font-weight: 600 } .themetechmount-box-blog .themetechmount-box-desc,.themetechmount-box-blog .themetechmount-box-desc-text { padding-top: 10px; line-height: 1.3em; padding-right: .5em } .tm-post-left .themetechmount-post-date-wrapper { text-align: center; font-size: 30px; font-weight: 600; line-height: 26px } .themetechmount-box-blog .entry-header { margin-top: 0; margin-left: 70px } .themetechmount-box-blog.themetechmount-box-topimage .themetechmount-box-desc { padding: 20px 20px 15px; /* height: 100%; */ } .themetechmount-box-blog .tm-post-entry-header { min-height: 55px } .themetechmount-box-blog .entry-date { color: #ff5a3c; font-weight: 700; line-height: 1.2em; padding-right: .5em } .themetechmount-box-blog .tm-post-left .themetechmount-post-date-wrapper::after { display: block; content: ""; position: absolute; height: 66%; width: 1px; right: 20px; top: 25%; margin-top: -10px; background-color: #e7ebee } .tm-featured-wrapper.tm-post-featured-wrapper { overflow: hidden; height: 250px } .themetechmount-box-topimage .tm-featured-wrapper.tm-post-featured-wrapper { overflow: hidden; height: 260px } .ltn__product-tab-content-inner { background-color: #f7f7f7; padding: 2em } .gt-label.gt-style-4 { background-color: #fff; padding: 5px; font-weight: 500; -moz-transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -o-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-45deg); left: -29px; top: 9px; width: 111px; height: 36px; text-align: center; display: flex; align-items: center; justify-content: center } .gt-label-194 { border-style: none!important } .gt-label { z-index: 1; font-size: .9231rem; position: absolute; color: #fb0 } .ltn__gallery-item-info .gt-category li { display: inline-flex; margin: 0 5px; padding: 3px 8px; background-color: #ff5a3c; color: #fff; border-radius: 8px; font-size: .9em } .ltn__blog-meta.default a,.ltn__blog-meta.default i,.ltn__blog-meta.default li { color: #ffc107!important; font-size: .95em } .demo .block { padding: 1em .5em } .testimonial4 h3 { color: #000; font-size: 1.75em; font-weight: 550; } .testimonial4 h3.head-sec { color: #cc3631; font-size: 40px; font-weight: 500; margin-bottom: 30px } .testimonial4 .bg-light { background-color: #f4f8fa!important } .testimonial4 .subtitle { color: #8d97ad; line-height: 24px } .testimonial4 .card.card-shadow { -webkit-box-shadow: 0 0 30px rgba(115,128,157,.1); box-shadow: 0 0 30px rgba(115,128,157,.1) } .testimonial4 .owl-dots { counter-reset: dots; text-align: left; margin: 0!important } .testimonial4 .owl-dots .owl-dot { padding: 15px 20px 10px 0!important; cursor: pointer } .testimonial4 .owl-dots .owl-dot:before { counter-increment: dots; content: counter(dots) } .testimonial4 .owl-dots .owl-dot.active:before { font-weight: 500; color: #263238; border-bottom: 2px solid #263238 } .testimonials-sec .item p,.testimonials-sec .item span { color: #a3a3a3; margin: 0 } .testimonials-sec .item p { line-height: 1.5 } .box-libr-event .box .item { background-color: #f0f0f0; display: flex; margin: 0 auto 20px; min-height: 150px; gap: 20px; border-radius: 5px; align-items: center; padding-left: 35px; justify-content: start; max-width: 90% } .box-libr-event .box .item .icon img { width: 80px } .box-libr-event .box .item .title { color: #717171; font-weight: 600 } .whats-coe { background:#1b58a0; color: #fff; padding: 40px 0 20px } .whats-coe .head-sec { color: #fff!important; position: relative; font-size: 2em; } .whats-coe .head-sec:after { content: ""; position: absolute; width: 35px; height: 1px; background-color: #ccc; left: 10px; bottom: -20px } .whats-coe .box-whats-coe { background: rgba(19, 46, 107, 0.5); position: relative; color: #fff; padding: 20px; min-height: 190px; } .whats-coe .box-whats-coe h3,.whats-coe .box-whats-coe p { color: #fff; margin: 0 } .whats-coe .box-whats-coe h3 { font-size: 25px; font-family: var(--ltn__heading-font); font-weight: 600; } .whats-coe .box-whats-coe p { font-size: 16px; line-height: 1.25; margin: 15px 0; padding: 0 60px 0 0; font-family: var(--ltn__body-font) } .whats-coe .box-whats-coe .link-go { position: absolute; right: 25px; bottom: 24px; color: #b8b1b1; font-size: 1.3em; } .ltn__feature-area { background-color: #f1f2f2 } .step-the-way { padding: 50px 0; font-family: var(--ltn__body-font); color: #eee; font-weight: 300; background:linear-gradient(262deg, #40d9e0e6 25%, rgba(19, 46, 107, 0.92) 100%); /* background: linear-gradient(262deg, rgba(112,49,125,1) 52%, rgba(19,46,107,1) 100%); */ background-color: #132e6b; margin-bottom: 50px!important } .step-the-way .content-left { padding: 0 0 0 20px } .step-the-way .content-left h2 { color: #fff; line-height: 1.5; font-size: 1.75em; } .step-the-way .content-left p { margin: 30px 0 0; font-size: 1.1em; color: #fff; line-height: 1.5 } .college-enginnering-slider .owl-dots .owl-dot span,.slider-step-the-way .owl-dots { display: none!important } .slider-step-the-way .item .box { position: relative; background-color: #fff; border-radius: 10px; text-align: center; padding: 10px; /* max-height:300px; */ overflow: hidden; /* width: 400px; */ /* height: 280px; */ } .slider-step-the-way .item .box:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #46b6db57; left: 125px; top: -111px; border-radius: 50%; opacity: .4 } .slider-step-the-way .item .box .icons { margin-top: 30px 0 20px } .slider-step-the-way .item .box .icons img { width: 70px } .slider-step-the-way .item .box .title { font-size: 1.5em; font-weight: 600; margin: 10px 0 } .slider-step-the-way .item .box .content { font-size: 1em; color: #000; font-weight: 600!important; margin: auto; width: 90%; line-height: 1.5 } .slider-step-the-way .item .box .link-go { width: 30px; height: 30px; background-color: #3ac6d3; display: block; margin: 10px auto; line-height: 32px; border-radius: 50%; font-size: 18px; font-weight: 700 } .slider-step-the-way .owl-controls .owl-nav div.owl-prev { top: 40px!important; left: 18px; position: relative!important } .slider-step-the-way .owl-controls .owl-nav div.owl-next { top: 26px!important; left: 55px; position: relative!important } .slider-step-the-way .owl-controls .owl-nav div { background-color: #fff!important; width: 30px!important } .slider-step-the-way .owl-controls .owl-nav div.owl-next:before,.slider-step-the-way .owl-controls .owl-nav div.owl-prev:before { color: #000!important; font-size: 18px } h3.head-sec { color: #cc3631; font-family: var(--ltn__heading-font) } .college-enginnering-slider .item .box.center-slide { height: 588px; width: 100%; overflow: hidden; margin: 0 auto; } .college-enginnering-slider .item a { position: relative; width: 100%; height: 100%; display: block; } .college-enginnering-slider .item a:after { position: absolute; content: ""; background-color: #47464670; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: none; } .college-enginnering-slider .item .title { position: absolute; z-index: 1; bottom: 10%; left: 25px; margin: 0; color: #fff; width: 85%; padding: 0.5em; background: #1a2b67; } .college-enginnering-slider .box .title:hover { background: linear-gradient(262deg, #40d9e0e6 25%, rgba(19, 46, 107, 0.92) 100%); width: 85%; } .college-enginnering-slider .item .content { position: absolute; top: 0; left: 15px; right: 0; width: 92%; height: 100%; /* background-color:rgba(0,0,0,.61); */ padding: 10px 20px; transition: .5s ease-in-out; visibility: hidden; opacity: 0; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .college-enginnering-slider .item .box:hover .content { visibility: visible; opacity: 1; } .college-enginnering-slider .item .content .title-content,.college-enginnering-slider .item .content p { color: #fff; transition: .5s ease-in-out } .college-enginnering-slider .item .content .title-content { margin: 0 0 5px; transform: translateY(-10px) } .college-enginnering-slider .item .content p { margin: 0; transform: translateY(10px); font-size: 0.75em; display: none; } .college-enginnering-slider .item .box:hover .content .title-content,.college-enginnering-slider .item .box:hover .content p { transform: translateY(0); z-index: 1; position: relative } .college-enginnering-slider .owl-dots { text-align: center!important } .college-enginnering-slider .owl-dots .owl-dot { background-color: #c7c7c7; width: 20px; height: 20px; margin: 0 5px; opacity: .75 } .temp-inner-college { padding: 3em 3em 5em; width: 95%; margin: 0 auto } .college-img-wrapper { position: relative; display: flex; align-items: end; justify-content: center } .college-img-wrapper .img-one { padding: 10px; background-color: #e1e1e1; width: 320px !important; height: 520px !important; } .college-img-wrapper .img-two { position: absolute; top: 70px; left: 0; background-color: #fff; padding: 10px; width: 320px !important; height: 520px !important; } .head-inner-bg { height: 285px; width: 100%; position: relative; z-index: -1; } .head-inner-bg img,.slider-sec-college-home .item img { height: 100%; width: 100%; object-fit: cover } .head-inner-bg .content { position: absolute; background-color: rgba(234,239,247,.95); left: 0; bottom: 0; color: #000; width: 51%; padding: 10px 20px; margin: 0; font-weight: 400; overflow: hidden } .head-inner-bg .content:after { content: ''; height: 20px; width: 100%; position: absolute; left: 0; background-color: #eaeff7; bottom: 0 } .head-inner-bg .content h1, .head-inner-bg .content h2 { text-align: left; margin-top: 0; margin-bottom: 10px; font-weight: 600; position: relative; left: 35px; width: fit-content; letter-spacing: -.03em; font-size: 1.8em; color: #fff; } .slider-sec-college-home { margin-bottom: 55px; overflow: hidden; direction: ltr } .slider-sec-college-home .owl-stage-outer { overflow: visible!important } .slider-sec-college-home .item { height: 515px; position: relative } .college-enginnering-slider .owl-dots .owl-dot.active { background-color: #132e57 } .slider-sec-college-home .item .slide-content { position: absolute; z-index: 2; width: 40%; bottom: 0; right: 0; font-weight: 400; background: linear-gradient(262deg, #40ace0d9 25%, rgba(19, 46, 107, 0.92) 100%); padding: 20px; color: #fff; margin-right: 0; height: 250px; } .slider-sec-college-home .owl-controls .owl-dots { position: absolute; right: 225px; bottom: 30px } .slider-sec-college-home .owl-controls .owl-nav div { background: rgba(255,255,255,.9)!important; background-color: rgb(255 255 255 / 0%)!important; height: 100px!important; width: 50px!important; line-height: 100px!important; color: #fff !important; } .slider-sec-college-home .owl-controls .owl-nav div.owl-prev { left: 0; right: auto; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0 } .slider-sec-college-home .owl-controls .owl-nav div.owl-next { right: 0!important; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px } .slider-sec-college-home .owl-controls .owl-nav div.owl-next:before { content: "\f061"!important } .slider-sec-college-home .owl-controls .owl-nav div.owl-prev:before { content: "\f060"!important } .slider-sec-college-home .owl-controls .owl-nav div.owl-next,.slider-sec-college-home .owl-controls .owl-nav div.owl-prev { bottom: 150px!important; top: auto!important } .slider-sec-college-home .owl-theme .owl-dots .owl-dot span { width: 0; height: 0 } .slider-sec-college-home .owl-nav div.owl-next:before,.slider-sec-college-home .owl-nav div.owl-prev:before { color: #ffffff!important; font-size: 30px } .slider-sec-college-home .owl-dots .owl-dot { display: inline-block; width: 14px; height: 14px; padding: 0; border-radius: 50%; background: #fff; border: 1px solid #428bca; margin: 5px } .slider-sec-college-home .owl-theme .owl-dots .owl-dot.active,.slider-sec-college-home .owl-theme .owl-dots .owl-dot.active span { background: #ffc107; border: 2px solid #ffc107; } .slider-sec-college-home .item .slide-content>.container { /* max-width:480px; */ margin: 0 } .slider-sec-college-home .item .slide-content .slide__label { font-family: var(--ltn__body-font); text-transform: uppercase; margin: .33em 0 } .slider-sec-college-home .item .slide-content .slide__label a { font-weight: 400; font-size: 1em; color: #ffc107; } .slider-sec-college-home .item .slide-content .slide__label a:focus,.slider-sec-college-home .item .slide-content p a:focus { outline-color: #fff } .slider-sec-college-home .item .slide-content .image-title h1, .slider-sec-college-home .item .slide-content .image-title h1 { font-size: 1.1em; color: #fff; font-weight: 400; margin: 0 } .slider-sec-college-home .item .slide-content hr { border-top: 1px solid #77a8e0; margin: 15px 0; opacity: 1 } .slider-sec-college-home .item .slide-content p a { color: #fff; font-size: 16px; display: inline-block } .slider-sec-college-home .item .slide-content p a:after { display: inline-block; font: 900 16px/1 "Font Awesome 5 Free"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f061'; color: #ffc107; padding-left: 10px } .ltn__main-menu .sub-menu li { cursor: pointer; border-top: 1px solid #ddd; color: #fff } .ltn__main-menu .sub-menu li:hover a { color: #fff } .ltn__main-menu .sub-menu li:hover { background-color: #b7251a } @media (max-width: 768px) { .ltn__newletter-popup-active { max-width:300px } .college-img-wrapper .img-one,.slider-sec-college-home .item .slide-content { width: 100% } .slider-sec-college-home .owl-controls .owl-nav div { height: 70px!important; width: 40px!important; line-height: 70px!important } .slider-sec-college-home .item .slide-content .image-title h1,.slider-sec-college-home .item .slide-content .image-title h2 { font-size: 20px } .slider-sec-college-home .item .slide-content p a { font-size: 14px } .slider-sec-college-home .owl-controls .owl-dots { bottom: 10px } .slider-sec-college-home .item .slide-content>.container { padding: 0 30px } .college-enginnering-slider .item { overflow-y: hidden } .college-enginnering-slider .item .box.center-slide { margin: 10px 0 } .college-img-wrapper,.testimonials-sec { margin-bottom: 20px } body,html { overflow-x: hidden } .footer .widget-title,ul.list-arrow { padding-left: 20px } .footer .widget-title:after { left: 20px } .college-img-wrapper .img-two { right: 20px; width: 80% } .temp-inner-college .cont { text-align: left; padding: 0 10px } .temp-inner-college .cont .paragraph-title { text-align: left } .head-inner-bg .content { width: 90% } .services-list { padding-left: 5px } .about-text-wrapper2 .text-list li::before { top: -15px } .temp-inner-college .cont .sect-title { font-size: 25px } .services-list p { text-align: left; padding: 0 15px } .testimonial4 h3.head-sec { font-size: 28px } .testimonial4 h3 { text-align: center; width: 80%; margin: 15px auto } .box-libr-event .box .item .title { font-size: 25px!important } } ::-webkit-scrollbar-thumb { background: #205e7b } ::-webkit-scrollbar-track { background: #edeeef } ::-webkit-scrollbar { width: 4px } .sub-sub-menu::-webkit-scrollbar-thumb { background: #205e7b } .sub-sub-menu::-webkit-scrollbar-track { background: #edeeef } .sub-sub-menu::-webkit-scrollbar { width: 4px } .ltn__breadcrumb-list a:hover { color: #fff; text-decoration: underline } @media (max-width: 768px) { .show-ipad-hidden-mob-hidden-desktop { display: none !important; } } /* Upper-sec File */ .aboutSection { padding: 0; color: #e8e6e3; margin-bottom: 45px; } .twoBLockSection .innerWrap { padding: 34px 50px; } .flexRow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .twoBLockSection .sectionRed { background: #132b61; } .twoBLockSection .sectionRed, .twoBLockSection .sectionBlack, .twoBLockSection .blockSection, .twoBLockSection .sectionLightRed { width: 50%; color: #fff; } .flexRow > div { float: none; } .twoBLockSection .innerWrap { padding: 34px 50px; } .aboutSection h4 { text-align: center; font-size: 2.3em; margin: 0; color: #fff; } .aboutSection .programFinder { margin-top: 1.5em; } .twoBLockSection .sectionRed, .twoBLockSection .sectionBlack, .twoBLockSection .blockSection, .twoBLockSection .sectionLightRed { color: #fff; } .aboutSection .programFinder .programFinderLeft { width: 50%; float: left; padding: 0 15px; margin-top: 1em; } .aboutSection .feildControl { margin-bottom: 7px; } .aboutSection input, .aboutSection select, .aboutSection textarea { background: none; color: #fff; border: 1px solid #fff; font-size: 1.050em; width: 100%; border-radius: 3px; padding: 5px 10px; height: 46px; margin-bottom: 12px; } .programFinderRight i { font-size: 0.8em; } h6 a:hover, .programFinderRight li a:hover { color: #fff !important; padding-left: 1em !important; } .aboutSection select option { color: #071c1f; } .aboutSection .ui-selectmenu-button.ui-button { border-radius: 3px; padding: 5px 10px; padding-top: 5px; height: 46px; font-size: 1.050em; width: 100%; outline: none; border: 1px solid #ec8489; background: none; padding-top: 10px; color: #fff; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .programFinderLeft .inputBtnSvg input { width: 125px; opacity: 0; } .inputBtnSvg .readMoreBtn { position: absolute; pointer-events: none; position: absolute; top: 0; right: 0; width: 124px; margin: 0; border-radius: 3px; } .readMoreBtn { display: inline-block; margin: 4px 0; padding: 8px 10px; padding-right: 10px; font-weight: 500; background: none; color: #fff; padding-right: 50px; position: relative; font-size: 17px; margin-top: 20px; position: relative; } .readMoreBtn svg { height: 45px; left: 0; position: absolute; top: 0; border-radius: 2px; width: 100%; } svg:not(:root) { overflow: hidden; } .readMoreBtn { font-weight: 500; color: #fff; font-size: 17px; } text-right { text-align: right; } .inputBtnSvg .readMoreBtn { pointer-events: none; } .readMoreBtn::after { color: #fff; position: absolute; right: 4px; top: 0; content: "\75"; font-size: 45px; font-family: "uaeu" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aboutSection .programFinder .programFinderRight { width: 50%; float: left; padding: 0 15px; padding-left: 15px; padding-left: 0px; } .aboutSection .programFinder .programFinderRight h6 { margin: 0; margin-bottom: 0px; margin-bottom: 15px; font-weight: 400; font-size: 1.50em; color: #fff; padding-left: 50px; } .aboutSection .programFinder .programFinderRight ul li { list-style: none; line-height: 1.6em; font-weight: 400; position: relative; padding-left: 24px; color: #e8e6e3; margin-bottom: 5px; margin-top: 0.3em; font-size: 1.15em; } .aboutSection .programFinder .programFinderRight ul li a { color: #fff; position: relative; padding-left: 0.5em; } .aboutSection .programFinder::after { content: ""; display: table; clear: both; } .aboutSection .sectionBlack .innerWrap { position: relative; } .twoBLockSection .innerWrap { padding: 60px 50px; } .text-center { text-align: center; } .aboutSection .sectionBlack { position: relative; } .twoBLockSection .sectionBlack { background: url(../img/aida.jpg) bottom left no-repeat #132b61 !important; background-size: cover !important; } .twoBLockSection .sectionRed, .twoBLockSection .sectionBlack, .twoBLockSection .blockSection, .twoBLockSection .sectionLightRed { width: 50%; color: #fff; } .maritimeRight, .maritimeLeft { width: 50%; float: left; padding-left: 40px; padding-bottom: 1em; padding-top: 1em; } .maritimeRight i, .maritimeLeft i { margin-right: 0.7em; } .maritimeRight ul li, .maritimeLeft ul li { list-style: none; font-size: 1.2em; line-height: 1.2em; text-align: left; } .btn-wrapper.mt-150 { margin-top: 10em; } .flexRow > div { float: none; } .readMoreBtn rect { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 422, 0; } .programFinderRight ul { padding-left: 0px; margin-left: 0px; } .detailWrap p { color: #fff; } .btn-wrapper { display: block; margin-top: 0.5em; margin-left: 0.8em; } .btn { border-radius: 0; display: inline-block; font-size: 16px; font-weight: 500; font-family: var(--ltn__heading-font); padding: 15px 50px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 1; margin-right: 15px; border-radius: 3px; } .tabset > input[type="radio"] { position: absolute; left: -200vw; } .tabset .tab-panel { display: none; } .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) { display: block; } .tabset > label { position: relative; display: inline-block; padding: 15px 15px 25px; border-bottom: 0; cursor: pointer; font-weight: 600; background-color: transparent; border-bottom: 2px solid transparent; padding: 1px; margin-right: 50px; font-weight: 600; font-size: 20px; line-height: 1.2; position: relative; color: #232323; } label svg { height: 45px; left: 0; position: absolute; top: 0; border-radius: 2px; width: 100%; } svg:not(:root) { overflow: hidden; } .tabset > label:active::after { background-color: var(--ltn__secondary-color); border: 3px solid var(--white); color: #d84c0d; } .tabset > label::after { position: absolute; content: ""; right: 45%; top: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); height: 10px; width: 10px; background-color: transparent; opacity: 1; border: 3px solid transparent; border-radius: 100%; } .tabset > label:hover, .tabset > input:active + label, .tabset > input:focus + label { color: #d84c0d !important; ;background-color: transparent; border-color: var(--ltn__secondary-color); } .tabset > input:checked + label { border-color: #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; border: none; } .tab-panel { padding: 30px 0; border-top: 1px solid #ccc; border: none; } .gt-event-style-3 .gt-category ul li { background-color: #ececec; } .gt-event-style-3 .gt-details + .gt-text { margin-top: 20px; text-align: left; line-height: 1.6; } .gt-content { border-top-color: #f6ba42 !important; } .gt-all-button { color: #d84c0d; font-size: 1.25em; } .gt-all-button:hover, .gt-all-button:focus { color: #d84c0d !important; font-size: 1.25em; text-decoration: underline; } .rs-about.style1 .notice-bord.style1 .title { background: none; font-size: 22px; text-transform: uppercase; padding: 0 5px; text-align: left; font-weight: 600; color: #e22023; margin-bottom: 10px; } *, *:before, *:after { box-sizing: border-box; } .tabset { max-width: 82%; margin-left: auto; margin-right: auto; text-align: center; margin-top: 2%; } #menuToggle { display: block; position: relative; top: 0px; left: 0em; z-index: 1; -webkit-user-select: none; user-select: none; padding: 0.5em; width: 100%; } #menuToggle a { text-decoration: none; color: #232323; transition: color 0.3s ease; } #menuToggle a:hover { color: tomato; } #menuToggle input { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; } #menuToggle span { display: block; width: 30px; height: 4px; margin-bottom: 5px; position: relative; background: #fff; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; left: 20%; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } #menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(0px, -1px); background: #fff; } #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } #menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(2px, 0px); } #menu { position: absolute; width: 17.2em; margin: -5em 0 0 -5em; padding: 1.5em; padding-top: 7em; background: #043d72; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); opacity: 0; display: none; } #menu li { padding: 10px 0; font-size: 22px; } #menuToggle input:checked ~ ul#menu { transform: none; display: block; opacity: 1; } .row2 { background-color: #132b61; border: none; } .rr.showdiv i { margin-left: 50px !important; opacity: 1; transition: all 1s ease-out 4.5s; margin-top: 3em; } .rr i { background: url(../image/png23.png) center center no-repeat; width: 50px !important; height: 100%; display: block; margin-left: 20px; position: relative; opacity: 0; z-index: 1; } .ltn__currency-menu ul li ul { min-width: max-content !important; } .body_home { background: none !important; height: 100%; overflow: hidden; } .aast-logo { position: absolute; top: 3.5em; z-index: 1; left: 65%; width: 100%; } .ltn__drop-menu ul li ul li { display: block; padding: 7px 7px; font-size: 16px; color: var(--ltn__paragraph-color); font-weight: 500; } .fa-search::before { content: "\f002"; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .ltn__top-bar-menu > ul > li > i, .ltn__top-bar-menu > ul > li > a > i { margin-right: 3px; color: #f9b702; font-size: 0.85em; font-weight: normal; } .fa-circle::before { content: "\f111"; font-size: 0.7em; } .auto-container { padding: 0 0.9em; } .burg-nav { width: 6.5%; left: 3%; } .ltn__top-bar-menu > ul > li { list-style: none; display: inline-block; margin: 0 15px 0 0; font-size: 14px; font-weight: 700; } .btn.btn-effect-3.btn-white { color: #043d72; } .detailWrap p { font-size: 1.25em; margin-top: 0.8em; color: #fff; } .detailWrap p span { color: #fb0; font-size: 1.5em; } ul.slide-nav { display: inline-block; list-style: none; padding-left: 0px; margin-bottom: 0px; margin-top: 2em; } .slide-nav-item { list-style: none; display: inherit; margin-top: 0px; } li a.slide-nav-1 { font-size: 1.53em; padding-right: 1em; padding-left: 1em; color: #132b61; } .slide-nav li a.slide-nav-11::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; left: 20%; right: 0; transition: transform .24s ease; width: 4em; } .slide-nav li a.slide-nav-2::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; left: 32%; right: 0; transition: transform .24s ease; width: 4.5em; } .slide-nav li a.slide-nav-3::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; left: 44.5%; right: 0; transition: transform .24s ease; transition-property: transform; transition-duration: 0.24s; transition-timing-function: ease; transition-delay: 0s; width: 4.4em; } .slide-nav li a.slide-nav-4::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; left: 56.5%; right: 0; transition: transform .24s ease; width: 3.5em; } .slide-nav li a.slide-nav-5::after { height: 2px; border-radius: 2px; background-color: #132b61; display: block; content: ""; position: absolute; left: 67.1%; right: 0; transition: transform .24s ease; width: 5.3em; } .slide-nav li a.slide-nav-1:hover { color: #ca9c13 !important; } .slide-nav li a.slide-nav-1:hover::after { transform: scaleX(.3); } .caption { line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 6.5% 4% 3.85% 3.5%; color: #fff; text-transform: none; text-align: center; font-size: 18px; } #active { position: relative; z-index: 5; margin: 13.5% 0 30px 0; text-align: center; } #slide1:checked ~ #commands label:nth-child(5), #slide2:checked ~ #commands label:nth-child(1), #slide3:checked ~ #commands label:nth-child(2), #slide4:checked ~ #commands label:nth-child(3), #slide5:checked ~ #commands label:nth-child(4) { background: url('../50yrs-slider/image/previous.png') no-repeat; float: left; margin: 1% 0px 0px 0px; display: block; } #slide1:checked ~ #commands label:nth-child(2), #slide2:checked ~ #commands label:nth-child(3), #slide3:checked ~ #commands label:nth-child(4), #slide4:checked ~ #commands label:nth-child(5), #slide5:checked ~ #commands label:nth-child(1) { background: url('../50yrs-slider/image/next.png') no-repeat; float: right; margin: 1% 0px 0px 0px; display: block; } #menu li { padding: 0px; font-size: 22px; margin-top: 1em; } .ltn__drop-menu ul li ul li { display: block; padding: 0px 1em; font-size: 16px; color: var(--ltn__paragraph-color); font-weight: 500; } .btn-orange { background-color: #d84c0d; color: var(--white); margin-top: 20%; font-size: 1em !important; box-shadow: -.25em .25em 0 #132b61,0 .25em 0 #132b61; padding: 10px 50px; } .btn-orange:hover { background-color: #c62a73; color: #d84c0d !important; margin-top: 20%; font-size: 1em !important; box-shadow: -.25em .25em 0 #c62a73,0 .25em 0 #c62a73; padding: 10px 50px; } .container, .menu-wrapper { height: 100%; } .hamburger-init { width: 40px; height: 30px; position: absolute; top: -12px; cursor: pointer; z-index: 99; } .bar { position: absolute; height: 4px; width: 100%; background: #fff; transition: all .3s; } .bar.middle-bar { top: 50%; margin-top: -4px; } .bar.bottom-bar { bottom: 4px; } .hamburger-init.active { z-index: 2; animation: rotateHamburger .5s linear 0s forwards; } .hamburger-init.active .bar { background: #fff; } .hamburger-init.active .bar.top-bar { transform: translateY(16px) rotate(45deg); } .hamburger-init.active .bar.middle-bar { width: 0; } .hamburger-init.active .bar.bottom-bar { transform: translateY(-6px) rotate(-45deg); } .menu-wrapper { background: rgba(0, 0, 0, .8); transform: scale(0); border-radius: 50%; } .menu-wrapper.visible { transform: scale(1); border-radius: 0; z-index: 99; position: absolute; margin-top: 1.3em; text-align: left; width: 360px; right: 10%; } .menu { } .menu-wrapper li { opacity: 0; cursor: pointer; transition: all .3s; list-style: none; padding-left: 1.7em; } .menu-wrapper li a { font-size: 1.12em; } .menu-wrapper ul ul.menu.menu-active li { margin-top: 0.2em !important; font-size: 0.98em; padding-left: 1.15em; } .menu-wrapper ul ul.menu.menu-active li:hover { background-color: #c62474; padding-left: 1.5em; } .menu-wrapper ul ul.menu.menu-active li a { font-size: 1.1em; } .menu.menu-active li:nth-child(1) { animation: moveItems 1s linear 0s forwards; } .menu.menu-active li:nth-child(2) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(3) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(4) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(5) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(6) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(7) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(8) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(9) { animation: moveItems 1s linear .1s forwards; } .menu.menu-active li:nth-child(10) { animation: moveItems 1s linear .1s forwards; } .menu-item-has-children { position: relative; } .menu-item-has-children::after { content: ''; position: absolute; width: 12px; height: 12px; background: transparent; border: 1px solid transparent; border-right-color: #fff; border-bottom-color: #fff; top: 5px; right: 10%; transform: rotate(45deg); transition: all .3s; } .menu-item-has-children.sub-menu-active::after { transform: rotate(224deg); } .menu-item-has-children > .menu { display: none; position: static; transform: initial; } .guide-text { color: crimson; font-size: 25px; position: absolute; right: 80px; top: 20px; opacity: 0; } .container.hamburger-guide .guide-text { animation: showClickGuide 1s linear infinite; } @keyframes rotateHamburger { 0% { transform: rotate(0); } 100% { transform: rotate(180deg); } } @keyframes moveItems { 0% { transform: translateY(-20px); opacity: 0; } 30% { transform: translateY(-15px); opacity: .2; } 50% { transform: translateY(-10px); opacity: .3; } 80% { transform: translateY(-5px); opacity: .4; } 100% { transform: translateY(0); opacity: 1; } } @keyframes showClickGuide { 0% { opacity: 0; transform: scale(.5); } 100% { opacity: 1; transform: scale(1); } } @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,600&display=swap'); .college-enginnering .box { height: 290px; width:420px; overflow: hidden; } .testim-title i { font-size: 70px; margin-right: 50px; } section.about { padding: 75px 10px; } .about-box h2 { text-transform: capitalize; } .col-6.col-md-12.testimonial { padding-top: 1.5em; } .about-box p { margin: 15px 0; color: #698391; } a.about-link { display: inline-block; padding: 15px 30px; background: linear-gradient(262deg, #24a4d7e6 25%, rgba(19, 46, 107, 0.92) 100%); color: #fff; border-radius: 4px; } .about-slider h4 { color: #4a5357; } .about-box { margin-right: 30px; } .about-images { position: relative; } .ab-image img { width: 100%; height: 100%; display: block; border-radius: 50%; } .ab-image.active { border: 2px solid #f07c67; border-radius: 50%; } .ab-image:first-child { width: 140px; top: -2em; border-radius: 50%; padding: 4px; position: absolute; right: 40px; } .ab-image:nth-child(2) { width: 200px; margin-top: 100px; padding: 4px; } .ab-image:nth-child(3) { width: 120px; position: absolute; right: 40px; padding: 5px; } .active .cir1 { content: ''; position: absolute; width: 40px; height: 40px; background: #f0bcb3; right: 20px; bottom: -50px; border-radius: 50%; } .active .cir2 { content: ''; position: absolute; width: 20px; height: 20px; background: #f0bcb3; right: -5px; bottom: -63px; border-radius: 50%; } .about-carousel { margin-top: 50px; overflow: hidden; } .about-slider h2 { margin-top: 13px; } .item { } p.para { margin-bottom: 20px; color: #686868; font-weight: normal; } button.owl-dot { display: inline-block; width: 30px; height: 5px; background: #bfbfbf; margin-right: 5px; cursor: pointer; } .about .owl-dots { margin-top: 20px; justify-content: flex-start; } button.owl-dot.active { background: #000; } .ab-image:nth-child(2) .cir1 { bottom: 184px; right: 105px; } .ab-image:nth-child(2) .cir2 { bottom: 206px; right: 75px; } .ab-image:nth-child(3) .cir1 { bottom: 129px; right: 14px; } .ab-image:nth-child(3) .cir2 { bottom: 166px; right: -3px; } .btn-gradient { background: linear-gradient(to right, #f43274, #ff9472); color: #fff; font-weight: 600; font-size: 1.15em; padding: 10px 25px; font-family: Poppins; letter-spacing: -0.03em; border: none; line-height: 35px; } .btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s } .btn-effect-1:after, .btn-effect-2:after { width: 0%; height: 100%; top: 0; right: 0; background: var(--white) } .btn-effect-3:after { width: 0%; height: 100%; top: 0; left: 0; background: #cc2071 } .btn.btn-effect-3.btn-white:hover { border: 1px solid #fff } .btn-effect-4:after { width: 0%; height: 100%; top: 0; left: 0; color: var(--white); background: #d8d7d9 } .btn-effect-4:hover::after { width: 100%; background: #c62a73!important; color: var(--white) } .btn-effect-5:after { width: 0%; height: 100%; top: 0; left: 0; background: var(--ltn__secondary-color) } .btn-border { border: 2px solid var(--border-color-10); -webkit-box-shadow: none; box-shadow: none } flex-start, .flex-start { display: flex; flex-wrap: wrap; justify-content: flex-start; } p.para { margin-bottom: 20px; color: #686868; font-weight: normal; } .item p { flex: 1; color: #737f99; } p { font-size: 18px; } .about .owl-dot { display: inline-block !important; width: 30px; height: 5px; background: #bfbfbf; margin-right: 5px; cursor: pointer; border-radius: 0; } .about .owl-dot.active { background: #000; } .about .owl-theme .owl-dots .owl-dot span { display: none } .item .para { /* height: 200px;*/ overflow: hidden; line-height: 1.4; } .ltn__feature-item-3 { min-height: 200px; } .ltn__breadcrumb-list ul li { font-size: .9em; } @media(max-width: 821px) { .slider-sec-college-home .item .slide-content { width: 70%; } .slider-sec-college-home .item .slide-content p a { font-size: 1em; letter-spacing: 1.8px; } .slider-sec-college-home .item .slide-content .slide__label a { font-size: 1em; } .college-enginnering-slider .item .title { font-size: 1.1em; line-height: 1.6; } .college-enginnering-slider .item .content p { font-size: 1.6em; } .slider-step-the-way .item .box .content { font-size: .9em; } .slider-step-the-way .item .box { height: auto; padding: 10px 10px 30px; } .slider-step-the-way .owl-controls .owl-nav div.owl-next { left: 50%; } .slider-step-the-way .owl-controls .owl-nav div.owl-prev { left: 40%; } .step-the-way .content-left p { font-size: 1em !important; } .gt-event-style-3 .gt-details + .gt-text { font-size: .9em; letter-spacing: 1px; } .gt-event-style-3 .gt-date { font-size: .8em; } .gt-event-style-3 .gt-category ul a, .gt-event-style-3 .gt-category ul a:visited { font-size: .9em; } .gt-label { font-size: .8em; } .tab-content .btn { font-size: 25px; } .whats-coe .box-whats-coe h3 { font-size: 1.2em; } .whats-coe .box-whats-coe p { font-size: 1em !important; letter-spacing: 1.6px; } .whats-coe .box-whats-coe .link-go { font-size: 1.2em; } .about-box p { font-size: 1em; letter-spacing: 2px; } .about-box h2 { font-size: 1.5em; } .btn:last-child { font-size: .9em; letter-spacing: .9px; } .about-slider.flex-start { margin: 60px 0; width: 100%; } .col-12.col-lg-6.testimonial { margin: 180px 0; } .about-slider h4, .item .para { font-size: 1em; } .footer-menu { text-align: center; justify-content: center; display: flex; width: 100%; } .footer-menu ul li a, .copyright-info { font-size: 1.1em; } .section-title { font-size: 1.5em; } .ltn__feature-info h4 { font-size: 1em; } .ltn__feature-item-3 { height: auto !important; min-height: 400px; } .ltn__breadcrumb-list ul li { font-size: .8em !important; } .ltn__breadcrumb-list ul li:after { font-size: .8em; right: -25px; } .ltn__breadcrumb-list ul li { margin-left: 30px; } .temp-inner-college .cont h3 { font-size: 1.3em; } .temp-inner-college .cont h2 { font-size: 1.2em; } .services-list p, .temp-inner-college .cont .paragraph-title { font-size: 1em; } .slider-sec-college-home .item .slide-content .image-title h1, .slider-sec-college-home .item .slide-content .image-title h1 { font-size: 1.5em; } .step-the-way .content-left h2 { font-size: 1.5em; } .slider-step-the-way .item .box .title { font-size: 1.2em; } .ltn__tab-menu-3 a { font-size: 1em !important; } .gt-event-style-3 .gt-category ul li { font-size: .9em; } .gt-event-style-3 .gt-title { font-size: 1em; } .whats-coe .head-sec { font-size: 1.5em } .about-link.more-videos.hover { font-size: 1em !important; padding: 10px 15px !important; } .about-slider h2 { font-size: 1.5em; } .ltn__feature-item-6 { text-align: center; } .themetechmount-box-blog .themetechmount-box-content h4 { font-size: .9em; } .themetechmount-box-blog .themetechmount-box-desc, .themetechmount-box-blog .themetechmount-box-desc-text { font-size: .8em; line-height: 2; } .ltn__blog-btn { font-size: .9em; } .ltn__feature-info .gt-date { font-size: .8em; } .ltn__feature-icon span { font-size: .9em; } .ltn__feature-info p { line-height: 1.6 !important; } } @media(max-width: 768px) { .owl-theme .owl-controls .owl-nav div.owl-next { right: -15px !important } .owl-theme .owl-controls .owl-nav div.owl-prev { left: 40% !important; right: auto !important; } } @media(max-width: 450px) { .slider-sec-college-home .item .slide-content { width: 95%; } .slider-sec-college-home .owl-controls .owl-dots { display: none !important; } .slider-sec-college-home .item .slide-content p a { font-size: .9em; } .slider-sec-college-home .owl-theme .owl-controls .owl-nav div.owl-next { right: 5px !important; } .slider-sec-college-home .owl-theme .owl-controls .owl-nav div.owl-prev { left: 5px !important; } .college-enginnering-slider .item .title { font-size: 20px; } .college-enginnering .box { margin: 20px 0; } .college-enginnering .owl-theme .owl-controls .owl-nav div.owl-prev { left: 0px !important } .college-enginnering .owl-theme .owl-controls .owl-nav div.owl-next { right: 0px !important } .step-the-way .content-left h2 { font-size: 1.1em; } .step-the-way .content-left p { font-size: .9em !important; } .slider-step-the-way .item .box .title { font-size: 1.3em; } .slider-step-the-way .item .box .content { font-size: .9em; } .slider-step-the-way .owl-controls .owl-nav div.owl-prev { left: 35% !important; } .ltn__feature-info h4 { font-size: 1.2em; line-height: 1.6; } .gt-event-style-3 .gt-details + .gt-text { font-size: .8em; } .tab-content .btn { } .whats-coe .head-sec { font-size: 1em; } .whats-coe .box-whats-coe p { font-size: .8em !important; line-height: 1.5; } .about-box h2 { font-size: 1.2em !important; } .about-box p { font-size: 1em; } .btn:last-child { font-size: .7em !important; } .footer-widget ul.list-arrow li a { font-size: 1em !important; } .ltn__breadcrumb-list ul li { font-size: .8em !important; } .slider-sec-college-home .item .slide-content .slide__label a { font-size: .9em; } .slider-sec-college-home .item .slide-content .image-title h1, .slider-sec-college-home .item .slide-content .image-title h1 { font-size: 1.1em; } .gt-event-style-3 .gt-title { font-size: .91em; line-height: 1.7; } .owl-theme .owl-controls .owl-nav div.owl-prev, .owl-theme .owl-controls .owl-nav div.owl-next { width: 20px !important; height: 20px !important; line-height: 20px !important; } .owl-theme .owl-controls .owl-nav div.owl-prev:before, .owl-theme .owl-controls .owl-nav div.owl-next:before { font-size: 12px !important; } .footer .widget-title, ul.list-arrow { font-size: 1em; } .footer-menu ul li { font-size: .8em; } .container-fluid.px-5 { padding: 0 !important } .temp-inner-college .cont h2 { font-size: 1em; } .temp-inner-college .cont .sect-title { font-size: 1.1em; } .services-list p, .temp-inner-college .cont .paragraph-title { font-size: .9em; } } .college-enginnering .box img{ width: 100%; height: 100% } .title:hover { background: none;} /****** css slider ********/ .slider-container { display: flex; align-items: center; justify-content: center; height: 100%; margin-bottom: 50px; } .slide-content .container { width: 95%; margin: 0; } .slider { width: 100%; max-width: 100%; text-align: center; overflow: hidden; position: relative; } .slides { display: flex; overflow-x: hidden; position: relative; scroll-behavior: smooth; scroll-snap-type: x mandatory; width: 100%; } .slide:nth-of-type(even) { background-color: rgb(250, 246, 212); } .slide { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 100%; height: 400px; margin-right: 0px; box-sizing: border-box; background: white; transform-origin: center center; transform: scale(1); scroll-snap-align: center; overflow: hidden; } .slide .slide-content { position: absolute; z-index: 2; width: 35%; bottom: 0; right: 0; font-weight: 400; background: linear-gradient(262deg, #40ace0e6 25%, rgba(19, 46, 107, 0.92) 100%); padding: 20px; color: #fff; margin-right: 0; min-height: 250px; text-align: left; text-transform: lowercase !important; } .slide .slide-content .slide__label a { font-weight: 400; font-size: 18px; color: #6feaf7; } .slide-content p { color: #fff;} .slide .slide-content p a:focus { outline-color: #fff } .slide .slide-content .image-title h1 { font-size: 2.5em; color: #fff; font-weight: 400; margin: 0 } .slide .slide-content hr { border-top: 1px solid #77a8e0; margin: 15px 0; opacity: 1 } .slide .slide-content p a { color: #fff; font-size: 16px; display: inline-block; text-decoration: none; line-height: 1.6em; } .slide .slide-content p a:after { display: inline-block; font: 900 16px/1 "Font Awesome 5 Free"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f061'; color: #7ba6d6; padding-left: 10px } .slide img{ width: 100%; height: 100%; object-fit: cover; background-size: cover; } .slide__text { font-size: 40px; font-weight: bold; font-family: sans-serif; } .slider__nav a.slide__prev, .slider__nav a.slide__next{ background: none; border: 0; position: absolute; height: 100px!important; width: 50px!important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #fff; z-index: 9; counter-reset: #000; } .slider__nav a.slide__next{ border-radius: 90px 0 0 90px; } .slider__nav a.slide__prev { border-radius: 0 90px 90px 0; } a.slide__prev, .slider::before { left: 0; } a.slide__next, .slider::after { right: 0; z-index: 99999999; } .slider::before, .slider::after, .slide__prev, .slide__next { position: relative; } .slide__next:after { content: "\f061"; position: absolute; font: 900 16px/1 "Font Awesome 5 Free"; padding: 3px; box-sizing: border-box; font-size: 30px; color: #0f4d92!important; top: 50%; transform: translateY(-50%); right: 0; } .slide__prev:after{ content: "\f060"; position: absolute; width: 35px; height: 35px; font: 900 16px/1 "Font Awesome 5 Free"; padding: 3px; box-sizing: border-box; color: #0f4d92!important; font-size: 30px; left: 5px; top: 50%; transform: translateY(-50%); } .slider::before, .slider::after { z-index: 1; background: none; pointer-events: none; } .slider__nav { display: flex; } .slider__nav__dots{ box-sizing: border-box; position: absolute; bottom: 5%; right: 15%; width: 200px; text-align: center; } .slider__navlink { display: inline-block; width: 14px; height: 14px; padding: 0; border-radius: 50%; background: #fff; border: 1px solid #428bca; margin: 5px; } .slider__navlink:hover, .slider__navlink.active{ background: #6feaf7; border: 2px solid #6feaf7; } @media(max-width:992px){ .slide .slide-content{ width: 60%; } .slide .slide-content .container{ width: 90%; } } @media(max-width:768px){ .slide .slide-content{ width: 70%; } } @media(max-width:600px){ .slide .slide-content{ width: 80%; } } @media(max-width:450px){ .slide .slide-content{ width: 90%; } } .slide-content .image-title h2{ font-size: 1.6em; color: #fff; font-weight: 400; margin: 10px 0; } /* New Slider */ .mySlides {display: none} .mySlides img {vertical-align: middle;} /* Slideshow container */ .slideshow-container { position: relative; margin: auto; } /* Next & previous buttons */ .slider__nav a.slide__next, .slider__nav a.slide__prev { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; } .slider__nav a.slide__next:hover, .slider__nav a.slide__prev:hover { background: #ae4480c9 !important; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } /* Fading animation */ .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } .headr-new-aas .all-menu-new .top-menu h1 span { color: var(--orange); padding-right: 10px; } .ltn__feature-info .gt-date p {font-size:0.9em;} /* End Style */