/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* Generic This is where reset, normalize & box-sizing styles go. */ :root{ --primaryBlue: #3155A3; --primaryYellow: #FFC000; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #005daa; --secondary: #ffc000; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --aspect-ratio--square: 1; --aspect-ratio--4-3: 4/3; --aspect-ratio--3-4: 3/4; --aspect-ratio--3-2: 3/2; --aspect-ratio--2-3: 2/3; --aspect-ratio--16-9: 16/9; --aspect-ratio--9-16: 9/16; --color--black: #000000; --color--cyan-bluish-gray: #abb8c3; --color--white: #ffffff; --color--pale-pink: #f78da7; --color--vivid-red: #cf2e2e; --color--luminous-vivid-orange: #ff6900; --color--luminous-vivid-amber: #fcb900; --color--light-green-cyan: #7bdcb5; --color--vivid-green-cyan: #00d084; --color--pale-cyan-blue: #8ed1fc; --color--vivid-cyan-blue: #0693e3; --color--vivid-purple: #9b51e0; --color--swic-blue: #005daa; --color--swic-lt-blue: #0d8ffb; --color--swic-dk-blue: #003969; --color--swic-yellow: #ffc000; --color--swic-lt-yellow: #ffd34d; --color--swic-dk-yellow: #b38600; --color--swic-orange: #ff9400; --color--swic-lt-orange: #ffb44d; --color--swic-dk-orange: #b36800; --color--swic-black: #000; --color--swic-lt-black: #212529; --color--swic-lt-gray: #e8e8e8; --color--swic-dk-gray: #d0d0d0; --color--swic-white: #b36800; --gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --font-size--small: 13px; --font-size--medium: 20px; --font-size--large: 36px; --font-size--x-large: 42px; --spacing--20: 0.44rem; --spacing--30: 0.67rem; --spacing--40: 1rem; --spacing--50: 1.5rem; --spacing--60: 2.25rem; --spacing--70: 3.38rem; --spacing--80: 5.06rem; --shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--color--white) !important;}.has-pale-pink-color{color: var(--color--pale-pink) !important;}.has-vivid-red-color{color: var(--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--color--white) !important;}.has-pale-pink-background-color{background-color: var(--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--color--white) !important;}.has-pale-pink-border-color{border-color: var(--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--gradient--midnight) !important;}.has-small-font-size{font-size: var(--font-size--small) !important;}.has-medium-font-size{font-size: var(--font-size--medium) !important;}.has-large-font-size{font-size: var(--font-size--large) !important;}.has-x-large-font-size{font-size: var(--font-size--x-large) !important;} } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; font-size: 16px; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: $font-family-base; @include font-size($font-size-base); font-weight: $font-weight-base; line-height: $line-height-base; color: $body-color; text-align: left; background-color: $body-bg; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; // 1 height: 0; // 1 overflow: visible; // 2 } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: $headings-margin-bottom; } p { margin-top: 0; margin-bottom: $paragraph-margin-bottom; } abbr[title], abbr[data-original-title] { // 1 text-decoration: underline; // 2 text-decoration: underline dotted; // 2 cursor: help; // 3 border-bottom: 0; // 4 text-decoration-skip-ink: none; // 5 } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: $dt-font-weight; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: $font-weight-bolder; } small { @include font-size(80%); } sub, sup { position: relative; @include font-size(75%); line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: $link-color; text-decoration: $link-decoration; background-color: transparent; @include hover() { color: $link-hover-color; text-decoration: $link-hover-decoration; } } a:not([href]):not([class]) { color: inherit; text-decoration: none; @include hover() { color: inherit; text-decoration: none; } } pre, code, kbd, samp { @include font-size(1em); } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: $table-cell-padding; padding-bottom: $table-cell-padding; color: $table-caption-color; text-align: left; caption-side: bottom; } th { font-weight: $table-th-font-weight; // 1 text-align: inherit; // 2 text-align: -webkit-match-parent; // 3 } label { display: inline-block; margin-bottom: $label-margin-bottom; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; @include font-size(inherit); line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } button, [type="button"], // 1 [type="reset"], [type="submit"] { -webkit-appearance: button; // 2 } @if $enable-pointer-cursor-for-buttons { button, [type="button"], [type="reset"], [type="submit"] { &:not(:disabled) { cursor: pointer; } } } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; // 1 padding: 0; margin-bottom: .5rem; @include font-size(1.5rem); line-height: inherit; color: inherit; // 2 white-space: normal; // 1 } progress { vertical-align: baseline; } // Correct the cursor style of increment and decrement buttons in Chrome. [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } // // Remove the inner padding in Chrome and Safari on macOS. // [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } // // 1. Correct the inability to style clickable types in iOS and Safari. // 2. Change font properties to `inherit` in Safari. // ::-webkit-file-upload-button { font: inherit; // 2 -webkit-appearance: button; // 1 } // // Correct element displays // output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } // Always hide an element with the `hidden` HTML attribute (from PureCSS). // Needed for proper display in IE 10-. [hidden] { display: none !important; } // WEBPACK FOOTER // // ./styles/C:/inetpub/wwwroot/wp-content/themes/swicedu/resources/assets/styles/C:/inetpub/wwwroot/wp-content/themes/swicedu/resources/assets/styles/node_modules/bootstrap/scss/_reboot.scss // iPad Only /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* Styles */ .brand-bar { height: fit-content; .middle-bar { .middle-contain { div.brand-left { width: auto; } div.brand-right { width: 100%; .btn-row { justify-content: normal; padding: 0 2rem; display: inline-flex; .search-form .search-field { width: 10rem; } } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item { margin: auto; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link { padding: 0 5px 0 5px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { &::after { margin: 0; } } div.nav-search { margin: auto; position: absolute; display: inline-flex; right: 1rem; } } } } } .n2-section-smartslider { margin: 10rem auto 0; } div.wpcontent { .explore-topic-btns a { font-size: 16px; font-size: 0.75rem; white-space: nowrap; } .explore-blocks, .explore-departments { display: flex; flex-wrap: wrap !important; p.has-large-font-size { font-size: 1.5rem; } .wp-block-column { flex-basis: calc(47% - 16px); display: flexbox; display: flex; padding: 0; margin: 2rem 1rem; list-style: none; width: auto; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; box-sizing: border-box; white-space: inherit; word-break: keep-all; } } .home-scholar { h2 { font-size: 2rem; padding-top: 2rem; } p { padding: 0.5rem 0; } } .home-apply { h2 { font-size: 2rem; padding-top: 2rem; } p { padding: 0.5rem 0; } } } } *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { font-size: 16px; line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ width: 100% !important; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; overflow-x: hidden; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } .content-wrapper { margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section > .row-fluid { margin: 0 auto; } .dnd-section .dnd-column { padding: 0 1rem; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } #main-content .container-fluid{ padding: 0px !important; } /* Elements Base HMTL elements are styled in this section (,

, ,

,