Domain: lemmonlines.com
Server Adress: 208.122.217.104
privdayz.com
@font-face {
font-family: "kohtello";
src: url("/kohtello-65351981762ddb49ab90fb094f8650ea.eot");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "kohtello";
src: url("/kohtello-65351981762ddb49ab90fb094f8650ea.eot");
src: url("/kohtello-65351981762ddb49ab90fb094f8650ea.eot?#iefix") format("embedded-opentype"), url("/kohtello-65351981762ddb49ab90fb094f8650ea.woff") format("woff"), url("/kohtello-65351981762ddb49ab90fb094f8650ea.ttf") format("truetype"), url("/kohtello-65351981762ddb49ab90fb094f8650ea.svg?#kohtello") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-f-"]:before,
[class*=" icon-f-"]:before,
.icon-font,
[sui-dropdown-trigger]:after,
[sui-dropdown~="icon-trigger"] [sui-dropdown-trigger]:before,
[sui-dropdown-option~="is-active"]:after {
font-family: "kohtello";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-f-add-element:before {
content: "\f101";
}
.icon-f-add:before {
content: "\f102";
}
.icon-f-align-bottom-1:before {
content: "\f103";
}
.icon-f-align-bottom:before {
content: "\f104";
}
.icon-f-align-center:before {
content: "\e002";
}
.icon-f-align-justify:before {
content: "\e004";
}
.icon-f-align-left:before {
content: "\e001";
}
.icon-f-align-middle-1:before {
content: "\f105";
}
.icon-f-align-middle:before {
content: "\f106";
}
.icon-f-align-right:before {
content: "\e003";
}
.icon-f-align-top-1:before {
content: "\f107";
}
.icon-f-analytics:before {
content: "\f108";
}
.icon-f-arrow-down:before {
content: "\f109";
}
.icon-f-arrow-right:before {
content: "\f10a";
}
.icon-f-arrow:before {
content: "\f10b";
}
.icon-f-audio-bottom:before {
content: "\f10c";
}
.icon-f-audio-cat:before {
content: "\f10d";
}
.icon-f-audio-icon:before {
content: "\f10e";
}
.icon-f-audio-left:before {
content: "\f10f";
}
.icon-f-audio-right:before {
content: "\f111";
}
.icon-f-audio-top:before {
content: "\f112";
}
.icon-f-audio:before {
content: "\f113";
}
.icon-f-back-arrow:before {
content: "\f114";
}
.icon-f-bird:before {
content: "\f115";
}
.icon-f-body-icon:before {
content: "\f110";
}
.icon-f-bold:before {
content: "\e010";
}
.icon-f-bolt:before {
content: "\f116";
}
.icon-f-border-1:before {
content: "\f117";
}
.icon-f-border-2:before {
content: "\f118";
}
.icon-f-build-block-cat:before {
content: "\f119";
}
.icon-f-burst:before {
content: "\f11a";
}
.icon-f-button:before {
content: "\f11b";
}
.icon-f-calendar-1:before {
content: "\f11c";
}
.icon-f-calendar-2:before {
content: "\f11d";
}
.icon-f-calendar:before {
content: "\f11e";
}
.icon-f-camera:before {
content: "\e023";
}
.icon-f-caution:before {
content: "\e027";
}
.icon-f-ccw:before {
content: "\f11f";
}
.icon-f-chat:before {
content: "\f121";
}
.icon-f-check-2:before,
[sui-dropdown-option~="is-active"]:after {
content: "\f120";
}
.icon-f-check:before {
content: "\f122";
}
.icon-f-checklist:before {
content: "\f125";
}
.icon-f-clipboard:before {
content: "\f126";
}
.icon-f-clock:before {
content: "\f127";
}
.icon-f-clone:before {
content: "\f128";
}
.icon-f-close-editor:before {
content: "\e009";
}
.icon-f-color-mask:before {
content: "\f129";
}
.icon-f-comment-empty:before {
content: "\e014";
}
.icon-f-contacts:before {
content: "\f12a";
}
.icon-f-container:before {
content: "\f12b";
}
.icon-f-corner-0:before {
content: "\f12c";
}
.icon-f-corner-1:before {
content: "\f12d";
}
.icon-f-corner-2:before {
content: "\f12e";
}
.icon-f-countdown-cat:before {
content: "\f12f";
}
.icon-f-countdown-clock-cat:before {
content: "\f130";
}
.icon-f-cover:before {
content: "\f131";
}
.icon-f-crop:before {
content: "\f132";
}
.icon-f-csv-sheet:before {
content: "\f133";
}
.icon-f-csv:before {
content: "\f135";
}
.icon-f-darr-nub:before {
content: "\f124";
}
.icon-f-design:before {
content: "\f137";
}
.icon-f-desktop:before {
content: "\e022";
}
.icon-f-dev-wrench-2:before {
content: "\f138";
}
.icon-f-dev-wrench-3:before {
content: "\f139";
}
.icon-f-disco:before {
content: "\f13a";
}
.icon-f-down-open:before,
[sui-dropdown-trigger]:after {
content: "\f134";
}
.icon-f-downarrow:before {
content: "\f13b";
}
.icon-f-dropbox:before {
content: "\e024";
}
.icon-f-dropdown-icon-down:before {
content: "\f123";
}
.icon-f-dropdown-icon:before {
content: "\f13c";
}
.icon-f-ele-audio:before {
content: "\f13d";
}
.icon-f-ele-calendar:before {
content: "\f13e";
}
.icon-f-ele-columns:before {
content: "\f13f";
}
.icon-f-ele-container:before {
content: "\f140";
}
.icon-f-ele-event-hub:before {
content: "\f141";
}
.icon-f-ele-eyedropper:before {
content: "\f142";
}
.icon-f-ele-navigation:before {
content: "\f143";
}
.icon-f-ele-no-photo:before {
content: "\f144";
}
.icon-f-ele-spacer:before {
content: "\f145";
}
.icon-f-ele-sponsor:before {
content: "\f146";
}
.icon-f-email-share:before {
content: "\f147";
}
.icon-f-email:before {
content: "\f148";
}
.icon-f-empire:before {
content: "\f149";
}
.icon-f-empty-block:before {
content: "\f14a";
}
.icon-f-euro:before {
content: "\f14b";
}
.icon-f-event-card:before {
content: "\f136";
}
.icon-f-ex:before {
content: "\f14c";
}
.icon-f-expand:before {
content: "\f14d";
}
.icon-f-eye-off:before {
content: "\f14e";
}
.icon-f-eye:before {
content: "\f14f";
}
.icon-f-eyeball:before {
content: "\f150";
}
.icon-f-facebook-rect:before {
content: "\f151";
}
.icon-f-facebookcomments:before {
content: "\f153";
}
.icon-f-fb-f:before {
content: "\e015";
}
.icon-f-flash:before {
content: "\f154";
}
.icon-f-font-color:before {
content: "\f17a";
}
.icon-f-font-spacing:before {
content: "\e007";
}
.icon-f-fontsize:before {
content: "\f155";
}
.icon-f-form-2:before {
content: "\f156";
}
.icon-f-four-column:before {
content: "\f157";
}
.icon-f-full-view:before {
content: "\f158";
}
.icon-f-gallery-2:before {
content: "\f159";
}
.icon-f-gallery:before {
content: "\f15a";
}
.icon-f-github-circled-1:before {
content: "\f15b";
}
.icon-f-github-circled:before {
content: "\f15c";
}
.icon-f-github-squared:before {
content: "\f15d";
}
.icon-f-googleplus-rect-1:before {
content: "\f15e";
}
.icon-f-googleplus-rect:before {
content: "\f15f";
}
.icon-f-gplus:before {
content: "\f160";
}
.icon-f-graph-view:before {
content: "\f161";
}
.icon-f-grid-view:before {
content: "\f162";
}
.icon-f-group:before {
content: "\f163";
}
.icon-f-groups:before {
content: "\f164";
}
.icon-f-guests:before {
content: "\f165";
}
.icon-f-headline-1:before {
content: "\f166";
}
.icon-f-headline-2:before {
content: "\f167";
}
.icon-f-headline:before {
content: "\f168";
}
.icon-f-heart:before {
content: "\f169";
}
.icon-f-hero:before {
content: "\f16a";
}
.icon-f-hide:before {
content: "\f152";
}
.icon-f-horizontal-line:before {
content: "\f16b";
}
.icon-f-hourglass:before {
content: "\f16c";
}
.icon-f-hover:before {
content: "\f16d";
}
.icon-f-iframe-1:before {
content: "\f16e";
}
.icon-f-iframe:before {
content: "\f16f";
}
.icon-f-ign-top:before {
content: "\f170";
}
.icon-f-image-2:before {
content: "\f171";
}
.icon-f-image-cat:before {
content: "\f172";
}
.icon-f-image-group:before {
content: "\f173";
}
.icon-f-image:before {
content: "\e008";
}
.icon-f-images-three-across:before {
content: "\f174";
}
.icon-f-images-two-across:before {
content: "\f175";
}
.icon-f-images-two-across2:before {
content: "\f176";
}
.icon-f-instagram-filled:before {
content: "\f177";
}
.icon-f-instagram:before {
content: "\e025";
}
.icon-f-instagramm:before {
content: "\f178";
}
.icon-f-ipad:before {
content: "\f179";
}
.icon-f-iphone:before {
content: "\e020";
}
.icon-f-italic:before {
content: "\e011";
}
.icon-f-larr-nub:before {
content: "\f17c";
}
.icon-f-lastfm-1:before {
content: "\f17d";
}
.icon-f-lastfm-rect:before {
content: "\f17e";
}
.icon-f-layout-2:before {
content: "\f17f";
}
.icon-f-layout:before {
content: "\f180";
}
.icon-f-left-open:before {
content: "\f181";
}
.icon-f-letter-spacing:before {
content: "\f182";
}
.icon-f-line-height:before {
content: "\f183";
}
.icon-f-link-2:before {
content: "\f184";
}
.icon-f-link:before {
content: "\f185";
}
.icon-f-linkedin-squared:before {
content: "\f186";
}
.icon-f-linkedin:before {
content: "\f188";
}
.icon-f-list-1:before {
content: "\f189";
}
.icon-f-list-block-3-across:before {
content: "\f18a";
}
.icon-f-list-block:before {
content: "\f18e";
}
.icon-f-list-cat:before {
content: "\f18f";
}
.icon-f-list-view:before {
content: "\f191";
}
.icon-f-list:before {
content: "\f193";
}
.icon-f-live-feed:before {
content: "\f194";
}
.icon-f-lock:before {
content: "\f196";
}
.icon-f-magic:before {
content: "\f199";
}
.icon-f-magnoglass:before {
content: "\e018";
}
.icon-f-mail-alt:before {
content: "\f19a";
}
.icon-f-mail:before {
content: "\f19b";
}
.icon-f-mailbox:before {
content: "\f19c";
}
.icon-f-map-big:before {
content: "\f19d";
}
.icon-f-map-cat:before {
content: "\f19e";
}
.icon-f-map-icon:before {
content: "\f19f";
}
.icon-f-map-left:before {
content: "\f1a0";
}
.icon-f-map-top:before {
content: "\f1a1";
}
.icon-f-map:before {
content: "\f1a2";
}
.icon-f-menu:before {
content: "\f1a3";
}
.icon-f-merge:before {
content: "\f1a4";
}
.icon-f-mine-cat:before {
content: "\f1a5";
}
.icon-f-mix-across:before {
content: "\e016";
}
.icon-f-nav-cat:before {
content: "\f1a6";
}
.icon-f-navigation-cat:before {
content: "\f1a8";
}
.icon-f-new-list-cat:before {
content: "\f1a9";
}
.icon-f-none:before {
content: "\f1aa";
}
.icon-f-note:before {
content: "\f1ab";
}
.icon-f-nu-circle:before {
content: "\f1ac";
}
.icon-f-nu-email:before {
content: "\f1ad";
}
.icon-f-nu-landscape:before {
content: "\f1ae";
}
.icon-f-nu-logo-landscape:before {
content: "\f1af";
}
.icon-f-nu-logo-square:before {
content: "\f1b0";
}
.icon-f-nu-square:before {
content: "\f17b";
}
.icon-f-ok:before {
content: "\f1b1";
}
.icon-f-one-across:before {
content: "\f1b5";
}
.icon-f-one-column:before {
content: "\f1b6";
}
.icon-f-organization:before {
content: "\f1b7";
}
.icon-f-paint-bucket:before {
content: "\f1b8";
}
.icon-f-paste-list:before {
content: "\f1b9";
}
.icon-f-paste:before {
content: "\f1ba";
}
.icon-f-pencil:before,
[sui-dropdown~="icon-trigger"] [sui-dropdown-trigger]:before {
content: "\f1bb";
}
.icon-f-person-outline:before {
content: "\f1bc";
}
.icon-f-pete-mail:before {
content: "\f1bd";
}
.icon-f-picture:before {
content: "\f1be";
}
.icon-f-pinterest-1:before {
content: "\f1bf";
}
.icon-f-pinterest:before {
content: "\f1c0";
}
.icon-f-planning:before {
content: "\f1c1";
}
.icon-f-plus-one:before {
content: "\f1c2";
}
.icon-f-preview-stage:before {
content: "\f1c3";
}
.icon-f-preview:before {
content: "\f1c4";
}
.icon-f-publish-stage:before {
content: "\f1c5";
}
.icon-f-question:before {
content: "\f1c6";
}
.icon-f-quote-cat:before {
content: "\f1c7";
}
.icon-f-quote:before {
content: "\e021";
}
.icon-f-rarr-nub:before {
content: "\f198";
}
.icon-f-rebel:before {
content: "\f1c9";
}
.icon-f-refresh:before {
content: "\f1ca";
}
.icon-f-renren:before {
content: "\f1cb";
}
.icon-f-reporting:before {
content: "\f1cc";
}
.icon-f-rsvp:before {
content: "\f1cd";
}
.icon-f-rte-block:before {
content: "\f18b";
}
.icon-f-rte-bold:before {
content: "\f18c";
}
.icon-f-rte-center:before {
content: "\f18d";
}
.icon-f-rte-delete:before {
content: "\f187";
}
.icon-f-rte-design:before {
content: "\f1ce";
}
.icon-f-rte-hide:before {
content: "\f1cf";
}
.icon-f-rte-italic:before {
content: "\f190";
}
.icon-f-rte-layout:before {
content: "\f1d0";
}
.icon-f-rte-left:before {
content: "\f192";
}
.icon-f-rte-letter-spacing:before {
content: "\f1d1";
}
.icon-f-rte-line-height:before {
content: "\f1d2";
}
.icon-f-rte-right:before {
content: "\f195";
}
.icon-f-rte-text:before {
content: "\f1d3";
}
.icon-f-rte-underline:before {
content: "\f197";
}
.icon-f-sad:before {
content: "\f1d4";
}
.icon-f-save-floppy:before {
content: "\f1d5";
}
.icon-f-save:before {
content: "\f1d6";
}
.icon-f-schedule-cat:before {
content: "\f1d7";
}
.icon-f-search-location-icon:before {
content: "\f1d8";
}
.icon-f-section:before {
content: "\f1d9";
}
.icon-f-sections:before {
content: "\f1a7";
}
.icon-f-settings:before {
content: "\f1da";
}
.icon-f-shape-1:before {
content: "\f1db";
}
.icon-f-shape:before {
content: "\f1dc";
}
.icon-f-shared-asset:before {
content: "\f1dd";
}
.icon-f-show-all:before {
content: "\f1de";
}
.icon-f-shutter:before {
content: "\f1df";
}
.icon-f-skype:before {
content: "\f1e0";
}
.icon-f-social-cat:before {
content: "\f1e1";
}
.icon-f-sort-alt-down:before {
content: "\f1e2";
}
.icon-f-sort-alt-up:before {
content: "\f1e3";
}
.icon-f-sort-name-down:before {
content: "\f1e4";
}
.icon-f-sort-name-up:before {
content: "\f1e5";
}
.icon-f-sort-number-down:before {
content: "\f1e6";
}
.icon-f-sort-number-up:before {
content: "\f1e7";
}
.icon-f-soundcloud:before {
content: "\f1e8";
}
.icon-f-source:before {
content: "\f1e9";
}
.icon-f-speakers-cat:before {
content: "\f1ea";
}
.icon-f-speakers-one-across-alt:before {
content: "\f1eb";
}
.icon-f-speakers-one-across:before {
content: "\f1ec";
}
.icon-f-speakers-three-across:before {
content: "\f1ed";
}
.icon-f-speakers-two-across:before {
content: "\f1ee";
}
.icon-f-speakers:before {
content: "\f1ef";
}
.icon-f-splash-logo:before {
content: "\f1f0";
}
.icon-f-spons-3-across-1:before {
content: "\f1f1";
}
.icon-f-spons-3-across-txt-1:before {
content: "\f1f2";
}
.icon-f-spons-3-across-txt:before {
content: "\f1f3";
}
.icon-f-spons-3-across:before {
content: "\f1f4";
}
.icon-f-spons-5-across-1:before {
content: "\f1f5";
}
.icon-f-spons-5-across-txt-1:before {
content: "\f1f6";
}
.icon-f-spons-5-across-txt:before {
content: "\f1f7";
}
.icon-f-spons-5-across:before {
content: "\f1f8";
}
.icon-f-sponsors-cat:before {
content: "\f1f9";
}
.icon-f-spotify:before {
content: "\f1fa";
}
.icon-f-spreadsheet:before {
content: "\f1fb";
}
.icon-f-star-empty:before {
content: "\f1fc";
}
.icon-f-star:before {
content: "\f1fd";
}
.icon-f-stopwatch:before {
content: "\f1fe";
}
.icon-f-stumbleupon:before {
content: "\f1ff";
}
.icon-f-swatches:before {
content: "\f200";
}
.icon-f-tag:before {
content: "\f201";
}
.icon-f-tb-add:before {
content: "\f1b2";
}
.icon-f-tb-clear-both:before {
content: "\f202";
}
.icon-f-tb-clear-left:before {
content: "\f203";
}
.icon-f-tb-clear-right:before {
content: "\f204";
}
.icon-f-tb-design-1:before {
content: "\f205";
}
.icon-f-tb-design:before {
content: "\f206";
}
.icon-f-tb-display-block:before {
content: "\f207";
}
.icon-f-tb-display-inline-block:before {
content: "\f208";
}
.icon-f-tb-display-inline:before {
content: "\f209";
}
.icon-f-tb-email:before {
content: "\e017";
}
.icon-f-tb-eyeball:before {
content: "\f20a";
}
.icon-f-tb-float-left:before {
content: "\f20b";
}
.icon-f-tb-float-right:before {
content: "\f20c";
}
.icon-f-tb-form:before {
content: "\f20d";
}
.icon-f-tb-gallery:before {
content: "\f20e";
}
.icon-f-tb-larr:before {
content: "\f20f";
}
.icon-f-tb-layout-alt:before {
content: "\f210";
}
.icon-f-tb-layout:before {
content: "\f211";
}
.icon-f-tb-overflow-auto:before {
content: "\f212";
}
.icon-f-tb-overflow-hidden:before {
content: "\f213";
}
.icon-f-tb-overflow-scroll:before {
content: "\f214";
}
.icon-f-tb-overflow-visible:before {
content: "\f215";
}
.icon-f-tb-pencil:before {
content: "\e026";
}
.icon-f-tb-planning:before {
content: "\f216";
}
.icon-f-tb-rarr:before {
content: "\f217";
}
.icon-f-tb-remove:before {
content: "\f218";
}
.icon-f-tb-rsvps:before {
content: "\f219";
}
.icon-f-tb-save:before {
content: "\f1c8";
}
.icon-f-tb-settings:before {
content: "\f21a";
}
.icon-f-tb-unlink:before {
content: "\f21b";
}
.icon-f-text-1:before {
content: "\f21c";
}
.icon-f-text-cat:before {
content: "\f21d";
}
.icon-f-text-shadow:before {
content: "\e006";
}
.icon-f-th:before {
content: "\f21e";
}
.icon-f-three-across:before {
content: "\e013";
}
.icon-f-three-column:before {
content: "\f21f";
}
.icon-f-ticket-2:before {
content: "\f220";
}
.icon-f-ticket:before {
content: "\f221";
}
.icon-f-tickets:before {
content: "\f222";
}
.icon-f-time-compare:before {
content: "\f223";
}
.icon-f-tool:before {
content: "\f224";
}
.icon-f-tool_arrow:before {
content: "\f225";
}
.icon-f-trash:before {
content: "\f226";
}
.icon-f-tumblr-full:before {
content: "\f227";
}
.icon-f-tumblr:before {
content: "\f228";
}
.icon-f-twitter-bird:before {
content: "\e019";
}
.icon-f-twitter:before {
content: "\f229";
}
.icon-f-two-across:before {
content: "\f22a";
}
.icon-f-two-column:before {
content: "\f22b";
}
.icon-f-undo:before {
content: "\f1b3";
}
.icon-f-upload-cloud:before {
content: "\f22c";
}
.icon-f-upload-image:before {
content: "\f22d";
}
.icon-f-video-bottom:before {
content: "\f22e";
}
.icon-f-video-cat:before {
content: "\f22f";
}
.icon-f-video-icon:before {
content: "\f230";
}
.icon-f-video-left:before {
content: "\f231";
}
.icon-f-video-right:before {
content: "\f232";
}
.icon-f-video-top:before {
content: "\f233";
}
.icon-f-video:before {
content: "\f234";
}
.icon-f-view-desktop:before {
content: "\f235";
}
.icon-f-vimeo-rect:before {
content: "\f236";
}
.icon-f-waiting:before {
content: "\f237";
}
.icon-f-wide-darr:before {
content: "\e012";
}
.icon-f-wide-larr:before {
content: "\f238";
}
.icon-f-widerarr:before {
content: "\f239";
}
.icon-f-wrench:before {
content: "\f23a";
}
.icon-f-youtube-play:before {
content: "\f23b";
}
.icon-f-youtube-squared:before {
content: "\f23c";
}
.icon-f-youtube:before {
content: "\f23d";
}
@font-face {
font-family: 'gotham-book-webfont';
src: url("/gotham-book-webfont.eot");
src: url("/gotham-book-webfont.svg");
src: url("/gotham-book-webfont.ttf");
src: url("/gotham-book-webfont.woff");
}
@font-face {
font-family: 'gotham-medium-webfont';
src: url("/gotham-medium-webfont.eot");
src: url("/gotham-medium-webfont.svg");
src: url("/gotham-medium-webfont.ttf");
src: url("/gotham-medium-webfont.woff");
}
@font-face {
font-family: 'gotham-bold-webfont';
src: url("/gotham-bold-webfont.eot");
src: url("/gotham-bold-webfont.svg");
src: url("/gotham-bold-webfont.ttf");
src: url("/gotham-bold-webfont.woff");
}
@font-face {
font-family: 'GenBkBasR-webfont';
src: url("/GenBkBasR-webfont.eot");
src: url("/GenBkBasR-webfont.svg");
src: url("/GenBkBasR-webfont.ttf");
src: url("/GenBkBasR-webfont.woff");
}
@font-face {
font-family: 'GenBkBasI-webfont';
src: url("/GenBkBasI-webfont.eot");
src: url("/GenBkBasI-webfont.svg");
src: url("/GenBkBasI-webfont.ttf");
src: url("/GenBkBasI-webfont.woff");
}
.z-index-1 {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}
.z-index-3 {
z-index: 3;
}
.z-index-4 {
z-index: 4;
}
.z-index-5 {
z-index: 5;
}
.z-index-6 {
z-index: 6;
}
.z-index-7 {
z-index: 7;
}
.z-index-8 {
z-index: 8;
}
.z-index-9 {
z-index: 9;
}
.z-index-10 {
z-index: 10;
}
.f-r {
float: right;
}
.f-l {
float: left;
}
.f-n {
float: none;
}
.d-i {
display: inline;
}
.d-b {
display: block;
}
.d-ib {
display: inline-block;
}
.p-r {
position: relative;
}
.p-a {
position: absolute;
}
.p-f {
position: fixed;
}
.t-0 {
top: 0;
}
.r-0 {
right: 0;
}
.b-0 {
bottom: 0;
}
.l-0 {
left: 0;
}
.t-50 {
top: 50%;
}
.r-50 {
right: 50%;
}
.b-50 {
bottom: 50%;
}
.l-50 {
left: 50%;
}
.t-100() {
top: 100%;
}
.r-100() {
right: 100%;
}
.b-100() {
bottom: 100%;
}
.l-100() {
left: 100%;
}
.tf-tl50 {
-webkit-transform: translate(50%, 50%);
-moz-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.tf-tln50 {
-webkit-transform: translate(50%, 50%);
-moz-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.tf-tlx50 {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.tf-tlxn50 {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tf-tly50 {
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.tf-tlyn50 {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.v-center {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.p-0 {
padding: 0;
}
.p-1 {
padding: 0.4rem;
}
.p-2 {
padding: 0.6rem;
}
.p-3 {
padding: 1.2rem;
}
.pt-0 {
padding-top: 0;
}
.pr-0 {
padding-right: 0;
}
.pb-0 {
padding-bottom: 0;
}
.pl-0 {
padding-left: 0;
}
.pt-1 {
padding-top: 0.4rem;
}
.pr-1 {
padding-right: 0.4rem;
}
.pb-1 {
padding-bottom: 0.4rem;
}
.pl-1 {
padding-left: 0.4rem;
}
.pt-2 {
padding-top: 0.6rem;
}
.pr-2 {
padding-right: 0.6rem;
}
.pb-2 {
padding-bottom: 0.6rem;
}
.pl-2 {
padding-left: 0.6rem;
}
.pt-3 {
padding-top: 1.2rem;
}
.pr-3 {
padding-right: 1.2rem;
}
.pb-3 {
padding-bottom: 1.2rem;
}
.pl-3 {
padding-left: 1.2rem;
}
.m-0 {
margin: 0;
}
.m-1 {
margin: 0.4rem;
}
.m-2 {
margin: 0.6rem;
}
.m-3 {
margin: 1.2rem;
}
.mt-0 {
margin-top: 0;
}
.mr-0 {
margin-right: 0;
}
.mb-0 {
margin-bottom: 0;
}
.ml-0 {
margin-left: 0;
}
.mt-1 {
margin-top: 0.4rem;
}
.mr-1 {
margin-right: 0.4rem;
}
.mb-1 {
margin-bottom: 0.4rem;
}
.ml-1 {
margin-left: 0.4rem;
}
.mt-2 {
margin-top: 0.6rem;
}
.mr-2 {
margin-right: 0.6rem;
}
.mb-2 {
margin-bottom: 0.6rem;
}
.ml-2 {
margin-left: 0.6rem;
}
.mt-3 {
margin-top: 1.2rem;
}
.mr-3 {
margin-right: 1.2rem;
}
.mb-3 {
margin-bottom: 1.2rem;
}
.ml-3 {
margin-left: 1.2rem;
}
.ta-l {
text-align: left;
}
.ta-c {
text-align: center;
}
.ta-r {
text-align: right;
}
.tt-n {
text-transform: none;
}
.tt-u {
text-transform: uppercase;
}
[sui-grid] {
float: left;
}
[sui-grid~="row"] {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
}
[sui-grid~="1/1"] {
width: 100%;
}
[sui-grid~="1/2"] {
width: 50%;
}
[sui-grid~="1/3"] {
width: 33.333333333333336%;
}
[sui-grid~="2/3"] {
width: 66.6666666666667%;
}
[sui-grid~="1/4"] {
width: 25%;
}
[sui-grid~="2/4"] {
width: 50%;
}
[sui-grid~="3/4"] {
width: 75%;
}
[sui-grid~="1/5"] {
width: 20%;
}
[sui-grid~="2/5"] {
width: 40%;
}
[sui-grid~="3/5"] {
width: 60%;
}
[sui-grid~="4/5"] {
width: 80%;
}
[sui-grid~="1/6"] {
width: 16.666666666666668%;
}
[sui-grid~="2/6"] {
width: 33.3333333333333%;
}
[sui-grid~="3/6"] {
width: 50%;
}
[sui-grid~="4/6"] {
width: 66.6666666666667%;
}
[sui-grid~="5/6"] {
width: 83.3333333333333%;
}
[sui-grid~="1/7"] {
width: 14.285714285714286%;
}
[sui-grid~="2/7"] {
width: 28.571428571428598%;
}
[sui-grid~="3/7"] {
width: 42.8571428571429%;
}
[sui-grid~="4/7"] {
width: 57.142857142857096%;
}
[sui-grid~="5/7"] {
width: 71.4285714285714%;
}
[sui-grid~="6/7"] {
width: 85.7142857142857%;
}
[sui-grid~="1/8"] {
width: 12.5%;
}
[sui-grid~="2/8"] {
width: 25%;
}
[sui-grid~="3/8"] {
width: 37.5%;
}
[sui-grid~="4/8"] {
width: 50%;
}
[sui-grid~="5/8"] {
width: 62.5%;
}
[sui-grid~="6/8"] {
width: 75%;
}
[sui-grid~="7/8"] {
width: 87.5%;
}
[sui-grid~="1/9"] {
width: 11.11111111111111%;
}
[sui-grid~="2/9"] {
width: 22.2222222222222%;
}
[sui-grid~="3/9"] {
width: 33.3333333333333%;
}
[sui-grid~="4/9"] {
width: 44.4444444444444%;
}
[sui-grid~="5/9"] {
width: 55.5555555555556%;
}
[sui-grid~="6/9"] {
width: 66.6666666666667%;
}
[sui-grid~="7/9"] {
width: 77.7777777777778%;
}
[sui-grid~="8/9"] {
width: 88.8888888888889%;
}
[sui-grid~="1/10"] {
width: 10%;
}
[sui-grid~="2/10"] {
width: 20%;
}
[sui-grid~="3/10"] {
width: 30%;
}
[sui-grid~="4/10"] {
width: 40%;
}
[sui-grid~="5/10"] {
width: 50%;
}
[sui-grid~="6/10"] {
width: 60%;
}
[sui-grid~="7/10"] {
width: 70%;
}
[sui-grid~="8/10"] {
width: 80%;
}
[sui-grid~="9/10"] {
width: 90%;
}
[sui-grid~="1/11"] {
width: 9.090909090909092%;
}
[sui-grid~="2/11"] {
width: 18.181818181818198%;
}
[sui-grid~="3/11"] {
width: 27.2727272727273%;
}
[sui-grid~="4/11"] {
width: 36.363636363636395%;
}
[sui-grid~="5/11"] {
width: 45.454545454545496%;
}
[sui-grid~="6/11"] {
width: 54.5454545454545%;
}
[sui-grid~="7/11"] {
width: 63.636363636363605%;
}
[sui-grid~="8/11"] {
width: 72.72727272727269%;
}
[sui-grid~="9/11"] {
width: 81.8181818181818%;
}
[sui-grid~="10/11"] {
width: 90.90909090909089%;
}
[sui-grid~="1/12"] {
width: 8.333333333333334%;
}
[sui-grid~="2/12"] {
width: 16.6666666666667%;
}
[sui-grid~="3/12"] {
width: 25%;
}
[sui-grid~="4/12"] {
width: 33.3333333333333%;
}
[sui-grid~="5/12"] {
width: 41.6666666666667%;
}
[sui-grid~="6/12"] {
width: 50%;
}
[sui-grid~="7/12"] {
width: 58.3333333333333%;
}
[sui-grid~="8/12"] {
width: 66.6666666666667%;
}
[sui-grid~="9/12"] {
width: 75%;
}
[sui-grid~="10/12"] {
width: 83.3333333333333%;
}
[sui-grid~="11/12"] {
width: 91.6666666666667%;
}
.grp-debug [sui-grid] {
min-height: 100px;
position: relative;
float: left;
}
.grp-debug [sui-grid]:before,
.grp-debug [sui-grid]:after {
position: absolute;
}
.grp-debug [sui-grid]:before {
content: '';
box-shadow: 0 0 0 4px #5c56a4;
background: #5c56a4;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0.9;
}
.grp-debug [sui-grid]:after {
content: '' attr(sui-grid) '';
top: 10px;
left: 10px;
font-size: 9px;
color: #fff;
letter-spacing: 0.15em;
text-transform: uppercase;
}
[sui-button] {
text-decoration: none;
cursor: pointer;
display: inline-block;
height: auto;
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
outline: none;
border: 1px solid transparent;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 0.707rem;
padding: 0.6rem 1.2rem;
background: #888;
color: #fff;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 0.05rem;
font-family: 'gibsonSemiBold';
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
-ms-transition: all 0.15s;
transition: all 0.15s;
}
[sui-button] i:before {
margin-right: 8px;
margin-bottom: 1px;
}
[sui-button] .icon-only:before {
margin: 0;
}
[sui-button] + [sui-button] {
margin-right: 5px;
}
[sui-button~="disabled"] {
pointer-events: none;
opacity: 0.1;
}
[sui-button~="small"] {
font-size: 0.471333333333333rem;
padding: 0.4rem 0.6rem;
}
[sui-button~="large"] {
font-size: 0.707rem;
padding: 0.6rem 1.2rem;
}
[sui-button~="fill-a"] {
background: #4999ef;
color: #fff;
}
[sui-button~="fill-a"]:hover {
background: #1479e5;
}
[sui-button~="fill-b"] {
background: #64bf86;
color: #fff;
}
[sui-button~="fill-b"]:hover {
background: #44a568;
}
[sui-button~="fill-c"] {
background: #5252ca;
color: #fff;
}
[sui-button~="fill-c"]:hover {
background: #3535ae;
}
[sui-button~="fill-d"] {
background: #ee3b69;
color: #fff;
}
[sui-button~="fill-d"]:hover {
background: #db1346;
}
[sui-button~="fill-e"] {
background: #404040;
color: #fff;
}
[sui-button~="fill-e"]:hover {
background: #333;
}
[sui-button~="fill-f"] {
background: #888;
color: #fff;
}
[sui-button~="fill-f"]:hover {
background: #6d6d6d;
}
[sui-button~="fill-g"] {
background: #f57b7c;
color: #fff;
}
[sui-button~="fill-g"]:hover {
background: #f03738;
}
[sui-button~="fill-h"] {
background: #52657a;
color: #fff;
}
[sui-button~="fill-h"]:hover {
background: #425162;
}
[sui-button~="fill-i"] {
background: #303094;
color: #fff;
}
[sui-button~="fill-i"]:hover {
background: #262676;
}
[sui-button~="outline-a"] {
background: none;
border: 1px solid #4999ef;
color: #4999ef;
}
[sui-button~="outline-a"]:hover {
border-color: #1479e5;
color: #1479e5;
}
[sui-button~="outline-b"] {
background: none;
border: 1px solid #64bf86;
color: #64bf86;
}
[sui-button~="outline-b"]:hover {
border-color: #44a568;
color: #44a568;
}
[sui-button~="outline-c"] {
background: none;
border: 1px solid #5252ca;
color: #5252ca;
}
[sui-button~="outline-c"]:hover {
border-color: #3535ae;
color: #3535ae;
}
[sui-button~="outline-d"] {
background: none;
border: 1px solid #ee3b69;
color: #ee3b69;
}
[sui-button~="outline-d"]:hover {
border-color: #db1346;
color: #db1346;
}
[sui-button~="outline-e"] {
background: none;
border: 1px solid #888;
color: #888;
}
[sui-button~="outline-e"]:hover {
border-color: #6d6d6d;
color: #6d6d6d;
}
[sui-button~="outline-g"] {
background: none;
border: 1px solid #f57b7c;
color: #f57b7c;
}
[sui-button~="outline-g"]:hover {
border-color: #f03738;
color: #f03738;
}
[sui-button~="outline-h"] {
background: none;
border: 1px solid #52657a;
color: #52657a;
}
[sui-button~="outline-h"]:hover {
border-color: #425162;
color: #425162;
}
[sui-button~="outline-i"] {
background: none;
border: 1px solid #303094;
color: #303094;
}
[sui-button~="outline-i"]:hover {
border-color: #262676;
color: #262676;
}
[sui-button~="clean-i"] {
background: none;
border: 1px solid transparent;
color: #303094;
}
[sui-button~="clean-i"]:hover {
border-color: transparent;
color: #262676;
}
[sui-menu="nav down"] [sui-menu] {
top: auto;
bottom: 100%;
}
[sui-loader] {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s, visibility 0s 0.3s;
-ms-transition: opacity 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s;
z-index: 4001;
display: none;
}
[sui-loader].active,
[sui-loader].force-active {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s, visibility 0s 0s;
-moz-transition: opacity 0.3s, visibility 0s 0s;
-ms-transition: opacity 0.3s, visibility 0s 0s;
transition: opacity 0.3s, visibility 0s 0s;
display: block;
}
[sui-loader~="absolute"] {
position: absolute;
}
[sui-loader~="fixed"] {
position: fixed;
}
[sui-loader~="inline"] {
position: relative;
}
[sui-loader~="fill-a"] {
background: #4999ef;
color: #fff;
}
[sui-loader~="fill-b"] {
background: #64bf86;
color: #fff;
}
[sui-loader~="fill-c"] {
background: #5252ca;
color: #fff;
}
[sui-loader~="fill-d"] {
background: #ee3b69;
color: #fff;
}
[sui-loader~="fill-e"] {
background: #404040;
color: #fff;
}
[sui-loader~="fill-f"] {
background: #888;
color: #fff;
}
[sui-loader~="fill-g"] {
background: rgba(0,0,0,0.7);
}
[sui-loader~="fill-h"] {
background: rgba(255,255,255,0.7);
}
[sui-loader~="fill-i"] {
background: rgba(255,255,255,0);
}
[splangles] {
width: 1px;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(0, 0, 0, );
-moz-transform: translate3d(0, 0, 0, );
-ms-transform: translate3d(0, 0, 0, );
transform: translate3d(0, 0, 0, );
/* splangle layouts */
}
[splangles] [splangle] {
border-style: solid;
border-color: transparent;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(0, 0, 0, );
-moz-transform: translate3d(0, 0, 0, );
-ms-transform: translate3d(0, 0, 0, );
transform: translate3d(0, 0, 0, );
}
[splangles] [splangle~="a"] {
margin-bottom: 32px;
margin-left: -36px;
border-left-color: #00c8e6;
border-top-width: 6px;
border-bottom-width: 2px;
border-left-width: 14px;
}
[splangles] [splangle~="b"] {
margin-bottom: 16px;
margin-left: 24px;
border-left-color: #00d080;
border-top-width: 6px;
border-bottom-width: 5px;
border-left-width: 16px;
}
[splangles] [splangle~="c"] {
margin-top: -40px;
margin-left: 40px;
border-left-color: #ee3a69;
border-top-width: 6px;
border-bottom-width: 2px;
border-left-width: 14px;
}
[splangles] [splangle~="d"] {
border-left-color: #bf8df7;
border-top-width: 10px;
border-bottom-width: 10px;
border-left-width: 16px;
}
[splangles] [splangle~="e"] {
margin-bottom: -4px;
margin-left: -8px;
border-left-color: #f5c731;
border-top-width: 8px;
border-bottom-width: 8px;
border-left-width: 16px;
}
[splangles] [splangle~="a"] {
-webkit-transform: translateX(-120%) rotate(154deg) skew(-30deg);
-moz-transform: translateX(-120%) rotate(154deg) skew(-30deg);
-ms-transform: translateX(-120%) rotate(154deg) skew(-30deg);
transform: translateX(-120%) rotate(154deg) skew(-30deg);
}
[splangles] [splangle~="b"] {
-webkit-transform: translateX(-80%) rotate(130deg) skew(-56deg);
-moz-transform: translateX(-80%) rotate(130deg) skew(-56deg);
-ms-transform: translateX(-80%) rotate(130deg) skew(-56deg);
transform: translateX(-80%) rotate(130deg) skew(-56deg);
}
[splangles] [splangle~="c"] {
-webkit-transform: translateX(-50%) rotate(60deg);
-moz-transform: translateX(-50%) rotate(60deg);
-ms-transform: translateX(-50%) rotate(60deg);
transform: translateX(-50%) rotate(60deg);
}
[splangles] [splangle~="d"] {
-webkit-transform: translate(-100%, -110%) rotate(90deg) skew(-20deg);
-moz-transform: translate(-100%, -110%) rotate(90deg) skew(-20deg);
-ms-transform: translate(-100%, -110%) rotate(90deg) skew(-20deg);
transform: translate(-100%, -110%) rotate(90deg) skew(-20deg);
}
[splangles] [splangle~="e"] {
-webkit-transform: translate(-20%, -180%) rotate(10deg) skew(-25deg);
-moz-transform: translate(-20%, -180%) rotate(10deg) skew(-25deg);
-ms-transform: translate(-20%, -180%) rotate(10deg) skew(-25deg);
transform: translate(-20%, -180%) rotate(10deg) skew(-25deg);
}
[splangles] {
-webkit-animation: rotate-a 1.6s linear infinite;
}
[splangles] [splangle~="a"] {
-webkit-animation: rotate-d 4s linear infinite -2s;
}
[splangles] [splangle~="b"] {
-webkit-animation: rotate-c 2s linear infinite;
}
[splangles] [splangle~="c"] {
-webkit-animation: rotate-c 3s linear infinite -5s;
}
[splangles] [splangle~="d"] {
-webkit-animation: rotate-b 1s linear infinite -3s;
}
[splangles] [splangle~="d"] {
-webkit-animation: rotate-d 5s linear infinite -3s;
}
@-moz-keyframes rotate-a {
0% {
-webkit-transform: rotate(0deg) scale(0.5);
-moz-transform: rotate(0deg) scale(0.5);
-ms-transform: rotate(0deg) scale(0.5);
transform: rotate(0deg) scale(0.5);
}
50% {
-webkit-transform: rotate(180deg) scale(1);
-moz-transform: rotate(180deg) scale(1);
-ms-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
}
100% {
-webkit-transform: rotate(360deg) scale(0.5);
-moz-transform: rotate(360deg) scale(0.5);
-ms-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5);
}
}
@-webkit-keyframes rotate-a {
0% {
-webkit-transform: rotate(0deg) scale(0.5);
-moz-transform: rotate(0deg) scale(0.5);
-ms-transform: rotate(0deg) scale(0.5);
transform: rotate(0deg) scale(0.5);
}
50% {
-webkit-transform: rotate(180deg) scale(1);
-moz-transform: rotate(180deg) scale(1);
-ms-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
}
100% {
-webkit-transform: rotate(360deg) scale(0.5);
-moz-transform: rotate(360deg) scale(0.5);
-ms-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5);
}
}
@-o-keyframes rotate-a {
0% {
-webkit-transform: rotate(0deg) scale(0.5);
-moz-transform: rotate(0deg) scale(0.5);
-ms-transform: rotate(0deg) scale(0.5);
transform: rotate(0deg) scale(0.5);
}
50% {
-webkit-transform: rotate(180deg) scale(1);
-moz-transform: rotate(180deg) scale(1);
-ms-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
}
100% {
-webkit-transform: rotate(360deg) scale(0.5);
-moz-transform: rotate(360deg) scale(0.5);
-ms-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5);
}
}
@keyframes rotate-a {
0% {
-webkit-transform: rotate(0deg) scale(0.5);
-moz-transform: rotate(0deg) scale(0.5);
-ms-transform: rotate(0deg) scale(0.5);
transform: rotate(0deg) scale(0.5);
}
50% {
-webkit-transform: rotate(180deg) scale(1);
-moz-transform: rotate(180deg) scale(1);
-ms-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
}
100% {
-webkit-transform: rotate(360deg) scale(0.5);
-moz-transform: rotate(360deg) scale(0.5);
-ms-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5);
}
}
@-moz-keyframes rotate-b {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-b {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes rotate-b {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-b {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes rotate-c {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes rotate-c {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-o-keyframes rotate-c {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotate-c {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-moz-keyframes rotate-d {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
10% {
-webkit-transform: rotate(-150deg);
-moz-transform: rotate(-150deg);
-ms-transform: rotate(-150deg);
transform: rotate(-150deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes rotate-d {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
10% {
-webkit-transform: rotate(-150deg);
-moz-transform: rotate(-150deg);
-ms-transform: rotate(-150deg);
transform: rotate(-150deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-o-keyframes rotate-d {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
10% {
-webkit-transform: rotate(-150deg);
-moz-transform: rotate(-150deg);
-ms-transform: rotate(-150deg);
transform: rotate(-150deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotate-d {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
10% {
-webkit-transform: rotate(-150deg);
-moz-transform: rotate(-150deg);
-ms-transform: rotate(-150deg);
transform: rotate(-150deg);
}
80% {
-webkit-transform: rotate(-300deg);
-moz-transform: rotate(-300deg);
-ms-transform: rotate(-300deg);
transform: rotate(-300deg);
}
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
body.scroll-lock {
overflow: hidden;
}
.sui-modal-bg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.88);
overflow-y: auto;
white-space: nowrap;
text-align: center;
}
.sui-modal-bg:before {
content: " ";
display: inline-block;
height: 100%;
width: 0%;
vertical-align: middle;
}
.sui-modal-bg.active {
display: block;
}
.sui-modal {
margin-top: 30px;
margin-bottom: 30px;
text-align: left;
}
.sui-modal.has-header .sui-header {
display: block;
}
.sui-modal.has-header.fixed .sui-main {
height: calc(100% - 83px);
top: 83px;
}
.sui-modal.has-nav .sui-sidebar {
display: block;
}
.sui-modal.has-nav .sui-content-frames {
float: right;
width: calc(100% - 210px);
}
.sui-modal.fixed {
position: fixed;
left: 50%;
top: 30px;
bottom: 30px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
}
.sui-modal.fixed .sui-main {
overflow: auto;
position: absolute;
width: 100%;
height: calc(100%);
top: 0;
}
.sui-modal.fixed .sui-frame .sui-frame-content {
height: calc(100%);
margin-bottom: 0;
}
.sui-modal.fixed .sui-frame.has-actions .sui-frame-content {
height: calc(100% - 67px);
}
.sui-modal .sui-header {
display: none;
position: relative;
height: 83px;
z-index: 2;
/* border-bottom: 1px solid #e1e1e1; */
box-shadow: 0px 1px 0px 0px #e1e1e1;
padding: 0 31px;
}
.sui-modal .sui-header:before {
display: block;
/* background-color: #ccc; */
content: "";
height: 50%;
}
.sui-modal .sui-header-content {
display: block;
}
.sui-modal .sui-header-h1 {
font-size: 22px;
font-family: 'gotham-medium-webfont';
color: #2f2f2f;
}
.sui-modal .sui-header-h2 {
font-family: 'gotham-book-webfont';
color: #646464;
}
.sui-modal .sui-sidebar {
display: none;
float: left;
width: 210px;
height: 100%;
overflow-y: auto;
/* border-right: 1px solid #e1e1e1; */
box-shadow: 0px 1px 0px 0px #e1e1e1;
}
.sui-modal .sui-nav {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
color: #c2c2c2;
box-shadow: 0px 1px 0px 0px #e1e1e1;
position: relative;
}
.sui-modal .sui-nav > li {
padding: 15px 0 14px 33px;
border-top: 1px solid #e1e1e1;
}
.sui-modal .sui-nav > li:hover {
background-color: #fbfbff;
cursor: pointer;
}
.sui-modal .sui-nav > li:first {
border-top: none;
}
.sui-modal .sui-nav > li.active {
background-color: #fafaff;
color: #3e8bad;
}
.sui-modal .sui-nav > li i {
margin-right: 12px;
font-size: 16px;
}
.sui-modal .sui-nav:after {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1px;
background-color: #e1e1e1;
}
.sui-modal .sui-content-frames {
width: 100%;
height: 100%;
box-shadow: -1px 0px 0px 0px #e1e1e1;
z-index: 1;
}
.sui-modal .sui-frame {
display: none;
height: 100%;
position: relative;
overflow: hidden;
}
.sui-modal .sui-frame.active {
display: block;
}
.sui-modal .sui-frame.has-actions .sui-actions {
display: block;
}
.sui-modal .sui-frame-content {
overflow: auto;
margin-bottom: 62px;
}
.sui-modal .sui-actions {
display: none;
/* z-index: 1; */
/*border-top: 1px solid #e1e1e1;*/
box-shadow: 0px -1px 0px 0px #e1e1e1;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 28px 28px 0;
}
.sui-modal .sui-actions .sui-action-btn {
position: relative;
}
.sui-modal .sui-actions .sui-action-btn.f-l:not(.mr-0) {
margin-right: 0;
}
.sui-modal.fade {
-webkit-transform: 'translate3d(0, 25%, 0';
-moz-transform: 'translate3d(0, 25%, 0';
-ms-transform: 'translate3d(0, 25%, 0';
-webkit-transform: 'translate3d(0, 25%, 0';
-moz-transform: 'translate3d(0, 25%, 0';
-ms-transform: 'translate3d(0, 25%, 0';
transform: 'translate3d(0, 25%, 0';
-webkit-transition: '.3s, ease-out';
-moz-transition: '.3s, ease-out';
-ms-transition: '.3s, ease-out';
-webkit-transition: '.3s, ease-out';
-moz-transition: '.3s, ease-out';
-ms-transition: '.3s, ease-out';
transition: '.3s, ease-out';
}
.sui-modal.in {
-webkit-transform: 'translate3d(0, 0, 0)';
-moz-transform: 'translate3d(0, 0, 0)';
-ms-transform: 'translate3d(0, 0, 0)';
-webkit-transform: 'translate3d(0, 0, 0)';
-moz-transform: 'translate3d(0, 0, 0)';
-ms-transform: 'translate3d(0, 0, 0)';
transform: 'translate3d(0, 0, 0)';
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
-webkit-outline: 0;
-moz-outline: 0;
-ms-outline: 0;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transform: translate3d(0, -25%, 0);
-o-transform: translate3d(0, -25%, 0);
-webkit-transform: translate3d(0, -25%, 0);
-moz-transform: translate3d(0, -25%, 0);
-ms-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,0.2);
-webkit-outline: 0;
-moz-outline: 0;
-ms-outline: 0;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
box-shadow: 0 3px 9px rgba(0,0,0,0.5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.in {
opacity: 0.7;
}
.modal-header {
min-height: 16.42857143px;
padding: 28px;
text-align: center;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.sui-btn-close {
position: absolute;
top: 0;
right: 0;
padding: 16px 16px 20px 20px;
z-index: 5;
color: #454545;
font-size: 14px;
cursor: pointer;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 28px;
overflow: hidden;
}
.sui-sidebar {
display: none;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.sui-modal.small-simple {
margin-top: 60px;
}
.sui-modal.small-simple .modal-dialog {
width: 408px;
}
.sui-modal.small-simple .modal-content {
border-radius: 0;
padding: 40px;
}
.sui-modal.small-simple .sui-btn-close {
padding: 12px 12px 25px 25px;
color: #3f3f3f;
font-size: 12px;
cursor: pointer;
}
.sui-modal.small-simple .sui-btn-close:hover,
.sui-modal.small-simple .sui-btn-close:active {
color: #000;
}
.sui-modal.small-simple .sui-frame-content {
margin: 0;
}
.sui-modal.small-simple .modal-body {
min-height: 0;
}
.sui-modal.small-simple .modal-header {
border: none;
padding: 28px 0;
}
.sui-modal.small-simple .modal-header .blue-highlight {
color: #4999ef;
}
.sui-modal.small-simple .sui-content-frames,
.sui-modal.small-simple .sui-actions {
box-shadow: none;
}
.sui-modal.small-simple .modal-icon {
text-align: center;
}
.sui-modal.small-simple .modal-icon i {
font-size: 112px;
}
.sui-modal.small-simple .modal-icon img {
width: 100%;
height: auto;
max-width: 100px;
max-height: 100px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
padding: 40px 20px 0;
}
.sui-modal.small-simple .sui-header-content {
text-align: center;
-webkit-font-smoothing: auto;
}
.sui-modal.small-simple .sui-header-content .sui-header-h1 {
margin-bottom: 10px;
display: inline-block;
font-family: 'GothamHTF-Medium', 'GibsonSemiBold';
color: #535353;
}
.sui-modal.small-simple .sui-header-content .sui-header-h2 {
font-family: 'GothamHTF-Book', 'GibsonLight';
color: #b4b4b4;
line-height: 1.5;
}
.sui-modal.small-simple .sui-actions {
position: static;
text-align: center;
min-height: 42px;
height: auto;
}
.sui-modal.small-simple .sui-actions button {
float: none;
margin: 0 4px;
padding: 12px;
}
.sui-modal.small-simple .sui-actions button[sui-button^=fill] {
width: 158px;
width: calc(60% - 10px);
float: right;
}
.sui-modal.small-simple .sui-actions button[sui-button^=outline] {
width: 94px;
width: calc(40% - 10px);
float: left;
}
.sui-modal.small-simple .sui-actions button.f-none {
float: none;
}
.sui-modal.small-simple .circle-icon-border {
border: 7px solid;
border-radius: 100%;
height: 92px;
width: 92px;
display: block;
margin: 10px auto;
position: relative;
}
.sui-modal.small-simple .circle-icon-border span,
.sui-modal.small-simple .circle-icon-border i {
position: absolute;
font-size: 70px;
font-family: GothamHTF-Medium;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sui-modal.small-simple .circle-icon-border i {
font-size: 50px;
margin-top: -5px;
}
.sui-modal .sui-form label > span {
display: block;
font-family: 'gotham-medium-webfont';
color: #404040;
font-size: 16;
margin-bottom: 0.6rem;
}
.sui-modal .sui-form input {
margin-bottom: 1.2rem;
border: 3px solid #eee;
height: 2.5em;
width: 100%;
padding: 0.5em;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.sui-modal .sui-form input.w1-2 {
width: calc(50% - 8px);
}
.sui-modal .sui-form input.w1-2:nth-child(odd) {
float: right;
}
.sui-modal .sui-form input:focus {
border-color: #4999ef;
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
outline: none;
}
.sui-modal .sui-form input[type="number"]::-webkit-inner-spin-button,
.sui-modal .sui-form input[type="number"]::-webkit-outer-spin-button {
display: none;
}
[sui-input] {
color: #dbd9df;
text-align: left;
}
[sui-input] [sui-input-group-label],
[sui-input] label {
cursor: pointer;
color: #15003b;
}
[sui-input] input,
[sui-input] textarea {
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
outline: none;
background: #fff;
}
[sui-input~="is-disabled"],
[sui-input~="is-read-only"] {
pointer-events: none;
color: #dbd9df !important;
}
[sui-input~="is-disabled"] .input-holder,
[sui-input~="is-read-only"] .input-holder {
background: #edecef !important;
}
[sui-input~="has-errors"] {
color: #e80d65 !important;
}
[sui-input~="has-errors"] label,
[sui-input~="has-errors"] input,
[sui-input~="has-errors"] textarea {
color: #e80d65;
border-color: #e80d65 !important;
}
[sui-input~="is-required"] > label:after {
content: '*';
display: inline-block;
margin-left: 5px;
color: #e80d65;
}
[sui-input-holder] {
position: relative;
float: left;
display: inline-block;
height: 1.25em;
width: 1.25em;
color: #dbd9df;
}
[sui-input-label~="checkable"] {
margin-left: 5px;
line-height: 1.25em;
vertical-align: top;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[sui-input-holder] {
cursor: pointer;
}
[sui-input-holder]:hover {
color: #54d2e0;
}
[sui-checkbox] label:hover + [sui-input-holder] {
color: #54d2e0;
}
[sui-radio] label:hover + [sui-input-holder] {
color: #54d2e0;
}
[sui-input-replacement] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #fff;
}
[sui-input-replacement]:after {
content: '';
display: none;
}
[sui-text] label,
[sui-textarea] label {
display: block;
}
[sui-text] input,
[sui-textarea] input,
[sui-text] textarea,
[sui-textarea] textarea {
padding: 15px 10px;
border-style: solid;
border-width: 1px;
border-color: #dbd9df;
display: block;
width: 100%;
}
[sui-text] input:focus,
[sui-textarea] input:focus,
[sui-text] textarea:focus,
[sui-textarea] textarea:focus {
border-color: #54d2e0;
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
outline: none;
}
[sui-textarea] textarea {
-webkit-resize: none;
-moz-resize: none;
-ms-resize: none;
resize: none;
}
[sui-dropdown] {
position: relative;
display: block;
height: auto;
border: 0;
color: #15003b;
border-color: #dbd9df;
}
[sui-dropdown~="fill-parent"] {
height: 100%;
}
[sui-dropdown-trigger] {
position: relative;
max-width: 100%;
overflow: hidden;
padding: 7px 35px 7px 14px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #dbd9df;
cursor: pointer;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[sui-dropdown-trigger]:after {
position: absolute;
font-size: 0.6em;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
height: auto;
line-height: inherit;
color: #15003b;
-webkit-transition: transform 0.15s ease-in-out;
-moz-transition: transform 0.15s ease-in-out;
-ms-transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
}
[sui-dropdown~="is-open"] [sui-dropdown-trigger]:after {
-webkit-transform: rotate(180deg) translateY(50%);
-moz-transform: rotate(180deg) translateY(50%);
-ms-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
}
[sui-input~="is-read-only"] [sui-dropdown-trigger]:after,
[sui-input~="is-disabled"] [sui-dropdown-trigger]:after {
cursor: default;
display: none;
}
[sui-dropdown~="fill-parent"] [sui-dropdown-trigger] {
border: 0;
margin: 1px;
height: 100%;
background-color: transparent;
}
[sui-dropdown~="icon-trigger"] [sui-dropdown-trigger] {
position: relative;
top: auto;
right: auto;
display: inline-block;
width: 1em;
height: 1em;
padding: 0;
border-width: 1px;
border-style: solid;
border-radius: 2px;
line-height: 1em;
text-align: center;
overflow: hidden;
}
[sui-dropdown~="icon-trigger"] [sui-dropdown-trigger]:hover {
border-color: transparent;
}
[sui-dropdown~="icon-trigger"] [sui-dropdown-trigger]:before {
font-size: 0.6em;
line-height: 1.66em;
width: 100%;
height: 100%;
vertical-align: top;
}
[sui-dropdown~="icon-trigger"] [sui-dropdown-trigger]:after {
display: none;
}
[sui-dropdown-options] {
display: none;
position: fixed;
z-index: 9999;
overflow: auto;
border: solid 1px #dbd9df;
border-radius: 4px 0 4px 4px;
background: #fff;
text-overflow: ellipsis;
text-align: left;
box-shadow: 0 0px 15px rgba(0,0,0,0.12);
}
[sui-dropdown-options][sui-styles~="medium"] {
font-size: 0.8em;
}
[sui-dropdown-options~="hide-placeholder-option"] [sui-dropdown-option][data-value~="placeholder"] {
display: none;
}
[sui-dropdown-options~="icon-trigger"] {
min-width: 140px;
}
[sui-dropdown-option] {
position: relative;
width: 100%;
padding: 7px 35px 7px 14px;
color: #15003b;
border-bottom: 1px solid #dbd9df;
cursor: pointer;
}
[sui-dropdown-option]:last-child {
border-radius: 0 0 3px 3px;
border-bottom: none;
}
[sui-dropdown-option]:hover {
background: #6b6577;
color: #fff;
}
[sui-dropdown-option~="is-active"] {
background-color: #dbd9df;
}
[sui-dropdown-option~="is-active"]:after {
position: absolute;
top: 50%;
right: 14px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
[sui-dropdown-option~="is-disabled"] {
background-color: #dbd9df;
color: #a29dad;
pointer-events: none;
}
[sui-dropdown~="searchable"] [sui-dropdown-trigger] {
margin: 0;
padding: 1em;
}
[sui-dropdown-search] {
padding: 1em 1em 1em 3em;
border-bottom: 1px solid #5252ca;
position: relative;
display: inline-block;
width: 100%;
}
[sui-dropdown-search]:after {
content: '\e018';
font-family: kohtello;
position: absolute;
left: 1em;
color: #9797df;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
[sui-dropdown-search-input] {
border: none;
font-size: inherit;
width: 100%;
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
outline: none;
}
[sui-dropdown-search-input]:focus {
-webkit-outline: 0;
-moz-outline: 0;
-ms-outline: 0;
outline: 0;
}
[sui-dropdown-option] {
padding: 1em;
}
[sui-dropdown-options~="searchable"] {
font-size: 0.8em;
border-color: #5252ca;
border-radius: 0;
margin-top: 0;
}
[sui-dropdown-footer] {
padding: 7px 14px 7px 14px;
}
[sui-checkbox] {
text-align: left;
}
[sui-checkbox] input.checked + [sui-input-replacement] {
color: #54d2e0;
}
[sui-checkbox] input.checked + [sui-input-replacement]:after {
display: block;
}
[sui-checkbox] [sui-input-replacement] {
border-style: solid;
border-width: 1.5px;
border-radius: 0;
text-align: center;
}
[sui-checkbox] [sui-input-replacement]:after {
content: '\2713';
line-height: 1.25em;
color: #54d2e0;
}
[sui-radio] {
text-align: left;
}
[sui-radio] input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: pointer;
}
[sui-radio] input:checked + [sui-input-replacement] {
color: #54d2e0;
}
[sui-radio] input:checked + [sui-input-replacement]:after {
display: block;
}
[sui-radio] [sui-input-replacement] {
border-style: solid;
border-width: 1.5px;
border-radius: 50%;
text-align: center;
}
[sui-radio] [sui-input-replacement]:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-width: 0.35em;
border-style: solid;
border-radius: 50%;
color: #54d2e0;
}
[sui-radio] [sui-input-holder] {
border-radius: 50%;
}
[sui-file] {
display: inline-block;
width: 100%;
}
[sui-file] .sui-input-label {
display: block;
}
[sui-file] [sui-file-loader] {
display: none;
}
[sui-file-target] {
position: relative;
width: 100%;
min-height: 60px;
padding: 10px;
border: solid 1px #dbd9df;
background-color: #f8f7f9;
cursor: pointer;
-webkit-transition: background-color 0.1s ease-out;
-moz-transition: background-color 0.1s ease-out;
-ms-transition: background-color 0.1s ease-out;
transition: background-color 0.1s ease-out;
overflow: hidden;
color: #aea9b7;
}
[sui-file-target] input[type="file"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
display: block;
z-index: 101;
opacity: 0;
cursor: pointer;
}
[sui-file-target] [sui-file-filename] {
opacity: 0;
display: none;
}
[sui-file-target]:hover {
background-color: #dbd9df;
}
[sui-file-target]:hover [sui-file-placeholder] {
opacity: 1;
}
[sui-file-target]:hover [sui-file-filename] {
opacity: 0;
}
[sui-file-target]:hover [sui-file-image-preview] {
opacity: 0.25;
}
[sui-input~="has-errors"] [sui-file-target] {
color: #e80d65 !important;
border-color: #e80d65 !important;
}
[sui-file-placeholder],
[sui-file-filename],
[sui-file-image-preview] {
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
-ms-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
[sui-file-target~="is-uploading"] {
pointer-events: none;
}
[sui-file-target~="is-uploading"] [sui-file-loader] {
display: block;
}
[sui-file-target~="is-uploading"] [sui-file-image-preview] {
opacity: 0.25;
}
[sui-file-target~="has-file-uploaded"] [sui-file-filename] {
opacity: 1;
}
[sui-file-target~="has-file-uploaded"] [sui-file-placeholder] {
opacity: 0;
}
[sui-file-image-preview] {
display: none;
opacity: 1;
text-align: center;
}
[sui-file-image-preview] img {
display: inline-block;
}
[sui-file-image-preview~='has-image'] {
display: block;
}
[sui-file-placeholder],
[sui-file-filename] {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font-size: 0.8em;
}
[sui-file-placeholder]:before,
[sui-file-filename]:before {
font-size: 2em;
}
[sui-modal-overlay] {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.7);
}
[sui-modal] {
display: none;
position: fixed;
width: 80%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
box-shadow: 0px 1px 50px rgba(0,0,0,0.2);
}
[sui-modal~="is-open"] {
display: block;
}
.bulk-adder-loader {
display: none;
position: relative;
height: 150px;
float: left;
width: 100%;
}
.bulk-adder-loader.cover-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.5);
}
.bulk-adder-loader.active {
display: block;
}
A key player at the mall | Lemmon Lines