* { box-sizing: border-box; } a { background-color: transparent; color: #2E2E2E; text-decoration: none; } .table:after, .table:before { content: " "; display: table; } .table:after { clear: both; } .ibheader-nav { font-size: 14px; line-height: 24px; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); position: relative; } .ibnav-container { width: 1000px; margin: 0 auto; margin-right: auto; margin-left: auto; height: 50px; position: relative; padding: 0; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ibheader-nav .ibnav-container nav > ul { padding: 0px 12px; display: flex; margin: 0; list-style: none; } .ibnav-container .slim { width: 930px; } .ibheader-nav .ibnav-container ul > li { border: none; max-height: 50px; position: relative; } .ibheader-nav a { font-size: 11px; font-weight: 700; display: block; color: #ffffff; padding: 0 15px; text-transform: uppercase; line-height: 50px; font-family: Gotham, arial, helvetica, sans-serif; } .ibheader-nav .ibnav-container a .menu-image-title { padding: 0; } .ibheader-nav .ibnav-container ul > li:first-child a { padding-left: 0; } .ibheader-nav .ibnav-container ul > li.logo img { display: none; padding: 0; width: 30px; height: 30px; } .ibheader-nav .ibnav-container ul > li.current-menu-item a { color: var(--color2); } .ibheader-nav .ibnav-container a:hover { color: var(--color2); } .ibheader-nav .ibnav-container ul > li .sub-menu { display: none; background-color: #FFF; position: absolute; left: 0; min-width: 125px; list-style: none; padding: 20px 0; margin: 0; border-radius: 0; z-index: 10; border: none; box-shadow: 0 0 4px 0 rgba(0,0,0,.3); } .ibheader-nav .ibnav-container ul > li:hover .sub-menu { display: block; } .ibheader-nav .ibnav-container ul > li .sub-menu li { display: block; border: none; max-height: 50px; } .ibheader-nav .ibnav-container ul > li .sub-menu li a { font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 10px 20px; line-height: 1.5; } .ibnav-container .menu-item-has-children > a:after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #787878; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0; margin-left: 4px; } .widget-title { font-size: 14px; font-weight: 700; margin-bottom: 13px; text-transform: uppercase; margin-top: 0; color: #444; font-family: "Chillax",sans-serif; line-height: 1.4; } .media-image { background: #DDD; position: relative; overflow: hidden; } .media-image:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #DDD; animation: shine 1s infinite; } .media-image:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background-image: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0)); -webkit-animation: shimmer 2s infinite; animation: shimmer 2s infinite; content: ""; } .media-image img { display: block; object-fit: cover; width: 100%; z-index: 2; position: absolute; height: 100%; } .media-link:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; cursor: pointer; } .media-link:hover { color: var(--color1); } .sidebar { position: relative; width: 100%!important; padding-left: 13px; padding-right: 13px; -ms-flex: 0.33333; flex: 0 0 33.33333%; max-width: 33.33333%; } .sidebar-box { padding-top: 20px; padding-bottom: 30px; } .sidebar .widget { padding-bottom: 20px; } .sidebar .widget p { font-family: "PT Sans"; } .populartag .populartag-item { margin-bottom: 6px; position: relative; } .populartag .hastag { color: var(--color1); font-size: 14px; font-weight: 700; padding-right: 23px; vertical-align: top; font-family: "Chillax",sans-serif; } .populartag .populartag-item h3 { border-bottom: 1px solid #E5E5E5; padding-bottom: 12px; display: inline-block; width: calc(100% - 40px); margin: 0; font-size: 12px; font-weight: 700; line-height: 1em; text-transform: uppercase; font-family: "Chillax",sans-serif; } .populartag .icon-tag { display: inline-block; width: 13px; height: 13px; margin-left: 4px; vertical-align: text-top; background-size: cover; } .list .list-item { border-bottom: 1px solid #DDD; } .list .big-list { position: relative; } .list .big-image { width: 100%; height: 0; padding-bottom: 56%; } .list .big-text { padding: 0 15px 15px 15px; position: absolute; top: 0; height: 100%; bottom: 0; left: 0; right: 0; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, 0)),to(#000000)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); z-index: 2; } .list .big-title { font-size: 16px; font-weight: 700; margin: 0; position: absolute; bottom: 15px; left: 15px; right: 15px; font-family: "Chillax",sans-serif; line-height: 1.2; } .list .big-title a { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .list .small-list { position: relative; padding: 10px 0; display: flex; align-items: center; } .list .small-image { width: 60px; height: 60px; display: inline-block; margin-right: 10px; vertical-align: middle; background: #DDD; overflow: hidden; } .list .small-text { -ms-flex: 1; flex: 1; } .list .small-text .small-title { margin: 0; } .list .small-title a { font-size: 13px; font-weight: 500; line-height: 1.33; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: "Chillax",sans-serif; } .popularpos .popularpos-item { padding-top: 8px; padding-bottom: 8px; border: 1px solid #EEE; border-top: 0; position: relative; } .popularpos .popularpos-item:first-child { background-color: #F6F6F6; padding-top: 0; } .popularpos-image { width: 100%; height: 0; padding-bottom: 56%; margin-bottom: 5px; } .popularpos .popularpos-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; align-items: flex-start; } .popularpos .popularpos-number { text-align: center; color: var(--color1); font-size: 24px; font-weight: 600; width: 38px; margin: 12px 15px; padding-top: 9px; font-family: "Chillax",sans-serif; border-radius: 50%; background-color: #EEE; height: 38px; } .popularpos .popularpos-text { padding-right: 15px; -ms-flex: 1; flex: 1; } .popularpos .popularpos-category { text-transform: uppercase; color: var(--color2); font-size: 10px; font-weight: 600; font-family: "Chillax",sans-serif; } .popularpos .popularpos-title { margin: 0; } .popularpos .popularpos-title a { font-size: 13px; line-height: 1.29; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: "Chillax",sans-serif; font-weight: 500; } .sidebar-row { display: flex; flex-wrap: wrap; margin-left: -9px; margin-right: -9px; padding-left: 0; margin-top: 8px; margin-bottom: 0; } .sidebar-item { padding-bottom: 12px; margin-bottom: 12px; position: relative; } .column6 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; padding-left: 9px; padding-right: 9px; -ms-flex: 50%; flex: 0 0 50%; max-width: 50%; } .sidebar-image { width: 100%; height: 0; padding-bottom: 56%; border-radius: 8px; } .sidebar-title { margin-top: 10px; font-size: 14px; line-height: 1.43; margin-bottom: 0; font-family: "Chillax", sans-serif; } .breadcrumbs ul { margin: 0 0 8px 0; padding: 0; list-style: none; border-radius: 4px; } .breadcrumbs ul li { display: inline-block; } .breadcrumbs ul li a { padding: 0 5px; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #787878; font-family: 'PT Sans'; } .breadcrumbs ul li:first-child a { padding: 0 5px 0 0; } .breadcrumbs-icon { width: 10px; height: 10px; display: inline-block; padding: 0 5px; background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EFill%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M7.928%205.57L3.445%201.088a.306.306%200%200%200-.221-.096.305.305%200%200%200-.222.096l-.48.481a.305.305%200%200%200%200%20.443l3.78%203.781-3.78%203.782a.305.305%200%200%200-.097.222c0%20.083.032.156.096.221l.481.48a.304.304%200%200%200%20.443%200l4.483-4.483a.304.304%200%200%200%200-.443z%22%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); } .comment-reply-title { font-size: 14px; font-weight: 700; margin-bottom: 13px; text-transform: uppercase; margin-top: 0; color: #444; font-family: Gotham,arial,helvetica,sans-serif; } .comment-reply-title a { display: flex; -webkit-box-align: center; align-items: center; -webkit-font-smoothing: antialiased; color: var(--color3); font-size: 13px; line-height: 24px; font-weight: 700; text-transform: capitalize; } .comments_title { font-size: 14px; font-weight: 700; margin-bottom: 13px; text-transform: uppercase; margin-top: 0; color: #444; font-family: Gotham,arial,helvetica,sans-serif; } .logged-in-as a { flex-direction: column; -webkit-font-smoothing: antialiased; color: #767676; font-size: 14px; line-height: 18px; font-weight: 400; word-break: break-all; } .comment-form { flex: 1 1 0%; align-items: flex-end; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .logged-in-as { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 0; } input#author { -ms-flex: 0 0 100%; flex: 0 0 100%; display: flex; border-radius: 5px; background-color: #ffffff; border: 1px solid #cccccc; padding: 8px; transition: all 0.2s ease 0s; word-break: break-word; position: relative; outline: none; white-space: pre-wrap; overflow-wrap: break-word; resize: none; margin-bottom: 10px; max-width: 100%; } input#email { -ms-flex: 0 0 100%; flex: 0 0 100%; display: flex; border-radius: 5px; background-color: #ffffff; border: 1px solid #cccccc; padding: 8px; transition: all 0.2s ease 0s; word-break: break-word; position: relative; outline: none; white-space: pre-wrap; overflow-wrap: break-word; resize: none; margin-bottom: 10px; max-width: 100%; } textarea#comment { display: flex; margin-right: 12px; border-radius: 5px; background-color: #ffffff; border: 1px solid #cccccc; padding: 8px; transition: all 0.2s ease 0s; min-height: 58px; word-break: break-word; position: relative; outline: none; white-space: pre-wrap; overflow-wrap: break-word; resize: none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; line-height: 1.5; } .form-submit { position: relative; margin-top: 0; min-height: 40px; width: 100%; height: 40px; margin-bottom: 0; } .form-submit .submit { position: absolute; right: 0; background-color: var(--color3); color: #FFF; border: none; border-radius: 16px; margin-left: 5px; font-weight: 500; font-size: 12px; width: auto; height: 30px; line-height: 20px; padding: 6px 12px; cursor: pointer; } .commentsArea ol { margin: 0; list-style: none; padding: 0 0 20px; border-bottom: 1px solid #eeeeee; } .comment-respond { padding-bottom: 20px; } .commentsArea ul { list-style: none; } .commentsArea ul ul { padding: 0; } .comment-notes { color: #999999; } .commentBox { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding-bottom: 20px; } .commentAvatar { width: 32px; border-radius: 50%; height: 32px; background: #eee; } .commentAvatar img { display: block; border-radius: 50%; object-fit: cover; width: 100%; height: 100%; } .commentBody { margin-bottom: 4px; padding-left: 12px; padding-right: 12px; -ms-flex: 1; flex: 1; } .commentAuthorName, .commentAuthorName a { -webkit-font-smoothing: antialiased; color: #444; font-size: 14px; line-height: 24px; font-weight: 500; font-family: Gotham,arial,helvetica,sans-serif; } .commentBodyText { font-size: 14px; position: relative; line-height: 1.25; word-break: break-word; overflow-wrap: break-word; margin: 0 0 5px 0; } .commentBodyModeration { background-color: #eeeeee; padding: 5px; border-radius: 6px; color: #999999; } .commentBodyText p { margin: 0 0 5px 0; font-family: 'PT Sans'; } .commentReplyTo { float: left; margin-right: 5px; font-weight: 600; } .commentBodyFooter { -webkit-font-smoothing: antialiased; color: #999999; font-size: 12px; line-height: 16px; font-weight: 400; } .commentBodyFooter a { text-decoration: none; -webkit-font-smoothing: antialiased; color: #999999; font-size: 12px; line-height: 16px; font-weight: 600; } .commentBodyFooter time::after, .commentBodyFooter a::after { content: "\00B7"; margin: 0 4px; font-weight: normal; } .commentBodyFooter a:last-child::after { content: ""; } .navigation.comments-pagination { text-align: center; border-top: 1px solid #e6e8ea; padding-top: 10px; } .notfound-wrap { text-align: center; margin-bottom: 100px; } .notfound-message-image { display: block; margin: 101px auto 36px auto; } .notfound-message-caption { font-size: 24px; font-weight: 700; line-height: 36px; margin: 0; color: #444; text-align: center; font-family: Gotham,arial,helvetica,sans-serif; } .notfound-message-sub-caption { font-size: 14px; line-height: 24px; margin: 0 0 28px 0; color: #979797; text-align: center; } .notfound-message-button { margin: auto; font-size: 12px; font-weight: 700; line-height: 14px; color: var(--color1); padding: 10px 23px; border: 1px solid #CDCDCD; background-color: #FFF; border-radius: 1px; font-family: Gotham,arial,helvetica,sans-serif; } .comments-pagination { padding-top: 12px; padding-bottom: 12px; appearance: none; user-select: none; font-family: inherit; outline: 0px; transition: all 0.2s ease 0s; position: relative; cursor: not-allowed; vertical-align: middle; text-align: center; display: flex; justify-content: center; } .page-numbers { display: inline-block; border: 1px solid #EEE; padding: 8px 12px 7px 12px; vertical-align: middle; border-radius: 2px; line-height: 16px; font-size: 12px; color: #444; height: 30px; text-transform: uppercase; margin-top: 10px; } .prev.page-numbers { display: inline-block; border: 1px solid #FF5722; padding: 7px 10px; vertical-align: middle; border-radius: 2px; line-height: 16px; font-size: 12px; color: #FF5722; width: 90px; height: 30px; text-transform: uppercase; margin-top: 10px; margin-right: 10px; } .next.page-numbers { display: inline-block; border: 1px solid #FF5722; padding: 7px 10px; vertical-align: middle; border-radius: 2px; line-height: 16px; font-size: 12px; color: #FF5722; width: 90px; height: 30px; text-transform: uppercase; margin-top: 10px; margin-left: 10px; } span.page-numbers.current { color: #FFF; border-width: 1px 0; background: #FF5722; border: 1px solid #FF5722; } .commenticon { display: inline-block; vertical-align: middle; background-size: cover; width: 8px; height: 12px; } .i-arrow-reverse { background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EFill%201%3C%2Ftitle%3E%3Ctitle%3Ebackground%3C%2Ftitle%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M-1-1h582v402H-1z%22%2F%3E%3Cg%3E%3Ctitle%3ELayer%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M2.521%206.014l4.484%204.483a.306.306%200%200%200%20.221.097.305.305%200%200%200%20.222-.097l.48-.48a.305.305%200%200%200%200-.443l-3.78-3.782%203.78-3.781a.305.305%200%200%200%20.097-.222.307.307%200%200%200-.096-.221l-.481-.481a.304.304%200%200%200-.443%200L2.52%205.57a.304.304%200%200%200%200%20.443z%22%20fill%3D%22%232D8348%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); margin-right: 5px; } .i-arrow { background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EFill%201%3C%2Ftitle%3E%3Cpath%20d%3D%22M7.928%205.57L3.445%201.088a.306.306%200%200%200-.221-.096.305.305%200%200%200-.222.096l-.48.481a.305.305%200%200%200%200%20.443l3.78%203.781-3.78%203.782a.305.305%200%200%200-.097.222c0%20.083.032.156.096.221l.481.48a.304.304%200%200%200%20.443%200l4.483-4.483a.304.304%200%200%200%200-.443z%22%20fill%3D%22%232D8348%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); margin-left: 5px; } .dark .popularpos .popularpos-number { background-color: #171a20; } .dark .submenu ul li.active { border-bottom: solid 4px var(--color3); } body.dark, .dark input#author, .dark input#email, .dark textarea#comment, .dark .ibheader-nav .ibnav-container ul > li .sub-menu, .dark .notfound-message-button { background-color: #1b1f27; } .dark, .dark a, .dark .ibheader-nav a, .dark .widget-title, .dark .comment-reply-title, .dark input#author, .dark input#email, .dark textarea#comment, .dark .notfound-message-caption, .dark .popularpos .popularpos-number, .dark .comments_title { color: #fff; } .dark .popularpos .popularpos-item, .dark .populartag .populartag-item h3, .dark .list .list-item, .dark input#author, .dark input#email, .dark textarea#comment, .dark .notfound-message-button, .dark .commentsArea ol, .dark .page-numbers { border-color: #393e46; } .dark .breadcrumbs ul li:first-child a, .dark .no-more, .dark .commentBodyText p { color: #999; } .dark .ibheader-wrap, .dark .ibheader-nav, .dark .popularpos .popularpos-item:first-child, .dark .commentAvatar{ background-color: #22262f; } .dark .post-content a, .dark .notfound-message-button{ color: var(--color1); } .dark .media-image:before { background: #1b1f27; } .dark .media-image:after { background-image: linear-gradient(90deg,rgb(34 38 47) 0,rgb(34 38 47) 20%,rgb(34 38 47) 60%,rgb(34 38 47)); }