/* FILE: /components/com_k2/css/k2.css */
a:active, a:focus {outline:0;} img {border:none;}  #k2Container {padding:0 0 24px 0;} body.contentpane #k2Container {padding:16px;}   .k2Padding {padding:4px;}  .clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}  .even {padding:2px;} .odd {padding:2px;}  div.k2FeedIcon {padding:4px 8px;} div.k2FeedIcon a, div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0;width:16px;height:16px;} div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;}  .itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;} .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;} div.itemRatingForm .formLogLoading {background:url(/components/com_k2/images/loaders/generic.gif) no-repeat left center;height:25px;padding:0 0 0 20px;} .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(/components/com_k2/images/ratingstars.gif) left -1000px repeat-x;} .itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;} .itemRatingList li {display:inline;background:none;padding:0;} .itemRatingList a, .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;} .itemRatingList a:hover {background-position:left bottom;} .itemRatingList a.one-star {width:20%;z-index:6;} .itemRatingList a.two-stars {width:40%;z-index:5;} .itemRatingList a.three-stars {width:60%;z-index:4;} .itemRatingList a.four-stars {width:80%;z-index:3;} .itemRatingList a.five-stars {width:100%;z-index:2;} .itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;} span.siteRoot {display:none;}  .smallerFontSize {font-size:100%;line-height:inherit;} .largerFontSize {font-size:150%;line-height:140%;}  .recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#fff !important;} #recaptcha_table {border-color:#ccc !important;} #recaptcha_response_field {border-color:#ccc !important;background-color:#fff !important;} .k2-recaptcha-v2 {margin-top:12px;}   div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {font-size:14px;} div.itemToolbar ul li a#fontDecrease img, div.itemToolbar ul li a#fontIncrease img {background:none;} a.ubUserFeedIcon, a.ubUserFeedIcon:hover, a.ubUserURL, a.ubUserURL:hover, span.ubUserEmail, div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before, div.k2FeedIcon a, div.k2FeedIcon a:hover, div.itemToolbar ul li a#fontDecrease, div.itemToolbar ul li a#fontIncrease {background:none;text-decoration:none;vertical-align:middle;font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}  div.catItemIsFeatured:before, div.userItemIsFeatured:before, div.itemIsFeatured:before {content:"\e09b";} a#fontIncrease:before {content:"\e091";} a#fontDecrease:before {content:"\e092";} div.k2FeedIcon a:before, a.ubUserFeedIcon:before {content:"\e03b";} a.ubUserURL:before {content:"\e037";} span.ubUserEmail:before {content:"\e086";}  div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2ItemsBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul {margin:0;padding:0 4px;list-style:none;}  div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {display:block;padding:0;margin:0 0 24px 0;}  .clearList {display:none;float:none;clear:both;}  .lastItem {border:none;}   .k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ddd;border-radius:50%;padding:2px;margin:2px 4px 4px 0;}  a.k2ReadMore {} a.k2ReadMore:hover {}  div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;} div.k2Pagination ul {text-align:center;} div.k2Pagination ul li {display:inline-block;margin:0;padding:0;} div.k2Pagination ul li a {display:inline-block;padding:4px 8px;margin:0 8px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;background:#fff;text-decoration:none;} div.k2Pagination ul li a:hover {background:#fafafa;cursor:pointer;} div.k2Pagination ul li.active a {background:#fafafa;} div.k2Pagination ul li a span {vertical-align:middle;}  table.csvData {} table.csvData tr th {} table.csvData tr td {}  div.itemIsFeatured, div.catItemIsFeatured, div.userItemIsFeatured {position:relative;} div.itemIsFeatured:before, div.catItemIsFeatured:before, div.userItemIsFeatured:before {position:absolute;top:10px;right:10px;color:#CF1919;font-size:20px;}  .k2HorizontalSep {border:0;padding:0;margin:0 8px;}  span.itemEditLink, span.catItemEditLink, span.userItemEditLink, span.userItemAddLink {float:right;display:block;padding:0;margin:0;width:120px;text-align:right;} span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a, span.userItemAddLink a {display:inline-block;padding:4px 8px;margin:0;background:#2d96dd;color:#fff;border:0;border-radius:4px;font-size:11px;line-height:100%;font-weight:bold;text-align:center;text-decoration:none;} span.itemEditLink a:hover, span.catItemEditLink a:hover, span.userItemEditLink a:hover, span.userItemAddLink a:hover {background:#217dbb;}  a.itemPrintThisPage {display:block;width:160px;margin:4px auto 16px;padding:8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px;} a.itemPrintThisPage:hover {background:#fafafa;text-decoration:none;} div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;}  div.itemIsFeatured {}  span.itemEditLink {} span.itemEditLink a {} span.itemEditLink a:hover {} div.itemHeader {} div.itemHeader span.itemDateCreated {color:#999;font-size:11px;} div.itemHeader h2.itemTitle {padding:10px 0 4px 0;margin:0;} div.itemHeader h2.itemTitle span {} div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;}  div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;} div.itemHeader span.itemAuthor a:before {content:" ";} div.itemHeader span.itemAuthor a {} div.itemHeader span.itemAuthor a:hover {} div.itemToolbar {padding:8px;margin:16px 0 0 0;background:#fafafa;border-radius:4px;} div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;} div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px;} div.itemToolbar ul > li:first-child {border:none;}  div.itemToolbar ul li a {font-size:12px;font-weight:normal;} div.itemToolbar ul li a:hover {} div.itemToolbar ul li a span {} div.itemToolbar ul li a.itemPrintLink {} div.itemToolbar ul li a.itemPrintLink span {} div.itemToolbar ul li a.itemEmailLink {} div.itemToolbar ul li a.itemEmailLink span {} div.itemToolbar ul li a.itemVideoLink {} div.itemToolbar ul li a.itemVideoLink span {} div.itemToolbar ul li a.itemImageGalleryLink {} div.itemToolbar ul li a.itemImageGalleryLink span {} div.itemToolbar ul li a.itemCommentsLink {} div.itemToolbar ul li a.itemCommentsLink span {} div.itemToolbar ul li a img {vertical-align:middle;} div.itemToolbar ul li span.itemTextResizerTitle {} div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;font-size:13px;} div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;} div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;font-size:13px;} div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span {display:none;} div.itemRatingBlock {padding:8px 0;} div.itemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.itemBody {padding:8px 0;margin:0;} div.itemImageBlock {padding:8px 0;margin:0 0 16px 0;} span.itemImage {display:block;text-align:center;margin:0 0 8px 0;} span.itemImage img {max-width:100%;height:auto;} span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;} span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;} @media screen and ( max-width:600px ){ span.itemImageCaption, span.itemImageCredits {float:none;text-align:center;} } div.itemIntroText {color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;} div.itemIntroText img {} div.itemFullText {} div.itemFullText h3 {margin:0;padding:16px 0 4px 0;} div.itemFullText p {} div.itemFullText img {} div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;} div.itemExtraFields ul {margin:0;padding:0;list-style:none;} div.itemExtraFields ul li {display:block;} div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.itemExtraFields ul li span.itemExtraFieldsValue {} div.itemContentFooter {display:block;text-align:right;padding:4px 0;margin:16px 0 4px 0;color:#999;} span.itemHits {float:left;} span.itemDateModified {} div.itemSocialSharing {padding:8px 0;} div.itemTwitterButton {float:left;margin:2px 24px 0 0;} div.itemFacebookButton {float:left;margin-right:24px;width:200px;} div.itemGooglePlusOneButton {} div.itemLinks {margin:16px 0;padding:0;} div.itemCategory {} div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemCategory a {} div.itemTagsBlock {} div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;} div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.itemTagsBlock ul.itemTags li a:before {content:"#";} div.itemTagsBlock ul.itemTags li a {} div.itemTagsBlock ul.itemTags li a:hover {} div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.itemAttachmentsBlock ul.itemAttachments li a {} div.itemAttachmentsBlock ul.itemAttachments li a:hover {} div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;}  div.itemAuthorBlock {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 0 16px 0;padding:8px;} div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;border-radius:50%;} div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:4px 0 0 0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-size:16px;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.itemAuthorBlock div.itemAuthorDetails p {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;}  div.itemAuthorLatest {margin-bottom:16px;padding:0;} div.itemAuthorLatest h3 {} div.itemAuthorLatest ul {} div.itemAuthorLatest ul li {} div.itemAuthorLatest ul li a {} div.itemAuthorLatest ul li a:hover {}  div.itemRelated {margin-bottom:16px;padding:0;}  div.itemRelated h3 {} div.itemRelated ul {} div.itemRelated ul li {} div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ddd;padding:4px;margin:0 4px 4px 0;background:#fff;}  div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;} a.itemRelTitle {} div.itemRelCat {} div.itemRelCat a {} div.itemRelAuthor {} div.itemRelAuthor a {} img.itemRelImg {} div.itemRelIntrotext {} div.itemRelFulltext {} div.itemRelMedia {} div.itemRelImageGallery {}  div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/components/com_k2/images/videobg.gif) repeat-x bottom;color:#eee;} div.itemVideoBlock div.itemVideoEmbedded {text-align:center;}  div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;} div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;} div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;} @media screen and ( max-width:600px ){ div.itemVideoBlock span.itemVideoCaption, div.itemVideoBlock span.itemVideoCredits {float:none;text-align:center;width:auto;} }  div.itemImageGallery {margin:0 0 16px 0;padding:0;}  div.itemNavigation {padding:8px;margin:0 0 24px 0;background:#fafafa;border-radius:4px;} div.itemNavigation span.itemNavigationTitle {color:#999;} div.itemNavigation a.itemPrevious {padding:0 12px;} div.itemNavigation a.itemNext {padding:0 12px;}  div.itemComments {background:#fafafa;border:1px solid #ddd;border-radius:4px;padding:16px;} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {display:block;padding:4px;margin:0 0 8px 0;border-bottom:1px solid #ddd;background:#fff;} div.itemComments ul.itemCommentsList li.authorResponse {background:#f5fdff;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {float:left;margin:4px 4px 4px 0;padding:4px;} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:14px;} div.itemComments ul.itemCommentsList li p {padding:4px 0;} div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} div.itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;} div.itemComments ul.itemCommentsList li span.commentLink a {font-size:11px;color:#999;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;} div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;} div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(/components/com_k2/images/loaders/search.gif) no-repeat 100% 50%;} div.itemCommentsPagination {padding:4px;margin:0 0 24px 0;}  div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;}  div.itemCommentsPagination ul {text-align:center;} div.itemCommentsPagination ul li {display:inline-block;margin:0;padding:0;} div.itemCommentsPagination ul li a {display:inline-block;padding:4px 8px;margin:0 8px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;background:#fff;text-decoration:none;} div.itemCommentsPagination ul li a:hover {background:#fafafa;cursor:pointer;} div.itemCommentsPagination ul li.active a {background:#fafafa;} div.itemCommentsPagination ul li a span {vertical-align:middle;} div.itemCommentsForm h3 {margin:0;padding:0 0 4px 0;} div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #ccc;padding:8px 0;} div.itemCommentsForm form {margin:0;padding:0;width:100%;} div.itemCommentsForm form label.formComment, div.itemCommentsForm form label.formName, div.itemCommentsForm form label.formEmail, div.itemCommentsForm form label.formUrl, div.itemCommentsForm form label.formRecaptcha {display:block;margin:12px 0 0 2px;} div.itemCommentsForm form textarea.inputbox {display:block;width:100%;height:200px;margin:0;padding:8px;box-sizing:border-box;} div.itemCommentsForm form input.inputbox {display:block;width:100%;margin:0;padding:8px;line-height:150%;height:auto;box-sizing:border-box;} div.itemCommentsForm form input#submitCommentButton {display:block;margin:16px 0 0 0;padding:8px 16px;background:#2d96dd;color:#fff;border:0;border-radius:4px;font-size:16px;font-weight:bold;} div.itemCommentsForm form input#submitCommentButton:hover {background:#217dbb;} div.itemCommentsForm form span#formLog {margin:24px;padding:8px 12px;border-radius:4px;text-align:center;display:none;} div.itemCommentsForm form span#formLog.k2FormLogError {display:block;background:#f00;color:#fff;} div.itemCommentsForm form span#formLog.k2FormLogSuccess {display:block;background:#18ac00;color:#fff;} div.itemCommentsForm form .formLogLoading {background:url(/components/com_k2/images/loaders/generic.gif) no-repeat left center;} div.itemCommentsLoginFirst {display:block;margin:24px;padding:8px 12px;background:#f00;color:#fff;border-radius:4px;}  div.k2ReportCommentFormContainer {padding:8px;width:480px;margin:0 auto;} div.k2ReportCommentFormContainer blockquote {width:462px;background:#fafafa;border:1px solid #ddd;padding:8px;margin:0 0 8px 0;} div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:left;} div.k2ReportCommentFormContainer blockquote span.quoteIconRight {font-style:italic;font-weight:bold;font-size:40px;color:#135CAE;line-height:30px;vertical-align:top;display:block;float:right;} div.k2ReportCommentFormContainer blockquote span.theComment {font-style:italic;font-size:12px;font-weight:normal;color:#000;padding:0 4px;} div.k2ReportCommentFormContainer form label {display:block;font-weight:bold;} div.k2ReportCommentFormContainer form input, div.k2ReportCommentFormContainer form textarea {display:block;border:1px solid #ddd;font-size:12px;padding:2px;margin:0 0 8px 0;width:474px;} div.k2ReportCommentFormContainer form #recaptcha {margin-bottom:24px;} div.k2ReportCommentFormContainer form span#formLog {margin:24px;padding:8px 12px;background:#fafafa;border-radius:4px;text-align:center;display:none;} div.k2ReportCommentFormContainer form .formLogLoading {background:url(/components/com_k2/images/loaders/generic.gif) no-repeat left center;}  div.itemBackToTop {text-align:right;} div.itemBackToTop a {text-decoration:underline;} div.itemBackToTop a:hover {text-decoration:underline;}  div.itemListCategoriesBlock {}  div.itemListCategory {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 0 24px 0;padding:8px;} span.catItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;} span.catItemAddLink a {padding:4px 16px;border:1px solid #ddd;background:#fafafa;text-decoration:none;} span.catItemAddLink a:hover {background:#ffffcc;} div.itemListCategory img {float:left;display:block;margin:0 8px 0 0;} div.itemListCategory h2 {} div.itemListCategory p {}  div.itemListSubCategories {} div.itemListSubCategories h3 {} div.subCategoryContainer {float:left;} div.subCategoryContainerLast {}  div.subCategory {background:#fafafa;border:1px solid #ddd;margin:4px;padding:8px;} div.subCategory a.subCategoryImage, div.subCategory a.subCategoryImage:hover {text-align:center;display:block;} div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {margin:0 8px 0 0;} div.subCategory h2 {} div.subCategory h2 a {} div.subCategory h2 a:hover {} div.subCategory p {}  div.itemList {} div#itemListLeading {} div#itemListPrimary {} div#itemListSecondary {} div#itemListLinks {background:#fafafa;border:1px solid #ddd;margin:8px 0;padding:8px;} div.itemContainer {float:left;} div.itemContainerLast {}  @media screen and ( max-width:600px ){ div.itemContainer, div.subCategoryContainer {float:none;display:block;width:100%!important;} }  div.catItemView {margin-bottom:48px;padding:4px;}   div.groupLeading {} div.groupPrimary {} div.groupSecondary {} div.groupLinks {padding:0;margin:0;} div.catItemIsFeatured {}  span.catItemEditLink {} span.catItemEditLink a {} span.catItemEditLink a:hover {} div.catItemHeader {} div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;} div.catItemHeader h3.catItemTitle {padding:10px 0 4px 0;margin:0;} div.catItemHeader h3.catItemTitle span {} div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;}  div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;} div.catItemHeader span.catItemAuthor a {} div.catItemHeader span.catItemAuthor a:hover {} div.catItemRatingBlock {padding:8px 0;} div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;} div.catItemBody {padding:8px 0;margin:0;} div.catItemImageBlock {padding:8px 0;margin:0 0 16px 0;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;} span.catItemImage img {max-width:100%;height:auto;} div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.catItemIntroText img {} div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;} div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;} div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;} div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;} div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.catItemExtraFields ul li span.catItemExtraFieldsValue {} div.catItemLinks {margin:0 0 16px 0;padding:0;} div.catItemHitsBlock {padding:4px 0;} span.catItemHits {} div.catItemCategory {padding:4px 0;} div.catItemCategory span {font-weight:bold;padding:0 4px 0 0;} div.catItemCategory a {} div.catItemTagsBlock {padding:4px 0;} div.catItemTagsBlock span {font-weight:bold;padding:0 4px 0 0;} div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;} div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.catItemTagsBlock ul.catItemTags li a:before {content:"#";} div.catItemTagsBlock ul.catItemTags li a {} div.catItemTagsBlock ul.catItemTags li a:hover {} div.catItemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;} div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;} div.catItemAttachmentsBlock ul.catItemAttachments li a {} div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {} div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;}  div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/components/com_k2/images/videobg.gif) repeat-x bottom;} div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;}  div.catItemVideoBlock span.catItemVideo {display:block;}  div.catItemImageGallery {margin:0 0 16px 0;padding:0;}  div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.catItemCommentsLink a {} div.catItemCommentsLink a:hover {}  div.catItemReadMore {display:inline;} div.catItemReadMore a {} div.catItemReadMore a:hover {}  span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;}   div.userView {} div.userBlock {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 0 24px 0;padding:8px;} div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;border-radius:50%;} div.userBlock h2 {} div.userBlock div.userDescription {padding:4px 0;} div.userBlock div.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.userURL {font-weight:bold;color:#555;display:block;} span.userEmail {font-weight:bold;color:#555;display:block;} div.userItemList {}  div.userItemView {margin-bottom:48px;}  div.userItemIsFeatured {}  div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;} span.userItemEditLink {} span.userItemEditLink a {} span.userItemEditLink a:hover {} div.userItemHeader {} div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} div.userItemHeader h3.userItemTitle {padding:10px 0 4px 0;margin:0;} div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;}  div.userItemBody {padding:8px 0;margin:0;} div.userItemImageBlock {padding:0;margin:0;float:left;} span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.userItemImage img {max-width:100%;height:auto;} div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.userItemIntroText img {} div.userItemLinks {margin:0 0 16px 0;padding:0;} div.userItemCategory {padding:4px 0;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemCategory a {} div.userItemTagsBlock {padding:4px 0;} div.userItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;} div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.userItemTagsBlock ul.userItemTags li a:before {content:"#";} div.userItemTagsBlock ul.userItemTags li a {} div.userItemTagsBlock ul.userItemTags li a:hover {}  div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.userItemCommentsLink a {} div.userItemCommentsLink a:hover {}  div.userItemReadMore {display:inline;} div.userItemReadMore a {} div.userItemReadMore a:hover {}  div.tagView {} div.tagItemList {} div.tagItemView {margin-bottom:48px;}  div.tagItemHeader {} div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;} div.tagItemHeader h2.tagItemTitle {padding:10px 0 4px 0;margin:0;} div.tagItemBody {padding:8px 0;margin:0;} div.tagItemImageBlock {padding:0;margin:0;float:left;} span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.tagItemImage img {max-width:100%;height:auto;} div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.tagItemIntroText img {} div.tagItemExtraFields {} div.tagItemExtraFields h4 {} div.tagItemExtraFields ul {} div.tagItemExtraFields ul li {} div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {} div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {} div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.tagItemCategory a {}  div.tagItemReadMore {display:inline;} div.tagItemReadMore a {} div.tagItemReadMore a:hover {}  div.genericView {} div.genericItemList {} div.genericItemView {margin-bottom:48px;}  div.genericItemHeader {} div.genericItemHeader span.genericItemDateCreated {color:#999;font-size:11px;} div.genericItemHeader h2.genericItemTitle {padding:10px 0 4px 0;margin:0;} div.genericItemBody {padding:8px 0;margin:0;} div.genericItemImageBlock {padding:0;margin:0;float:left;} span.genericItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.genericItemImage img {max-width:100%;height:auto;} div.genericItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.genericItemIntroText img {} div.genericItemExtraFields {} div.genericItemExtraFields h4 {} div.genericItemExtraFields ul {} div.genericItemExtraFields ul li {} div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {} div.genericItemExtraFields ul li span.genericItemExtraFieldsValue {} div.genericItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.genericItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.genericItemCategory a {}  div.genericItemReadMore {display:inline;} div.genericItemReadMore a {} div.genericItemReadMore a:hover {}  div#genericItemListNothingFound {padding:40px;text-align:center;} div#genericItemListNothingFound p {font-size:20px;color:#999;}  #k2GoogleSearchContainer .gsc-control {width:auto !important;} #k2GoogleSearchContainer .gsc-control .gsc-above-wrapper-area, #k2GoogleSearchContainer .gsc-control .gsc-resultsHeader, #k2GoogleSearchContainer .gsc-control .gsc-url-bottom {display:none !important;}   div.latestItemsContainer {float:left;} @media screen and ( max-width:600px ){ div.latestItemsContainer {float:none;display:block;width:100%!important;} }  div.latestItemsCategory {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 8px 24px 0;padding:8px;} div.latestItemsCategoryImage {text-align:center;} div.latestItemsCategoryImage img {margin:0 8px 0 0;} div.latestItemsCategory h2 {} div.latestItemsCategory p {}  div.latestItemsUser {background:#fafafa;border:1px solid #ddd;border-radius:4px;margin:0 8px 24px 0;padding:8px;} div.latestItemsUser img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;border-radius:50%;} div.latestItemsUser h2 {} div.latestItemsUser p.latestItemsUserDescription {padding:4px 0;} div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;} span.latestItemsUserURL {font-weight:bold;color:#555;display:block;} span.latestItemsUserEmail {font-weight:bold;color:#555;display:block;}  div.latestItemList {padding:0 8px 8px 0;} div.latestItemView {}  div.latestItemHeader {} div.latestItemHeader h3.latestItemTitle {padding:10px 0 4px 0;margin:0;} span.latestItemDateCreated {color:#999;font-size:11px;} div.latestItemBody {padding:8px 0;margin:0;} div.latestItemImageBlock {padding:0;margin:0;float:left;} span.latestItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.latestItemImage img {max-width:100%;height:auto;} @media screen and ( max-width:600px ){ div.latestItemImageBlock {float:none;display:block;} } div.latestItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.latestItemIntroText img {} div.latestItemLinks {margin:0 0 16px 0;padding:0;} div.latestItemCategory {padding:4px 0;} div.latestItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemCategory a {} div.latestItemTagsBlock {padding:4px 0;} div.latestItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.latestItemTagsBlock ul.latestItemTags {list-style:none;padding:0;margin:0;display:inline;} div.latestItemTagsBlock ul.latestItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.latestItemTagsBlock ul.latestItemTags li a:before {content:"#";} div.latestItemTagsBlock ul.latestItemTags li a {} div.latestItemTagsBlock ul.latestItemTags li a:hover {}  div.latestItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/components/com_k2/images/videobg.gif) repeat-x bottom;} div.latestItemVideoBlock span.latestItemVideo {display:block;}  div.latestItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.latestItemCommentsLink a {} div.latestItemCommentsLink a:hover {}  div.latestItemReadMore {display:inline;} div.latestItemReadMore a {} div.latestItemReadMore a:hover {}  h2.latestItemTitleList {padding:2px 0;margin:8px 0 2px 0;border-bottom:1px dotted #ccc;}  .k2AccountPage {} .k2AccountPage table {} .k2AccountPage table tr th {} .k2AccountPage table tr td {} .k2AccountPage table tr td label {white-space:nowrap;} img.k2AccountPageImage {border:4px solid #ddd;margin:10px 0;padding:0;display:block;} .k2AccountPage div.k2AccountPageNotice {padding:8px;} .k2AccountPage div.k2AccountPageUpdate {border-top:1px dotted #ddd;margin:8px 0;padding:8px;text-align:right;} .k2AccountPage th.k2ProfileHeading {text-align:left;font-size:18px;padding:8px;background:#f6f6f6;} .k2AccountPage td#userAdminParams {padding:0;margin:0;} .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key {background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;color:#666;font-weight:bold;text-align:right;font-size:11px;width:140px;}  .k2AccountPage table.admintable {} .k2AccountPage table.admintable tr td {} .k2AccountPage table.admintable tr td span {} .k2AccountPage table.admintable tr td span label {}   div.k2LatestCommentsBlock {} div.k2LatestCommentsBlock ul {} div.k2LatestCommentsBlock ul li {} div.k2LatestCommentsBlock ul li.lastItem {} div.k2LatestCommentsBlock ul li a.lcAvatar img {} div.k2LatestCommentsBlock ul li a {} div.k2LatestCommentsBlock ul li a:hover {} div.k2LatestCommentsBlock ul li span.lcComment {} div.k2LatestCommentsBlock ul li span.lcUsername {} div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;} div.k2LatestCommentsBlock ul li span.lcItemTitle {} div.k2LatestCommentsBlock ul li span.lcItemCategory {}  div.k2TopCommentersBlock {} div.k2TopCommentersBlock ul {} div.k2TopCommentersBlock ul li {} div.k2TopCommentersBlock ul li.lastItem {} div.k2TopCommentersBlock ul li a.tcAvatar img {} div.k2TopCommentersBlock ul li a.tcLink {} div.k2TopCommentersBlock ul li a.tcLink:hover {} div.k2TopCommentersBlock ul li span.tcUsername {} div.k2TopCommentersBlock ul li span.tcCommentsCounter {} div.k2TopCommentersBlock ul li a.tcLatestComment {} div.k2TopCommentersBlock ul li a.tcLatestComment:hover {} div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;}  div.k2ItemsBlock {} div.k2ItemsBlock p.modulePretext {} div.k2ItemsBlock ul {} div.k2ItemsBlock ul li {} div.k2ItemsBlock ul li a {} div.k2ItemsBlock ul li a:hover {} div.k2ItemsBlock ul li.lastItem {} div.k2ItemsBlock ul li a.moduleItemTitle {} div.k2ItemsBlock ul li a.moduleItemTitle:hover {} div.k2ItemsBlock ul li div.moduleItemAuthor {} div.k2ItemsBlock ul li div.moduleItemAuthor a {} div.k2ItemsBlock ul li div.moduleItemAuthor a:hover {} div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img {} div.k2ItemsBlock ul li div.moduleItemIntrotext {display:block;padding:4px 0;} div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding:0;} div.k2ItemsBlock ul li div.moduleItemExtraFields {} div.moduleItemExtraFields ul {} div.moduleItemExtraFields ul li {} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;} div.moduleItemExtraFields ul li span.moduleItemExtraFieldsValue {} div.k2ItemsBlock ul li div.moduleItemVideo {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCaption {} div.k2ItemsBlock ul li div.moduleItemVideo span.moduleItemVideoCredits {} div.k2ItemsBlock ul li span.moduleItemDateCreated {} div.k2ItemsBlock ul li a.moduleItemCategory {} div.k2ItemsBlock ul li div.moduleItemTags {} div.k2ItemsBlock ul li div.moduleItemTags b {} div.k2ItemsBlock ul li div.moduleItemTags a {padding:0 2px;} div.k2ItemsBlock ul li div.moduleItemTags a:hover {} div.k2ItemsBlock ul li div.moduleAttachments {} div.k2ItemsBlock ul li a.moduleItemComments {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemComments:hover {} div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;} div.k2ItemsBlock ul li a.moduleItemReadMore {} div.k2ItemsBlock ul li a.moduleItemReadMore:hover {} div.k2ItemsBlock a.moduleCustomLink {} div.k2ItemsBlock a.moduleCustomLink:hover {}   div.k2ArchivesBlock {} div.k2ArchivesBlock ul {} div.k2ArchivesBlock ul li {} div.k2ArchivesBlock ul li a {} div.k2ArchivesBlock ul li a:hover {}  div.k2AuthorsListBlock {} div.k2AuthorsListBlock ul {} div.k2AuthorsListBlock ul li {} div.k2AuthorsListBlock ul li a.abAuthorAvatar img {} div.k2AuthorsListBlock ul li a.abAuthorName {} div.k2AuthorsListBlock ul li a.abAuthorName:hover {} div.k2AuthorsListBlock ul li a.abAuthorLatestItem {display:block;clear:both;} div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {} div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {}  div.k2BreadcrumbsBlock {} div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;} div.k2BreadcrumbsBlock a {} div.k2BreadcrumbsBlock a:hover {} div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;}  div.k2CalendarBlock {height:190px;margin-bottom:8px;}  div.k2CalendarLoader {background:#fff url(/components/com_k2/images/loaders/calendar.gif) no-repeat 50% 50%;} table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;} table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#fafafa;text-align:left;} table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarCurrentMonth {background:#fafafa;} table.calendar tr td.calendarNavMonthNext {background:#fafafa;text-align:right;} table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;} table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;} table.calendar tr td.calendarDateEmpty {background:#fbfbfb;} table.calendar tr td.calendarDate {} table.calendar tr td.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#fafafa;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#135cae;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;} table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}  div.k2CategorySelectBlock {} div.k2CategorySelectBlock form select {width:auto;} div.k2CategorySelectBlock form select option {}  div.k2CategoriesListBlock {} div.k2CategoriesListBlock ul {} div.k2CategoriesListBlock ul li {} div.k2CategoriesListBlock ul li a {} div.k2CategoriesListBlock ul li a:hover {} div.k2CategoriesListBlock ul li a span.catTitle {padding-right:4px;} div.k2CategoriesListBlock ul li a span.catCounter {} div.k2CategoriesListBlock ul li a:hover span.catTitle {} div.k2CategoriesListBlock ul li a:hover span.catCounter {} div.k2CategoriesListBlock ul li.activeCategory {} div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;}  ul.level0 {} ul.level0 li {} ul.level0 li a {} ul.level0 li a:hover {} ul.level0 li a span {} ul.level0 li a:hover span {}  ul.level1 {} ul.level1 li {} ul.level1 li a {} ul.level1 li a:hover {} ul.level1 li a span {} ul.level1 li a:hover span {}   div.k2SearchBlock {position:relative;} div.k2SearchBlock form {} div.k2SearchBlock form input.inputbox {} div.k2SearchBlock form input.button {} div.k2SearchBlock form input.k2SearchLoading {background:url(/components/com_k2/images/loaders/search.gif) no-repeat 100% 50%;} div.k2SearchBlock div.k2LiveSearchResults {display:none;background:#fff;position:absolute;z-index:99;border:1px solid #ddd;margin-top:-1px;}  div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {list-style:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {border:none;margin:0;padding:0;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {display:block;padding:1px 2px;border-top:1px dotted #ddd;} div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {background:#fffff0;}  div.k2TagCloudBlock {padding:8px 0;} div.k2TagCloudBlock a {padding:4px;float:left;display:block;} div.k2TagCloudBlock a:hover {padding:4px;float:left;display:block;background:#135cae;color:#fff;text-decoration:none;}  div.k2CustomCodeBlock {}  div.k2LoginBlock {} div.k2LoginBlock p.preText {} div.k2LoginBlock fieldset.input {margin:0;padding:0 0 8px 0;} div.k2LoginBlock fieldset.input p {margin:0;padding:0 0 4px 0;} div.k2LoginBlock fieldset.input p label {display:block;} div.k2LoginBlock fieldset.input p input {display:block;} div.k2LoginBlock fieldset.input p#form-login-remember label, div.k2LoginBlock fieldset.input p#form-login-remember input {display:inline;} div.k2LoginBlock fieldset.input input.button {} div.k2LoginBlock ul {} div.k2LoginBlock ul li {} div.k2LoginBlock p.postText {} div.k2UserBlock {} div.k2UserBlock p.ubGreeting {border-bottom:1px dotted #ccc;} div.k2UserBlock div.k2UserBlockDetails a.ubAvatar img {} div.k2UserBlock div.k2UserBlockDetails span.ubName {display:block;font-weight:bold;font-size:14px;} div.k2UserBlock div.k2UserBlockDetails span.ubCommentsCount {} div.k2UserBlock ul.k2UserBlockActions {} div.k2UserBlock ul.k2UserBlockActions li {} div.k2UserBlock ul.k2UserBlockActions li a {} div.k2UserBlock ul.k2UserBlockActions li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu {} div.k2UserBlock ul.k2UserBlockRenderedMenu li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li a:hover {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul {}  div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul li a {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul {}  div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li {} div.k2UserBlock ul.k2UserBlockRenderedMenu li ul ul li a {} div.k2UserBlock form {} div.k2UserBlock form input.ubLogout {}  div.k2UsersBlock {} div.k2UsersBlock ul {} div.k2UsersBlock ul li {} div.k2UsersBlock ul li.lastItem {} div.k2UsersBlock ul li a.ubUserAvatar img {} div.k2UsersBlock ul li a.ubUserName {} div.k2UsersBlock ul li a.ubUserName:hover {} div.k2UsersBlock ul li div.ubUserDescription {} div.k2UsersBlock ul li div.ubUserAdditionalInfo {} a.ubUserFeedIcon, a.ubUserFeedIcon:hover {display:inline-block;margin:0 2px 0 0;padding:0;font-size:15px;} a.ubUserFeedIcon span, a.ubUserFeedIcon:hover span {display:none;} a.ubUserURL, a.ubUserURL:hover {display:inline-block;margin:0 2px 0 0;padding:0;font-size:15px;} a.ubUserURL span, a.ubUserURL:hover span {display:none;} span.ubUserEmail {display:inline-block;margin:0 2px 0 0;padding:0;overflow:hidden;font-size:15px;} span.ubUserEmail a {display:inline-block;margin:0;padding:0;width:16px;height:16px;text-indent:-9999px;} div.k2UsersBlock ul li h3 {clear:both;margin:8px 0 0 0;padding:0;} div.k2UsersBlock ul li ul.ubUserItems {} div.k2UsersBlock ul li ul.ubUserItems li {}

/* FILE: /plugins/system/easyslider/assets/css/easyslider.css */
.jsn-es-hidden { opacity: 0 !important; visibility: hidden !important; display: none !important; } .jsn-es-draggable { cursor: -webkit-grab; cursor: -moz-grab; } .jsn-es-draggable:active, .jsn-es-draggable-dragging { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .jsn-es-background { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; overflow: hidden; z-index: 1; } .jsn-es-background { pointer-events: all !important; } .jsn-es-background .jsn-es-loading { position: absolute; display: block; top: 50%; left: 50%; width: 30px; height: 30px; background: rgba(255, 255, 255, 0.7); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 1px solid #2e6da4; border-radius: 50%; z-index: 2; } .jsn-es-background .jsn-es-loading:before, .jsn-es-background .jsn-es-loading:after { content: ''; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 50%; border: 3px solid #2e6da4; box-sizing: border-box; } .jsn-es-background .jsn-es-loading:before { border-top-color: transparent; } .jsn-es-background .jsn-es-loading:after { width: 10px; height: 10px; z-index: 4; border-width: 2px; } .jsn-es-background iframe { max-width: 1000% !important; } .jsn-es-background.slide-background iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .jsn-es-video { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .jsn-es-slider, .jsn-es-slider * { box-sizing: border-box;  -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-slider * { pointer-events: none; z-index: 0; } .jsn-es-slider { display: block; position: relative; box-sizing: content-box; max-width: 100%; } .jsn-es-slide-progress { background: rgba(100,100,100,0.1); display: none; position: relative;  } .jsn-es-slide-progress-bar { background: #768dc2; height: 4px; width: 0%; } .jsn-es-viewport { display: inline-block; position: relative; width: 100%; height: 100%; box-sizing: content-box; overflow: hidden; } .jsn-es-viewport { -webkit-transform-style: flat; transform-style: flat; } .jsn-es-viewport * { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .jsn-es-stage { display: block; position: absolute; top: 50%; left: 50%; overflow: visible; z-index: 2; } .jsn-es-global .jsn-es-items { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .jsn-es-slides, .jsn-es-slide, .jsn-es-swiper { display: block; position: absolute; padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; list-style: none; } .jsn-es-slide, .jsn-es-slide * {  -webkit-transform-style: flat; transform-style: flat;  } .jsn-es-slide { pointer-events: none !important; } .jsn-es-global { z-index: 2; } .jsn-es-slides { z-index: 1; } .jsn-es-items { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; list-style: none; pointer-events: none !important; padding: 0; margin: 0; z-index: 2; } .jsn-es-item { position: absolute; top: 50%; left: 50%; width: 0; height: 0; padding: 0; margin: 0; } .jsn-es-item, .jsn-es-item * { -webkit-transform-style: flat; transform-style: flat; backface-visibility: visible; pointer-events: all !important; } .jsn-es-item a, .jsn-es-item a:hover, .jsn-es-item a:active { cursor: pointer; text-decoration: none; } .jsn-es-item .item-offset { display: block; position: absolute; -webkit-perspective: 1000px; perspective: 1000px; transform: translate3d(0px,0px,0px); -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); } .jsn-es-item .item-animation, .jsn-es-item .item-container { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; border: 1px solid transparent; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;  } .jsn-es-item .item-content { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; height: 100%; filter: none !important; padding: 0; margin: 0; z-index: 2; } .jsn-es-nav svg { max-width: 10000px; } .jsn-es-nav { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .jsn-es-nav-buttons { font-size: 16.5px; line-height: 1.25; font-family: 'Lato', sans-serif; font-weight: 300; } .jsn-es-nav-pagination { top: auto; margin-bottom: 15px; text-align: center; font-weight: 400; font-size: 1em; font-family: 'Lato', Arial, sans-serif; } .jsn-es-nav .jsn-es-next, .jsn-es-nav .jsn-es-next *, .jsn-es-nav .jsn-es-prev, .jsn-es-nav .jsn-es-prev * .jsn-es-nav .jsn-es-pagination, .jsn-es-nav .jsn-es-pagination * { pointer-events: all !important; cursor: pointer; }                                        .jsn-es-cube { display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; } .jsn-es-cuboid, .jsn-es-cuboid * { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .jsn-es-cuboid { display: block; position: absolute; top: 0; left: 0; } .jsn-es-cuboid-face { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ddd; box-sizing: border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-cuboid-front { background-color: black; } .jsn-es-cuboid-left, .jsn-es-cuboid-right { left: 50%;  } .jsn-es-cuboid-back {  } .jsn-es-cuboid-top, .jsn-es-cuboid-bottom { top: 50%;  }  .svg-wrap { position: absolute; width: 0px; height: 0px; overflow: hidden; } .jsn-es-flat-slider .jsn-es-items { -webkit-transform-style: flat !important; transform-style: flat !important; } .bg-parallax { width: 100%; height: 100%; } .none-bg { background: none !important; } .slide-background-effect { width: 100%; height: 100%; } .jsn-es-background.slide-background { border: none; padding: 0; margin: 0 0; } .jsn-es-slider ul, .jsn-es-slides { margin: 0px !important; padding: 0; }

/* FILE: /plugins/system/easyslider/assets/lib/arrows-nav/css/component.css */
.jsn-es-nav-buttons a { position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .jsn-es-nav-buttons a.jsn-es-prev { left: 0; } .jsn-es-nav-buttons a.jsn-es-next { right: 0; } .jsn-es-nav-buttons a svg { display: block; margin: 0 auto; padding: 0; } .jsn-es-nav h3 { z-index: 10; }     .color-1 { background: #bdc3c7; } .jsn-es-nav-slide .jsn-es-icon-wrap { position: relative; z-index: 100; display: block; padding: 20px; background-color: #fff; } .jsn-es-nav-slide svg.jsn-es-icon { fill: rgba(30, 30, 30, 0.8) ; } .jsn-es-nav-slide div { position: absolute; top: 50%; padding: 0 30px; background-color: rgba(30, 30, 30, 0.8) ; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .jsn-es-nav-slide a.jsn-es-prev div { left: 100%; padding-right: 40px; -webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); } .jsn-es-nav-slide a.jsn-es-next div { right: 100%; padding-left: 40px; text-align: right; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .jsn-es-nav-slide h3 { position: relative; margin: 0; padding: 20px 0; color: #fff; white-space: nowrap; font-weight: 300; font-size: 1.3em; line-height: 1.5; } .jsn-es-nav-slide div h3 span { display: block; color: #95a5a6; font-style: italic; font-size: 65%; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; } .jsn-es-nav-slide img { position: absolute; top: 0; height: 100%; } .jsn-es-nav-slide a.jsn-es-prev img { right: 0; } .jsn-es-nav-slide a.jsn-es-next img { left: 0; } .jsn-es-nav-slide a:hover div { -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); }    .color-2 { background: rgba(30, 30, 30, 0.8) ; } .jsn-es-nav-imgbar a { overflow: hidden; width: 100px; height: 90%; background-color: transparent; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .jsn-es-nav-imgbar .jsn-es-icon-wrap { position: relative; top: 50%; z-index: 100; display: block; margin: 0 auto; padding: 30px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .jsn-es-nav-imgbar a.jsn-es-prev .jsn-es-icon-wrap { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); } .jsn-es-nav-imgbar a.jsn-es-next .jsn-es-icon-wrap { -webkit-transform: translateY(-50%) translateX(-10px); transform: translateY(-50%) translateX(-10px); } .jsn-es-nav-imgbar svg.jsn-es-icon { fill: #fff; } .jsn-es-nav-imgbar img { position: absolute; top: 0; min-width: 100%; min-height: 100%; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .jsn-es-nav-imgbar a.jsn-es-prev img { left: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .jsn-es-nav-imgbar a.jsn-es-next img { right: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .jsn-es-nav-imgbar a:hover { background-color: rgba(255, 255, 255, 0.7); } .jsn-es-nav-imgbar a:hover .jsn-es-icon-wrap { -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); } .jsn-es-nav-imgbar a:hover img { opacity: 0.6; -webkit-transform: translateX(0); transform: translateX(0); }    .color-3 { background: #cc6055; } .jsn-es-nav-circlepop a { margin: 0 30px; width: 50px; height: 50px; } .jsn-es-nav-circlepop a::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: scale(0.9); transform: scale(0.9); } .jsn-es-nav-circlepop .jsn-es-icon-wrap { position: relative; display: block; margin: 10% 0 0 10%; width: 80%; height: 80%; } .jsn-es-nav-circlepop a.jsn-es-next .jsn-es-icon-wrap { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .jsn-es-nav-circlepop .jsn-es-icon-wrap::before, .jsn-es-nav-circlepop .jsn-es-icon-wrap::after { position: absolute; left: 25%; width: 3px; height: 50%; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-nav-circlepop .jsn-es-icon-wrap::before { -webkit-transform: translateX(-50%) rotate(30deg); transform: translateX(-50%) rotate(30deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .jsn-es-nav-circlepop .jsn-es-icon-wrap::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-30deg); transform: translateX(-50%) rotate(-30deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .jsn-es-nav-circlepop a:hover::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .jsn-es-nav-circlepop a:hover .jsn-es-icon-wrap::before, .jsn-es-nav-circlepop a:hover .jsn-es-icon-wrap::after { background: #cc6055; } .jsn-es-nav-circlepop a:hover .jsn-es-icon-wrap::before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .jsn-es-nav-circlepop a:hover .jsn-es-icon-wrap::after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }    .color-4 { background-color: rgba(30, 30, 30, 0.8) ; } .jsn-es-nav-roundslide a { margin: 0 20px; padding: 15px; width: 62px; height: 62px; border-radius: 40px; background: rgba(255, 255, 255, 0.9) ; -webkit-transition: width 0.3s, background-color 0.3s; transition: width 0.3s, background-color 0.3s; } .jsn-es-nav-roundslide .jsn-es-icon-wrap { position: absolute; width: 32px; } .jsn-es-nav-roundslide a.jsn-es-prev .jsn-es-icon-wrap { left: 15px; } .jsn-es-nav-roundslide a.jsn-es-next .jsn-es-icon-wrap { right: 15px; } .jsn-es-nav-roundslide svg.jsn-es-icon { fill: rgba(30, 30, 30, 0.8) ; } .jsn-es-nav-roundslide h3 { position: absolute; top: 0; margin: 0; color: rgba(30, 30, 30, 0.8) ; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 400; font-size: 0.85em; line-height: 4.45; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .jsn-es-nav-roundslide a.jsn-es-prev h3 { right: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); } .jsn-es-nav-roundslide a.jsn-es-next h3 { left: 20px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .jsn-es-nav-roundslide a:hover { width: 200px; background: #fff; } .jsn-es-nav-roundslide a:hover h3 { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateX(0); transform: translateX(0); }    .color-5 { background: #cdd2d5; } .jsn-es-nav-slit .jsn-es-icon-wrap { position: relative; display: block; padding: 45px 5px; background-color: #939a9f; } .jsn-es-nav-slit svg.jsn-es-icon { -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; fill: #fff; } .jsn-es-nav-slit div { position: absolute; top: 0; width: 200px; height: 100%; background-color: #939a9f; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; } .jsn-es-nav-slit a.jsn-es-prev div { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .jsn-es-nav-slit a.jsn-es-next div { right: 0; text-align: right; -webkit-transform: translateX(100%); transform: translateX(100%); } .jsn-es-nav-slit h3 { position: absolute; top: 100%; margin: 0; padding: 0 20px; width: 100%; height: 30%; background: rgba(30, 30, 30, 0.8) ; color: #fff; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 500; font-size: 0.75em; line-height: 2.75; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webki-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-nav-slit img { position: absolute; top: 0; left: 0; width: 100%; } .jsn-es-nav-slit a:hover svg.jsn-es-icon { -webkit-transition-delay: 0s; transition-delay: 0s; } .jsn-es-nav-slit a.jsn-es-prev:hover svg.jsn-es-icon { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .jsn-es-nav-slit a.jsn-es-next:hover svg.jsn-es-icon { -webkit-transform: translateX(100%); transform: translateX(100%); } .jsn-es-nav-slit a:hover div { -webkit-transform: translateX(0); transform: translateX(0); } .jsn-es-nav-slit a:hover h3 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }    .color-6 { background-color: #af7ac4; } .jsn-es-nav-reveal a { overflow: hidden; width: 40px; height: 120px; background-color: rgba(142, 68, 173, 0.6); -webkit-transition: width 0.4s, background-color 0.4s; transition: width 0.4s, background-color 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .jsn-es-nav-reveal .jsn-es-icon-wrap { position: absolute; z-index: 100; padding: 44px 4px; width: 40px; } .jsn-es-nav-reveal a.jsn-es-prev .jsn-es-icon-wrap { left: 0; } .jsn-es-nav-reveal a.jsn-es-next .jsn-es-icon-wrap { right: 0; } .jsn-es-nav-reveal svg.jsn-es-icon { fill: #af7ac4; } .jsn-es-nav-reveal div { position: absolute; top: 0; padding: 0 50px; width: 400px; height: 100%; } .jsn-es-nav-reveal a.jsn-es-prev div { left: 0; padding-right: 130px; text-align: right; } .jsn-es-nav-reveal a.jsn-es-next div { right: 0; padding-left: 130px; } .jsn-es-nav-reveal h3 { position: relative; margin: 0; padding: 20px 0; color: #fff; font-weight: 300; font-size: 1.45em; line-height: 1.2; } .jsn-es-nav-reveal div h3 span { display: block; padding-top: 10px; color: #542568; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 50%; } .jsn-es-nav-reveal img { position: absolute; top: 10px; height: 100px; } .jsn-es-nav-reveal a.jsn-es-prev img { right: 10px; } .jsn-es-nav-reveal a.jsn-es-next img { left: 10px; } .jsn-es-nav-reveal a:hover { width: 400px; background-color: #8e44ad; }    .color-7 { background-color: #c1b8ab; } .jsn-es-nav-thumbflip a { -webkit-perspective: 1000px; perspective: 1000px; } .jsn-es-nav-thumbflip a.jsn-es-prev { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .jsn-es-nav-thumbflip a.jsn-es-next { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } .jsn-es-nav-thumbflip .jsn-es-icon-wrap { display: block; width: 100px; height: 100px; background-color: #b1a798; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .jsn-es-nav-thumbflip svg.jsn-es-icon { position: relative; top: 50%; -webkit-transition: fill 0.3s; transition: fill 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); fill: #fff; } .jsn-es-nav-thumbflip img { position: absolute; top: 0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-nav-thumbflip a.jsn-es-prev img { left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .jsn-es-nav-thumbflip a.jsn-es-next img { right: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .jsn-es-nav-thumbflip a:hover .jsn-es-icon-wrap { background-color: #fff; } .jsn-es-nav-thumbflip a:hover svg.jsn-es-icon { fill: #c1b8ab; } .jsn-es-nav-thumbflip a:hover img { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }    .color-8 { background-color: #47c9af; } .jsn-es-nav-doubleflip a { -webkit-perspective: 1000px; perspective: 1000px; } .jsn-es-nav-doubleflip a.jsn-es-prev { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .jsn-es-nav-doubleflip a.jsn-es-next { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } .jsn-es-nav-doubleflip .jsn-es-icon-wrap { position: relative; z-index: 100; display: block; width: 130px; height: 100px; background-color: #16a085; -webkit-transition: background-color 0.3s 0.3s; transition: background-color 0.3s 0.3s; } .jsn-es-nav-doubleflip svg.jsn-es-icon { position: relative; top: 50%; -webkit-transition: fill 0.3s 0.3s; transition: fill 0.3s 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); fill: #fff; } .jsn-es-nav-doubleflip div { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .jsn-es-nav-doubleflip a.jsn-es-prev div, .jsn-es-nav-doubleflip a.jsn-es-prev h3 { left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .jsn-es-nav-doubleflip a.jsn-es-next div, .jsn-es-nav-doubleflip a.jsn-es-next h3 { right: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .jsn-es-nav-doubleflip img, .jsn-es-nav-doubleflip h3 { position: absolute; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-nav-doubleflip h3 { margin: 0; padding: 1.75em 1em 0; background-color: #16a085; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; font-style: italic; font-size: 1.15em; line-height: 1; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .jsn-es-nav-doubleflip a:hover .jsn-es-icon-wrap { background-color: #fff; -webkit-transition-delay: 0s; transition-delay: 0s; } .jsn-es-nav-doubleflip a:hover svg.jsn-es-icon { fill: #47c9af; -webkit-transition-delay: 0s; transition-delay: 0s; } .jsn-es-nav-doubleflip a:hover div, .jsn-es-nav-doubleflip a:hover h3 { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .jsn-es-nav-doubleflip a:hover div { -webkit-transition-delay: 0s; transition-delay: 0s; } .jsn-es-nav-doubleflip a:hover h3 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }    .color-9 { background-color: #e65b61; } .jsn-es-nav-multithumb a { width: 60px; height: 100px; } .jsn-es-nav-multithumb .jsn-es-icon-wrap { position: absolute; top: 50%; display: block; width: 32px; height: 32px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .jsn-es-nav-multithumb a.jsn-es-next .jsn-es-icon-wrap { right: 0; } .jsn-es-nav-multithumb .jsn-es-icon-wrap::after { position: absolute; top: 50%; width: 20px; height: 1px; background: #fff; content: ''; -webkit-transition: width 0.3s 0.2s; transition: width 0.3s 0.2s; -webkit-backface-visibility: hidden;  backface-visibility: hidden; } .jsn-es-nav-multithumb a.jsn-es-prev .jsn-es-icon-wrap::after { left: -webkit-calc(100% - 10px); left: calc(100% - 10px); } .jsn-es-nav-multithumb a.jsn-es-next .jsn-es-icon-wrap::after { right: -webkit-calc(100% - 10px); right: calc(100% - 10px); } .jsn-es-nav-multithumb svg.jsn-es-icon { fill: #fff; } .jsn-es-nav-multithumb div { position: absolute; top: -25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: end; width: 170px; pointer-events: none; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .jsn-es-nav-multithumb div::after { position: absolute; top: 100%; left: 0; margin: 20px 5px 0; width: 100%; color: #fff; text-transform: uppercase; letter-spacing: 10px; font-weight: 300; font-size: 0.7em; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .jsn-es-nav-multithumb a.jsn-es-prev div::after { content: 'Previous'; } .jsn-es-nav-multithumb a.jsn-es-next div::after { content: 'Next'; text-align: right; } .jsn-es-nav-multithumb a.jsn-es-prev div { left: 40px; } .jsn-es-nav-multithumb a.jsn-es-next div { right: 40px; } .jsn-es-nav-multithumb div img { margin: 0 5px; opacity: 0; box-shadow: 0 1px 0 #fff, 0 -1px 0 #fff; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: scale(0.3); transform: scale(0.3); } .jsn-es-nav-multithumb a.jsn-es-prev div img { float: left; } .jsn-es-nav-multithumb a.jsn-es-next div img { float: right; } .jsn-es-nav-multithumb a:hover { width: 200px; } .jsn-es-nav-multithumb a:hover .jsn-es-icon-wrap::after { width: 200px; -webkit-transition-delay: 0s; transition-delay: 0s; } .jsn-es-nav-multithumb a:hover div { pointer-events: auto; } .jsn-es-nav-multithumb a:hover div::after { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateY(0); transform: translateY(0); } .jsn-es-nav-multithumb a:hover img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .jsn-es-nav-multithumb a:hover div img:first-child { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .jsn-es-nav-multithumb a:hover div img:nth-child(2) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .jsn-es-nav-multithumb a:hover div img:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }    .color-10 { background: #f3cf3f; } .jsn-es-nav-fillpath a { width: 100px; height: 100px; } .jsn-es-nav-fillpath .jsn-es-icon-wrap { position: relative; display: block; width: 100%; height: 100%; z-index: 10; } .jsn-es-nav-fillpath a::before, .jsn-es-nav-fillpath a::after, .jsn-es-nav-fillpath .jsn-es-icon-wrap::before, .jsn-es-nav-fillpath .jsn-es-icon-wrap::after { position: absolute; left: 50%; width: 3px; height: 50%; background: rgba(30, 30, 30, 0.8) ; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-nav-fillpath .jsn-es-icon-wrap::before, .jsn-es-nav-fillpath .jsn-es-icon-wrap::after { z-index: 100; height: 0; background: #fff; -webkit-transition: height 0.3s, -webkit-transform 0.3s; transition: height 0.3s, transform 0.3s; } .jsn-es-nav-fillpath a::before, .jsn-es-nav-fillpath .jsn-es-icon-wrap::before { top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .jsn-es-nav-fillpath a.jsn-es-next::before, .jsn-es-nav-fillpath a.jsn-es-next .jsn-es-icon-wrap::before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .jsn-es-nav-fillpath a::after, .jsn-es-nav-fillpath .jsn-es-icon-wrap::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .jsn-es-nav-fillpath a.jsn-es-next::after, .jsn-es-nav-fillpath a.jsn-es-next .jsn-es-icon-wrap::after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .jsn-es-nav-fillpath h3 strong { white-space: nowrap; } .jsn-es-nav-fillpath h3 { position: absolute; top: 50%; margin: 0; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 0.85em; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .jsn-es-nav-fillpath a.jsn-es-prev h3 { left: 100%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .jsn-es-nav-fillpath a.jsn-es-next h3 { right: 100%; text-align: right; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .jsn-es-nav-fillpath a:hover .jsn-es-icon-wrap::before, .jsn-es-nav-fillpath a:hover .jsn-es-icon-wrap::after { height: 50%; } .jsn-es-nav-fillpath a:hover::before, .jsn-es-nav-fillpath a:hover .jsn-es-icon-wrap::before { -webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .jsn-es-nav-fillpath a.jsn-es-next:hover::before, .jsn-es-nav-fillpath a.jsn-es-next:hover .jsn-es-icon-wrap::before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .jsn-es-nav-fillpath a:hover::after, .jsn-es-nav-fillpath a:hover .jsn-es-icon-wrap::after { -webkit-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .jsn-es-nav-fillpath a.jsn-es-next:hover::after, .jsn-es-nav-fillpath a.jsn-es-next:hover .jsn-es-icon-wrap::after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } .jsn-es-nav-fillpath a:hover h3 { opacity: 1; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); }    .jsn-es-nav-growpop .jsn-es-icon-wrap { position: relative; z-index: 100; display: block; padding: 20px 10px; border: 0px solid #b24e44; background: #b24e44; -webkit-transition: border-width 0.3s 0.15s; transition: border-width 0.3s 0.15s; } .jsn-es-nav-growpop svg.jsn-es-icon { fill: #fff; } .jsn-es-nav-growpop div { position: absolute; top: 50%; padding: 20px; width: 440px; height: 144px; background: #fff; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .jsn-es-nav-growpop a.jsn-es-prev div { left: 0; padding: 20px 140px 20px 70px; text-align: right; -webkit-transform: translateY(-50%) translateX(-100%) scale(0.75); transform: translateY(-50%) translateX(-100%) scale(0.75); } .jsn-es-nav-growpop a.jsn-es-next div { right: 0; padding: 20px 70px 20px 140px; -webkit-transform: translateY(-50%) translateX(100%) scale(0.75); transform: translateY(-50%) translateX(100%) scale(0.75); } .jsn-es-nav-growpop span { display: block; padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #cdcdcd; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 0.7em; line-height: 1.2; } .jsn-es-nav-growpop h3 { margin: 0; padding: 8px 0 10px; color: #818181; font-weight: 300; font-size: 1.325em; line-height: 1.2; } .jsn-es-nav-growpop div p { margin: 0; color: #b24e44; font-style: italic; font-size: 75%; font-family: "Lucida Bright", Georgia, serif; } .jsn-es-nav-growpop img { position: absolute; top: 20px; } .jsn-es-nav-growpop a.jsn-es-prev img { right: 20px; } .jsn-es-nav-growpop a.jsn-es-next img { left: 20px; } .jsn-es-nav-growpop a:hover .jsn-es-icon-wrap { border-top-width: 40px; border-bottom-width: 40px; -webkit-transition-delay: 0s; transition-delay: 0s; } .jsn-es-nav-growpop a:hover div { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateY(-50%) translateX(0) scale(1); transform: translateY(-50%) translateX(0) scale(1); }    .jsn-es-nav-diamond a { margin: 0 30px; } .jsn-es-nav-diamond .jsn-es-icon-wrap { position: absolute; width: 100%; height: 100%; z-index: 100; } .jsn-es-nav-diamond svg.jsn-es-icon { fill: #fff; position: relative; stroke-width: 2; stroke: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .jsn-es-nav-diamond div { position: relative; overflow: hidden; width: 70px; height: 70px; background: rgba(30, 30, 30, 0.8) ; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-nav-diamond img { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .jsn-es-nav-diamond a.jsn-es-prev img { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2); transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2); } .jsn-es-nav-diamond a.jsn-es-next img { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2); transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2); } .jsn-es-nav-diamond a:hover div { -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } .jsn-es-nav-diamond a.jsn-es-next:hover div { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .jsn-es-nav-diamond a:hover img { opacity: 0.8; } .jsn-es-nav-diamond a.jsn-es-prev:hover img { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1); transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1); } .jsn-es-nav-diamond a.jsn-es-next:hover img { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1); transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1); }    .color-10 { background-color: #dcc6e0; } .jsn-es-nav-fillslide .jsn-es-icon-wrap { position: relative; z-index: 100; display: block; padding: 65px 10px; background: #b68dbe; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jsn-es-nav-fillslide .jsn-es-icon-wrap::before { content: ''; position: absolute; width: 100%; height: 110%; background: #fff; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .jsn-es-nav-fillslide a.jsn-es-prev .jsn-es-icon-wrap::before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .jsn-es-nav-fillslide a.jsn-es-next .jsn-es-icon-wrap::before { -webkit-transform: translateX(100%); transform: translateX(100%); } .jsn-es-nav-fillslide svg.jsn-es-icon { fill: #736176; position: relative; z-index: 100; } .jsn-es-nav-fillslide div { position: absolute; padding: 20px; top: 0; width: 440px; height: 154px; background: #fff; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .jsn-es-nav-fillslide a.jsn-es-prev div { left: 0; padding: 20px 150px 20px 70px; text-align: right; border-radius: 0 6px 6px 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .jsn-es-nav-fillslide a.jsn-es-next div { right: 0; padding: 20px 70px 20px 150px; border-radius: 6px 0 0 6px; -webkit-transform: translateX(100%); transform: translateX(100%); } .jsn-es-nav-fillslide div span { display: inline-block; padding: 5px; color: #d0c2d3; border-top: 1px solid #d8cfda; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 0.7em; line-height: 1.2; } .jsn-es-nav-fillslide h3 { margin: 0; padding: 8px 0 10px; color: #736176; font-weight: 400; font-size: 1.35em; line-height: 1.2; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; } .jsn-es-nav-fillslide img { position: absolute; top: 20px; border: 5px solid #736176; } .jsn-es-nav-fillslide a.jsn-es-prev img { right: 20px; } .jsn-es-nav-fillslide a.jsn-es-next img { left: 20px; } .jsn-es-nav-fillslide a:hover .jsn-es-icon-wrap::before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0s; transition-delay: 0s; } .jsn-es-nav-fillslide a:hover div { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateX(0); transform: translateX(0); }    .jsn-es-nav-circleslide a { margin: 0 20px; } .jsn-es-nav-circleslide .jsn-es-icon-wrap { position: relative; z-index: 100; display: block; padding: 19px; } .jsn-es-nav-circleslide svg.jsn-es-icon { fill: #fff; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .jsn-es-nav-circleslide div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; background-color: rgba(30, 30, 30, 0.8) ; border-radius: 50%; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.1s 0s; transition: transform 0.3s, opacity 0.3s, background-color 0.1s 0s; } .jsn-es-nav-circleslide img { display: block; border-radius: 50%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .jsn-es-nav-circleslide a.jsn-es-prev img { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .jsn-es-nav-circleslide a.jsn-es-next img { -webkit-transform: translateX(100%); transform: translateX(100%); } .jsn-es-nav-circleslide a:hover div { opacity: 1; background-color: transparent;  -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.1s 0.2s; transition: transform 0.3s, opacity 0.3s, background-color 0.1s 0.2s; } .jsn-es-nav-circleslide a:hover img { -webkit-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 520px) { .jsn-es-nav-slide a.jsn-es-prev, .jsn-es-nav-reveal a.jsn-es-prev, .jsn-es-nav-doubleflip a.jsn-es-prev, .jsn-es-nav-fillslide a.jsn-es-prev, .jsn-es-nav-growpop a.jsn-es-prev { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .jsn-es-nav-slide a.jsn-es-next, .jsn-es-nav-reveal a.jsn-es-next, .jsn-es-nav-doubleflip a.jsn-es-next, .jsn-es-nav-fillslide a.jsn-es-next, .jsn-es-nav-growpop a.jsn-es-next { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .jsn-es-nav-slide a, .jsn-es-nav-reveal a, .jsn-es-nav-doubleflip a, .jsn-es-nav-fillslide a { -webkit-transform: scale(0.6); transform: scale(0.6); } .jsn-es-nav-growpop a { -webkit-transform: translateY(-50%) scale(0.6); transform: translateY(-50%) scale(0.6); } }

/* FILE: /plugins/system/easyslider/assets/lib/dot-nav/css/component.css */
.dotstyle ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dotstyle li { position: relative; display: block; float: left; margin: 0 8px; width: 16px; height: 16px; cursor: pointer; } .dotstyle li a { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #fff; background-color: rgba(255, 255, 255, 0.3); text-indent: -999em;  cursor: pointer; position: absolute; } .dotstyle li a:focus { outline: none; }   .dotstyle-fillup li a { overflow: hidden; background-color: transparent; box-shadow: inset 0 0 0 2px white; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .dotstyle-fillup li a::after { content: ''; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 0 1px #fff; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; } .dotstyle-fillup li a:hover, .dotstyle-fillup li a:focus { background-color: rgba(0, 0, 0, 0.2); } .dotstyle-fillup li.current a::after { height: 100%; }  .dotstyle-scaleup li a { -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease; } .dotstyle-scaleup li a:hover, .dotstyle-scaleup li a:focus { background-color: white; } .dotstyle-scaleup li.current a { background-color: white; -webkit-transform: scale(1.5); transform: scale(1.5); }  .dotstyle-stroke li a { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease; transition: box-shadow 0.3s ease, background-color 0.3s ease; } .dotstyle-stroke li a:hover, .dotstyle-stroke li a:focus { background-color: white; } .dotstyle-stroke li.current a { background-color: transparent; box-shadow: 0 0 0 2px white; }  .dotstyle-fillin li a { background-color: transparent; box-shadow: inset 0 0 0 2px white; -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .dotstyle-fillin li a:hover, .dotstyle-fillin li a:focus { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) } .dotstyle-fillin li.current a { box-shadow: inset 0 0 0 8px white; }  .dotstyle-circlegrow li a { overflow: hidden; background-color: transparent; box-shadow: inset 0 0 0 2px white; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .dotstyle-circlegrow li a::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .dotstyle-circlegrow li a:hover, .dotstyle-circlegrow li a:focus { opacity: 0.7; } .dotstyle-circlegrow li.current a::after { -webkit-transform: scale(1); transform: scale(1); }  .dotstyle-dotstroke li a { box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.5); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .dotstyle-dotstroke li a:hover, .dotstyle-dotstroke li a:focus { box-shadow: inset 0 0 0 8px white; } .dotstyle-dotstroke li.current a { box-shadow: inset 0 0 0 2px white; }  .dotstyle-drawcircle li { width: 18px; height: 18px; } .dotstyle-drawcircle li a { top: 3px; left: 3px; width: 12px; height: 12px; background-color: rgba(0, 0, 0, 0.5) ; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .dotstyle-drawcircle li svg { z-index: 10; } .dotstyle-drawcircle li svg circle { opacity: 0; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 39 39; stroke-dashoffset: 39;  -webkit-transition: stroke-dashoffset 0.3s, opacity 0.3s; transition: stroke-dashoffset 0.3s, opacity 0.3s; } .dotstyle-drawcircle li.current a, .dotstyle-drawcircle li a:hover, .dotstyle-drawcircle li a:focus { opacity: 0.5; } .dotstyle-drawcircle li.current svg circle { opacity: 1; stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 0.3s, opacity 0.15s; transition: stroke-dashoffset 0.3s, opacity 0.15s; }  .dotstyle-smalldotstroke li { border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .dotstyle-smalldotstroke li a { background-color: rgba(255, 255, 255, 0.7); -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; } .dotstyle-smalldotstroke li a:hover, .dotstyle-smalldotstroke li a:focus, .dotstyle-smalldotstroke li.current a { background-color: white } .dotstyle-smalldotstroke li.current a { -webkit-transform: scale(0.4); transform: scale(0.4); } .dotstyle-smalldotstroke li.current { box-shadow: 0 0 0 2px white; }  .dotstyle-puff li a { border: 2px solid #fff; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .dotstyle-puff li a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: rgba(0, 0, 0, 0.5) ; border-radius: 50%; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) ; opacity: 0; -webkit-transform: scale(3); transform: scale(3); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, visibility 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s; } .dotstyle-puff li a:hover, .dotstyle-puff li a:focus, .dotstyle-puff li.current a { border-color: rgba(0, 0, 0, 0.5) ; } .dotstyle-puff li.current a::after { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; }  .dotstyle-flip li { -webkit-perspective: 1000px; perspective: 1000px; } .dotstyle-flip li a { background-color: transparent; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; } .dotstyle-flip li a::before, .dotstyle-flip li a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: white; content: ''; text-indent: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dotstyle-flip li a::after { background-color: rgba(0, 0, 0, 0.5) ; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .dotstyle-flip li a:hover, .dotstyle-flip li a:focus { opacity: 0.8; } .dotstyle-flip li.current a { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }  .dotstyle-tooltip li { border: 2px solid #fff; border-radius: 50%; z-index: 1; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .dotstyle-tooltip li a { top: auto; bottom: 250%; left: 50%; visibility: hidden; white-space: nowrap; padding: 0 10px; width: auto; height: auto; border-radius: 0; background-color: rgba(0, 0, 0, 0.5) ; color: #fff; text-indent: 0; line-height: 2; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease; } .dotstyle-tooltip li a::after {  position: absolute; left: 50%; margin-left: -6px; width: 0; height: 0; border: solid transparent; border-width: 6px; border-color: transparent; border-top-color: rgba(0, 0, 0, 0.5) ; content: ''; pointer-events: none; top: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .no-touch .dotstyle-tooltip li:hover a, .dotstyle-tooltip li.current a { z-index: 100; visibility: visible; opacity: 1; -webkit-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; } .dotstyle-tooltip li.current { border-color: rgba(0, 0, 0, 0.5) ; } .dotstyle-tooltip li:hover { z-index: 100; } .no-touch .dotstyle-tooltip ul:hover li.current a { opacity: 0.2; } .dotstyle-tooltip ul li.current:hover a { opacity: 1; }  .dotstyle-dotmove li:last-child { position: absolute; left: 0; margin: 0; width: 48px; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .dotstyle-dotmove li:last-child::after { content: ''; position: absolute; left: 50%; top: -1px; width: 18px; height: 18px; border-radius: 50%; background: rgba(0, 0, 0, 0.5) ; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dotstyle-dotmove li.current:first-child ~ li:last-child { -webkit-transform: translateX(0%); transform: translateX(0%); } .dotstyle-dotmove li.current:nth-child(2) ~ li:last-child { -webkit-transform: translateX(100%); transform: translateX(100%); } .dotstyle-dotmove li.current:nth-child(3) ~ li:last-child { -webkit-transform: translateX(200%); transform: translateX(200%); } .dotstyle-dotmove li.current:nth-child(4) ~ li:last-child { -webkit-transform: translateX(300%); transform: translateX(300%); } .dotstyle-dotmove li.current:nth-child(5) ~ li:last-child { -webkit-transform: translateX(400%); transform: translateX(400%); } .dotstyle-dotmove li.current:nth-child(6) ~ li:last-child { -webkit-transform: translateX(500%); transform: translateX(500%); } .dotstyle-dotmove li a { -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .dotstyle-dotmove li a:hover, .dotstyle-dotmove li a:focus { background-color: #fff; }  .dotstyle-hop li a { border: 2px solid rgba(0, 0, 0, 0.5) ; background: transparent; } .dotstyle-hop li a::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; border-radius: 50%; visibility: hidden; background: #fff; opacity: 0; -webkit-transform: rotate(-100deg); transform: rotate(-100deg); -webkit-transform-origin: -200% 50%; transform-origin: -200% 50%; -webkit-transition: -webkit-transform 0.3s ease 0.3s, opacity 0.3s ease, visibility 0s 0.3s ease; transition: transform 0.3s ease 0.3s, opacity 0.3s ease, visibility 0s 0.3s ease; } .dotstyle-hop li a:focus { background: rgba(255, 255, 255, 0.2); } .dotstyle-hop li.current-from-right a::after { -webkit-transition: none; transition: none; -webkit-transform: rotate(100deg); transform: rotate(100deg); -webkit-transform-origin: 300% 50%; transform-origin: 300% 50%; } .dotstyle-hop li.current a::after { visibility: visible; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; }  .dotstyle-fall li::after { content: ''; position: absolute; width: 100%; height: 100%; visibility: hidden; opacity: 0; left: 0; background-color: rgba(0, 0, 0, 0.5) ; border-radius: 50%; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; } .dotstyle-fall li a { -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .dotstyle-fall li:hover a, .dotstyle-fall li a:focus, .dotstyle-fall li.current a { background-color: #fff; } .dotstyle-fall li.current::after { opacity: 1; visibility: visible; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transform: translateY(0%); transform: translateY(0%); } .dotstyle-fall li.current a { opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); }