@font-face { font-family: Open Sans; font-display: swap; src: url(../../media/fonts/OpenSans/OpenSans-Regular.ttf); }@font-face { font-family: Montserrat; font-display: swap; src: url(../../media/fonts/Montserrat/Montserrat-SemiBold.ttf); }body { font-family: "Open Sans", sans-serif, Helvetica, Arial; font-size: 16px; -webkit-font-smoothing: antialiased; letter-spacing: .015em; line-height: 1.7; -moz-osx-font-smoothing: grayscale; position: relative; word-wrap: break-word; }main { display: block; margin-top: 100px; }footer { overflow: hidden; position: relative; z-index: 1; }.popup { border-radius: 4px; display: none; left: 50%; margin-left: -240px; margin-top: 100px; max-height: 100vh; max-height: calc((var(--vh, 1vh) * 100) - 140px); overflow-y: auto; padding: 15px; position: fixed; top: 0; width: 480px; z-index: 205; }@media (max-width: 480px) { .popup { left: 0; margin-left: 0; margin-top: 57px; max-height: 100vh; max-height: calc((var(--vh, 1vh) * 100) - 57px); width: 100%; } }.popup:after { background: rgba(0, 0, 0, 0.5); bottom: 0; content: ""; left: 0; position: fixed; right: 0; top: 0; z-index: -2; }.popup:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }.alert { z-index: 999; }.dn { display: none; }.text-up { margin-top: -10px; }.bottom-1 { bottom: 1px; }.bottom-0 { bottom: 0; }.right-0 { right: 0; }.loader-box { background: rgba(0, 0, 0, 0.6); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; }.loader, .loader:before, .loader:after { border-radius: 50%; }.loader { box-shadow: inset 0 0 0 1em; color: #51cacc; font-size: 11px; height: 10em; left: 50%; margin: 55px auto; margin-left: -5em; margin-top: -5em; position: absolute; text-indent: -99999em; top: 50%; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); width: 10em; z-index: 999; }.loader:before, .loader:after { content: ''; position: absolute; }.loader:before { -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; background: rgba(0, 0, 0, 0.6); border-radius: 10.2em 0 0 10.2em; height: 10.2em; left: -0.1em; top: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; width: 5.2em; }.loader:after { -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; background: rgba(0, 0, 0, 0.6); border-radius: 0 10.2em 10.2em 0; height: 10.2em; left: 5.1em; top: -0.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; width: 5.2em; }@-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }#user-navbar .nav-item { font-size: 20px; padding: 10px; }@media screen AND (max-width: 991px) { #user-navbar .nav-item:hover { border-bottom: 0; }#user-navbar .active { border-bottom: 0; } } .header.header-opaque {position: relative;} .header {left: 0;position: absolute;right: 0;top: 0;z-index: 1000;} .navbar, .navbar.navbar-solid {background-color: rgba(0, 0, 0, .6);} .navbar {color: #fff;font-family: Montserrat, sans-serif;font-size: 1.07rem;padding: 6px 0;position: relative;-o-transition: .3s background-color;-webkit-transition: .3s background-color;transition: .3s background-color;will-change: background-color;z-index: 200;} .navbar .nav-table {display: table;height: 100%;width: 100%;} .navbar .nav-table > .nav-icons, .navbar .nav-table > .nav-logo {width: 1%;} .navbar .nav-table > * {display: table-cell;vertical-align: middle;} .navbar a {color: inherit;} .navbar .nav-right {text-align: right;} .navbar .nav {position: relative;} .navbar .nav-table > * {display: table-cell;vertical-align: middle;} .navbar ul {list-style-type: none;margin: 0;padding: 0;} .navbar .nav-logo img {height: auto;} .navbar .nav-icons {white-space: nowrap;} .navbar .nav > li {display: inline-block;position: relative;vertical-align: middle;} .navbar .nav-right > * {text-align: left;} .navbar .nav li > a {display: block;font-weight: 600;padding: 6px 21px;position: relative;text-transform: uppercase;-o-transition: .15s color;-webkit-transition: .15s color;transition: .15s color;} .navbar .nav .dropdown {display: none;margin-left: 9px;margin-top: 8px;min-width: 250px;opacity: 1;padding: 9px 0;position: absolute;z-index: 1;} .navbar ul {list-style-type: none;margin: 0;padding: 0;} .navbar .nav .dropdown > li {position: relative;} .navbar .nav .drop-item .drop-item .dropdown {left: 5px;margin-left: 100%;margin-top: -9px;top: 0;} .navbar .nav .dropdown > li > a {display: block;padding: 6px 17px;} .navbar .nav > li:last-child {margin-right: -21px;} .navbar .nav li.single-icon > a {padding: 0 15px;} .navbar .nav li.single-icon > a > i, .navbar .nav li.single-icon > a > span {font-size: 1.1rem;height: 32px;line-height: 32px;vertical-align: middle;} .navbar .nav .drop-item > a::after {content: " +";} .icon-burger {display: inline-block;height: 24px;position: relative;width: 27px;} .icon-burger .t1 {margin-top: -7px;} .icon-burger .t3 {margin-top: 7px;} .icon-burger > span {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-bottom: 2px solid;display: block;height: 0;position: absolute;top: 50%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-o-transition: .3s .2s width, .3s opacity, .2s transform;-webkit-transition: .3s .2s width, .3s opacity, .2s transform;transition: .3s .2s width, .3s opacity, .2s transform;width: 25px;will-change: width, opacity, transform;} .navbar-side.navbar-right-side {margin-right: -250px;right: 0;width: 250px;} .navbar-side {bottom: 0;overflow: hidden;padding: 0;position: fixed;top: 0;transform: translate3d(0px, 0px, 0px);-moz-transition: transform 500ms ease;-o-transition: transform 500ms ease;-webkit-transition: transform 500ms ease;transition: transform 500ms ease;z-index: 1002;} .navbar-side.open {transform: translate(-100%, 0%) translate3d(0px, 0px, 0px);} .navbar-side .nano {height: 100%;overflow-y: auto;} .nano {height: 100%;overflow: hidden;position: relative;width: 100%;} .nano .nano-content {bottom: 0;left: 0;outline: 0;overflow: scroll;-webkit-overflow-scrolling: touch;overflow-x: hidden;position: absolute;right: -17px;top: 0;} .nano > .nano-pane {bottom: 0;opacity: .01;position: absolute;right: 0;top: 0;-o-transition: .2s opacity;-webkit-transition: .2s opacity;transition: .2s opacity;width: 6px;will-change: opacity;} .nano > .nano-pane > .nano-slider {height: 952px;margin: 0 1px;opacity: .5;position: relative;transform: translate(0px, 0px);} .navbar-side .nav-logo {display: block;padding: 20px 25px;width: 100%;} .navbar-side .nav {overflow: hidden;padding: 0;position: relative;width: 100%;} .navbar-side .nav .dropdown > li, .navbar-side .nav > li {display: block;position: static;} .navbar-side .nav .dropdown > li > a, .navbar-side .nav > li > a {padding: 12px 15px;white-space: normal;} .navbar-side .nav > li {width: 100%;} @media (max-width: 1199px) {.navbar .nav > li > a {padding: 6px 18px;}} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Montserrat, sans-serif; font-weight: 600; margin-bottom: 1.5rem; text-transform: uppercase; }.h1, h1 { font-size: 3rem; }.h2, h2 { font-size: 2.35rem; }.h3, h3 { font-size: 1.75rem; }.h4, h4 { font-size: 1.32rem; }.h5, h5 { font-size: 1.02rem; }.h6, h6 { font-size: .88rem; }p { margin-bottom: 1.5rem; }a { -o-transition: .15s color; -webkit-transition: .15s color; transition: .15s color; }label { font-weight: 600; }.lead { font-size: 1.25rem; font-weight: 300; }.breadcrumbs { font-family: Montserrat, sans-serif; font-weight: 600; list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; }.breadcrumbs > li { display: inline-block; font-size: 1.07rem; }.breadcrumbs > li + li { margin-left: 6px; }.breadcrumbs > li a { color: inherit; text-decoration: none; }.breadcrumbs > li:last-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.025rem; margin-left: 0; margin-top: 9px; }.breadcrumbs > li:last-of-type > a, .breadcrumbs > li:last-of-type > span { -webkit-box-flex: 1; display: block; -ms-flex: auto; flex: auto; padding-right: 20px; }.breadcrumbs > li:last-of-type::after { -webkit-box-flex: 100; content: ""; display: block; -ms-flex: 100; flex: 100; -ms-transform: translateY(-12px); -webkit-transform: translateY(-12px); transform: translateY(-12px); }.decorated-h1, .decorated-h2, .decorated-h3 { display: -webkit-box; display: -ms-flexbox; display: flex; }.decorated-h2::before, .decorated-h1::before { -webkit-box-flex: 20px; -ms-flex: 20px; flex: 20px; min-width: 20px; width: 20px; }.decorated-h2::after, .decorated-h2::before, .decorated-h1::after, .decorated-h1::before { border-bottom: 4px solid; -webkit-box-flex: 100; content: ""; display: block; -ms-flex: 100; flex: 100; -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }.decorated-h2 > a, .decorated-h2 > span, .decorated-h1 > a, .decorated-h1 > span { -webkit-box-flex: 1; display: block; -ms-flex: auto; flex: auto; padding-left: 20px; padding-right: 20px; }.decorated-h2::before, .decorated-h1::before { -webkit-box-flex: 20px; -ms-flex: 20px; flex: 20px; min-width: 20px; width: 20px; }.decorated-h3 > a, .decorated-h3 > span { -webkit-box-flex: 1; display: block; -ms-flex: auto; flex: auto; padding-right: 20px; }.decorated-h3::after { -webkit-box-flex: 100; content: ""; display: block; -ms-flex: 100; flex: 100; -ms-transform: translateY(-4px); -webkit-transform: translateY(-4px); transform: translateY(-4px); }.tabs .nav-tabs { border-bottom: none; }.tabs::before { clear: both; content: ""; display: block; }.tabs .nav-tabs .nav-item, .tabs .nav-tabs .nav-item.open .nav-link, .tabs .nav-tabs .nav-item.open .nav-link:focus, .tabs .nav-tabs .nav-item.open .nav-link:hover, .tabs .nav-tabs .nav-item:focus, .tabs .nav-tabs .nav-item:hover, .tabs .nav-tabs .nav-link, .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link.active:focus, .tabs .nav-tabs .nav-link.active:hover, .tabs .nav-tabs .nav-link:focus, .tabs .nav-tabs .nav-link:hover { border-radius: 0; }.tabs .nav-tabs .nav-link { border: none; font-family: Montserrat, sans-serif; font-weight: 600; min-width: 100px; padding: 10px 15px; text-align: center; text-transform: uppercase; -o-transition: .15s background-color; -webkit-transition: .15s background-color; transition: .15s background-color; }.tabs .nav-tabs .nav-item + .nav-item { margin-left: 10px; }.tabs .tab-content { padding: 1em 0; }.accordion .panel-heading { margin-bottom: 12px; }.accordion .panel-heading a { display: block; font-family: Montserrat, sans-serif; font-weight: 600; padding: 10px 20px; text-decoration: none; text-transform: uppercase; -o-transition: .15s background-color; -webkit-transition: .15s background-color; transition: .15s background-color; }.accordion .panel-heading a:not(.collapsed) .panel-heading-arrow { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }.accordion .panel-heading a .panel-heading-arrow { float: right; font-size: 1.3rem; line-height: 1.35; -o-transition: .2s transform; -webkit-transition: .2s transform; transition: .2s transform; }.blockquote { font-size: 1rem; font-style: italic; margin: 20px 0; margin-top: 33px; position: relative; z-index: 1; }.blockquote .blockquote-icon { display: table; margin-bottom: 20px; }.blockquote .blockquote-author::after, .blockquote .blockquote-author::before, .blockquote .blockquote-icon::after, .blockquote .blockquote-icon::before { content: ""; display: table-cell; width: 100%; }.blockquote .blockquote-icon::after, .blockquote .blockquote-icon::before { -ms-transform: translateY(-18px); -webkit-transform: translateY(-18px); transform: translateY(-18px); vertical-align: top; }.blockquote .blockquote-icon > span { cursor: default; display: table-cell; font-size: 96px; font-weight: 600; height: 0; line-height: 0; padding-right: 25px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; vertical-align: top; }.blockquote .blockquote-author { margin-top: 25px; text-align: right; }.blockquote .blockquote-author::after, .blockquote .blockquote-author::before { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }.blockquote .blockquote-author > span { display: table-cell; font-size: .95rem; font-weight: 600; padding-left: 30px; padding-right: 30px; white-space: nowrap; }.blockquote .blockquote-author::after { min-width: 50px; width: 50px; }.blockquote .blockquote-icon::before { min-width: 50px; width: 50px; }.table { width: 100%; }.table thead { font-size: 1.32rem; }.table.table thead td, .table.table thead th { padding: 11px 18px; }.table thead td, .table thead th { padding: 15px 25px; }.table th, .table td { border-bottom: none !important; border-top: none !important; }.table th { font-weight: 500; text-transform: uppercase; }.table tbody th { padding: 19px 25px; }.table.table tbody th { padding: 14px 18px; }.table.table tbody td { padding: 20px 18px; }.btn { border: 0; border-radius: 0; cursor: pointer; display: inline-block; font-family: Montserrat, sans-serif; font-size: .87rem; font-weight: 600; line-height: 1.2; padding: 9px 19px; text-align: center; text-transform: uppercase; -o-transition: .15s all; -webkit-transition: .15s all; transition: .15s all; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; }.btn > .icon { margin-right: 3px; }.btn > span + .icon { margin-left: 3px; margin-right: 0; }.btn.nk-btn-outline { padding-bottom: 8px; padding-top: 8px; }.btn-rounded { border-radius: 4px; }.btn-outline { border-width: 1px; }.btn-xs { font-size: .8rem; padding: 6px 15px; }.btn-sm { padding: 7px 17px; }.btn-md { padding: 12px 22px; }.btn-lg { font-size: 1rem; padding: 14px 25px; }.btn-xl { font-size: 1.1rem; padding: 18px 30px; }.btn-color-dark:disabled { background-color: #293139 !important; cursor: default; }.pagination.pagination-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.7rem; font-weight: 600; }.pagination .pagination-prev { padding-right: 14px; text-align: left; }.pagination .pagination-next { padding-left: 14px; text-align: right; }.pagination .pagination-next, .pagination .pagination-prev { color: inherit; cursor: pointer; position: relative; text-decoration: none; vertical-align: middle; }.pagination a { color: inherit; text-decoration: none; -o-transition: .15s color; -webkit-transition: .15s color; transition: .15s color; }.pagination nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }.pagination nav > * { padding-left: 15px; padding-right: 15px; }.pagination nav > .pagination-current { border: 4px solid; border-radius: 21px; height: 42px; line-height: 28px; min-width: 42px; padding: 3px; }.feature2 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; }.feature1, .feature2 { align-items: center; border-radius: 4px; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; min-height: 50px; padding: 10px; position: relative; width: 100%; }.feature1 .feature-icon, .feature2 .feature-icon { align-items: center; border-radius: 3px; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; font-size: 3rem; height: 50px; justify-content: center; line-height: 50px; padding-right: 10px; text-align: center; width: 116px; }.feature2 .feature-icon { border: 0; height: auto; padding: 20px 0; width: 100%; }.feature1 .feature-icon img, .feature2 .feature-icon img { height: auto; max-width: 100%; }.feature2 .feature-cont { padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }.feature1 .feature-cont, .feature2 .feature-cont { padding-left: 38px; padding-top: 8px; }.feature-title { font-size: 1.25rem; margin-bottom: .5rem; }.gap1 { height: 20px; }.gap, .gap1, .gap2, .gap3, .gap4, .gap5, .gap6 { display: block; height: 15px; }.countdown.countdown-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }.countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }.countdown .hexagon { font-size: .9rem; height: 51.96px; margin: 28px 10px; position: relative; text-align: center; text-transform: uppercase; width: 90px; z-index: 0; }.countdown .hexagon::before { top: -25px; }.countdown .hexagon::after, .countdown .hexagon::before { border-left: 45px solid transparent; border-right: 45px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; z-index: -1; }.countdown .hexagon .hexagon-inner { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }.countdown .hexagon .hexagon-inner::before { top: -31.8198px; }.countdown .hexagon::after { bottom: -25px; }.countdown .hexagon .hexagon-inner::after, .countdown .hexagon .hexagon-inner::before { background-color: inherit; content: ""; height: 63.64px; left: 9.1802px; position: absolute; -ms-transform: scaleY(.5774) rotate(-45deg); -webkit-transform: scaleY(.5774) rotate(-45deg); transform: scaleY(.5774) rotate(-45deg); width: 63.64px; z-index: 1; }.countdown .hexagon .hexagon-inner::after { bottom: -31.8198px; }.countdown .hexagon > span { display: block; font-family: Montserrat, sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.2; }.info-box { border-radius: 4px; display: block; margin-bottom: 1.7rem; overflow: hidden; padding: 30px; padding-left: 118px; padding-right: 40px; position: relative; }.info-box-icon { border: 4px solid; border-radius: 26px; display: block; font-size: 1.7rem; height: 52px; line-height: 44px; margin-left: -85px; margin-top: -3px; position: absolute; text-align: center; width: 52px; }.info-box .h1, .info-box .h2, .info-box .h3, .info-box .h4, .info-box .h5, .info-box .h6, .info-box h1, .info-box h2, .info-box h3, .info-box h4, .info-box h5, .info-box h6 { color: inherit; margin-bottom: .7rem; margin-top: -6px; }.info-box-close-btn { cursor: pointer; display: block; float: right; font-size: 1.3rem; margin-right: -20px; margin-top: -7px; }.info-box.info-box-noicon { padding-left: 40px; }.audio-plain { align-items: center; border-radius: 4px; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; padding: 20px 15px; width: 100%; }.audio-plain .audio-plain-play-pause { border-radius: 19px; cursor: pointer; display: inline-block; font-size: 1.1rem; height: 38px; line-height: 38px; margin-left: 7px; margin-right: 15px; text-align: center; vertical-align: middle; width: 38px; }.audio-plain .audio-plain-play-pause .audio-plain-pause { display: none; }.audio-plain .audio-plain-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }.audio-plain .audio-progress { cursor: pointer; height: 1px; left: 0; margin-bottom: 2px; margin-top: 2px; position: relative; right: 0; z-index: 1; }.audio-plain .audio-plain-duration { font-size: .9rem; margin-right: 7px; text-align: right; width: 58px; }.row.vertical-gap { margin-top: -30px; }.row.sm-gap.vertical-gap { margin-top: -20px; }.row.sm-gap { margin-left: -10px; margin-right: -10px; }.row.vertical-gap > [class*=col-] { padding-top: 30px; }.row.sm-gap.vertical-gap > [class*=col-] { padding-top: 20px; }.row.sm-gap > [class*=col-] { padding-left: 10px; padding-right: 10px; }.form-control { border-radius: 0; font-size: 1em; font-weight: 400; padding: 6.5px 10px; -o-transition: .15s border-color; -webkit-transition: .15s border-color; transition: .15s border-color; }.form-control.focus, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; }.form-response-success { display: none; margin: 15px 0; }.form-response-error { display: none; margin: 15px 0; }select.form-control:not([size]):not([multiple]) { height: 38px; }.rating { display: inline-block; font-size: 1.2rem; overflow: hidden; position: relative; }.rating input { display: none; }.rating label { clear: none; cursor: pointer; display: block; float: right; line-height: 1; margin: 0; padding-left: 2px; padding-right: 2px; position: relative; }.rating label span:first-child { display: block; }.rating label span:last-child { display: none; }.box, .box-rounded { border: 1px solid #293139; display: block; overflow: hidden; padding: 40px; position: relative; z-index: 1; }.box-rounded { border-radius: 4px; }.overlay { bottom: 0; cursor: pointer; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; visibility: hidden; z-index: 1001; }@media (max-width: 991px) { .overlay.active { opacity: 0.8; transform: translate3d(0px, 0px, 0px); visibility: visible; } }.blog-post { margin-bottom: 30px; }.post-img { display: block; overflow: hidden; position: relative; -o-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; }.post-img img { height: auto; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: transform .15s ease-in-out; -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; width: 100%; will-change: transform; }.post-img .post-comments-count { border-radius: 50%; bottom: 10px; display: block; font-weight: 600; height: 29px; line-height: 29px; min-width: 33px; padding: 0 8px; position: absolute; right: 10px; text-align: center; vertical-align: text-top; }.post-img .post-comments-count::after { border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -2px; content: ""; display: inline-block; height: 0; left: 65%; position: absolute; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); vertical-align: middle; width: 0; }.post-img .post-categories { left: 0; position: absolute; top: 10px; }.post-categories { float: right; font-size: 1rem; margin-top: 6px; }.post-img .post-categories a, .post-img .post-categories span { border-bottom-left-radius: 0; border-top-left-radius: 0; }.post-categories a, .post-categories span { border-radius: 4px; padding: 2px 19px; }.post-title { margin-bottom: 10px; }.post-date { font-size: .9em; margin-top: 5px; }.post-title > a { color: inherit; text-decoration: none; -o-transition: .15s color; -webkit-transition: .15s color; transition: .15s color; }.post-text::after, .post-text::before { clear: both; content: ""; display: block; }.post-text > p:last-child { margin-bottom: 0; }.post-img:hover { opacity: .8; }.post-img img:hover, .gallery-item-overlay:hover + img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }.widget ~ .widget { margin-top: 30px; }.widget { overflow: hidden; }.widget .widget-title { font-size: 1.22rem; margin-bottom: 15px; text-transform: uppercase; }.widget-highlighted .widget-title { margin-bottom: 0; padding: 23px 23px; position: relative; z-index: 1; }.widget-highlighted .widget-title > span { display: inline-block; padding-right: 23px; }.widget-highlighted .widget-title::after { content: ""; display: block; height: 3px; left: 30px; position: absolute; right: 1px; top: 32px; width: 86%; z-index: -1; }.widget-highlighted .widget-content { padding: 20px 23px; }.widget-highlighted .widget-content .social-links-3 { margin: -21px -24px -21px -24px; }.social-links-3.social-links-cols-4 > li { width: 25%; }.social-links-2 > li > *, .social-links-3 > li > *, .social-links > li > * { border-radius: 10px; cursor: pointer; display: block; font-size: .9em; height: 20px; line-height: 20px; margin: 3px; text-align: center; -o-transition: .15s background-color, .15s color; -webkit-transition: .15s background-color, .15s color; transition: .15s background-color, .15s color; width: 20px; }.social-links-3 > li > * { border-radius: 0; font-size: 1.2em; margin: 0; padding-top: 100%; position: relative; width: 100%; }.social-links-3 > li > * > svg.svg-inline--fa { width: 18px; }.social-links-3 > li > * > svg { height: 18px; margin-left: -9px; margin-top: -9px; width: 18px; }.social-links-3 > li > * > span, .social-links-3 > li > * > svg { height: 14px; left: 50%; margin-left: -7px; margin-top: -7px; position: absolute; top: 50%; width: 14px; }.widget-post, .widget-post-2 { min-height: 4.5em; padding-left: 110px; }.widget-post .post-image, .widget-post-2 .post-image { float: left; margin-left: -110px; overflow: hidden; -o-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; width: 90px; }.widget-post .post-title, .widget-post-2 .post-title { display: inline-block; font-size: 1.15rem; margin-bottom: 10px; margin-top: 0; width: 100%; }.post-date span, .post-date svg { font-size: 1rem; margin-right: 6px; }.widget-post + .widget-post, .widget-post-2 + .widget-post { margin-top: 22px; min-height: 6em; padding-top: 20px; }.widget-post .post-description { line-height: 1.4; margin-bottom: 0; }.gallery-item-box, .gallery-item-box a, .gallery-item-box a:active, .gallery-item-box a:focus, .gallery-item-box a:hover, .gallery-item-box:active, .gallery-item-box:focus, .gallery-item-box:hover, .gallery-item-group, .gallery-item-group a, .gallery-item-group a:active, .gallery-item-group a:focus, .gallery-item-group a:hover, .gallery-item-group:active, .gallery-item-group:focus, .gallery-item-group:hover { text-decoration: none; }.gallery-item-box, .gallery-item-group { border-radius: 4px; display: block; margin: 0 auto; overflow: hidden;position: relative; }.gallery-item-box .gallery-item, .gallery-item-group .gallery-item { display: block; }.gallery-item-box .gallery-item-overlay, .gallery-item-group .gallery-item-overlay { align-items: center; bottom: 0; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -o-transition: .2s opacity; -webkit-transition: .2s opacity; transition: .2s opacity; z-index: 1; }.gallery-item-box img, .gallery-item-group img { height: auto; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -o-transition: transform .15s ease-in-out; -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; width: 100%; will-change: transform; }.gallery-item-box .gallery-item-description, .gallery-item-group .gallery-item-description { overflow: hidden; position: absolute; text-indent: 100%; white-space: nowrap; }.gallery-item-group .gallery-item-description { bottom: 0; left: 0; max-height: 57px; overflow: hidden; padding: 20px 19px; position: absolute; right: 0; text-indent: 0; white-space: normal; }.gallery-item-group .gallery-item-description .gallery-item-description-title { float: left; line-height: 1.1; margin-bottom: 0; max-width: calc(100% - 34px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.gallery-item-group .gallery-item-description .gallery-item-description-info { line-height: 1.1; text-align: right; }.gallery-item-group .gallery-item-description .gallery-item-description-info span:last-of-type { font-weight: 600; margin-left: 2px; }.blog-post { margin-bottom: 30px; }.blog-post-border-bottom { margin-bottom: 22px; padding-bottom: 20px; }.tabs .nav-tabs.nav-tabs-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 5px; }.post-text .float-left, .post-text .float-right, .post-text .pull-left, .post-text .pull-right { margin: 20px; }.post-text .float-left, .post-text .pull-left { margin-left: 0; }.post-share { align-items: center; background-color: #293139; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; }.post-share > span, .post-share > svg { margin-bottom: 0; }.post-share ul { margin-left: auto; }.social-links-2 { margin-left: -4px; margin-right: -4px; }.social-links, .social-links-2, .social-links-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0; margin-left: -2px; margin-right: -2px; padding: 0; }.social-links-2 > li > * { border-radius: 13px; font-size: 1.1em; height: 26px; line-height: 26px; margin: 3px 5px; width: 26px; }.comments .comment .comment-meta { font-size: .9em; margin-bottom: 15px; }.comments .comment .comment-meta img { height: auto; margin-right: 3px; }.comments .comment .comment-text { padding-bottom: 15px; }.comments .comment .comment, .comments .comment + .comment { clear: both; padding-top: 20px; }.comments .comment .comment { margin-left: 120px; }.main { overflow: hidden; }.fullscreen-block { display: table; min-height: 100vh; width: 100%; }.fullscreen-block .fullscreen-block-bottom, .fullscreen-block .fullscreen-block-middle, .fullscreen-block .fullscreen-block-top { display: table-row; }.fullscreen-block .fullscreen-block-middle { height: 80%; }.fullscreen-block .fullscreen-block-middle > div { display: table-cell; vertical-align: middle; }.social-links-2.social-links-center, .social-links-3.social-links-center, .social-links.social-links-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }.big-icon { font-size: 14em; }.jumbotron { border-radius: 4px; }.user-platform-icon > i { font-size: 1.76em; }.user-platform-icon > img { height: 1.8em; }.default-tags { border-radius: 3px; padding: 3px 8px; }.creation-title, .profile-title, .transform-none { text-transform: none; }input[type=range] { -webkit-appearance: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; width: 100%; position: relative; }input[type=range]:after { content: "Verschiebe mich um die Mitspieleranzahl zu verändern!"; text-overflow: ellipsis; left: 30px; top: 3px; z-index: -1; position: absolute; overflow: hidden; max-height: 30px; }input[type=range]:focus { outline: none; }input[type=range]:hover { opacity: 1; }input[type=range]::-ms-track { cursor: pointer; width: 100%; }input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; }input[type=range]::-webkit-slider-thumb { border-radius: 3px; cursor: pointer; height: 32px; width: 16px; }input[type=range]::-moz-range-thumb { border-radius: 3px; cursor: pointer; height: 32px; width: 16px; }input[type=range]::-ms-thumb { border-radius: 3px; cursor: pointer; height: 32px; width: 16px; }.header-notification-number-container { color: #fff !important; min-height: 20px; min-width: 20px; } body { background-color: #171e22; color: #7f8b92; }footer { background-color: rgba(17, 22, 25, .8); color: #eee; margin-top: 5em; }.border-bottom { border-color: #293139 !important; }.copyright { background-color: #000; }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #fff; }a { color: #399ea5; }a:hover { color: #4ed7e0; text-decoration: none; }.nav-item.active { color: #4ed7e0!important; text-decoration: none; }label { color: #fff; }.text-main { color: #399ea5; }.decorated-h1::after, .decorated-h1::before, .decorated-h2::after, .decorated-h2::before { border-bottom-color: #293139; }.decorated-h3::after { border-bottom: 4px solid #399ea5; }.breadcrumbs { color: #fff; }.breadcrumbs > li a.hover, .breadcrumbs > li a:hover { color: #399ea5; }.breadcrumbs > li:last-of-type::after { border-bottom: 4px solid #399ea5; }.tabs .nav-tabs .nav-link.active:focus, .tabs .nav-tabs .nav-link.active:hover { background-color: #399ea5; }.tabs .nav-tabs .nav-link.active { background-color: #399ea5; }.tabs .nav-tabs .nav-link:focus, .tabs .nav-tabs .nav-link:hover { background-color: #303842; }.tabs .nav-tabs .nav-link { background-color: #293139; color: #fff; }.tabs .nav-tabs .nav-item, .tabs .nav-tabs .nav-item.open .nav-link, .tabs .nav-tabs .nav-item.open .nav-link:focus, .tabs .nav-tabs .nav-item.open .nav-link:hover, .tabs .nav-tabs .nav-item:focus, .tabs .nav-tabs .nav-item:hover, .tabs .nav-tabs .nav-link, .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link.active:focus, .tabs .nav-tabs .nav-link.active:hover, .tabs .nav-tabs .nav-link:focus, .tabs .nav-tabs .nav-link:hover { color: #fff; }.accordion .panel-heading a:not(.collapsed), .accordion .panel-heading a:not(.collapsed):focus, .accordion .panel-heading a:not(.collapsed):hover { background-color: #399ea5; }.accordion .panel-heading a { background-color: #293139; color: #fff; }.blockquote .blockquote-author::after, .blockquote .blockquote-author::before, .blockquote .blockquote-icon::after, .blockquote .blockquote-icon::before { border-bottom: 2px solid #399ea5; }.blockquote .blockquote-icon > span, .blockquote .blockquote-author > span { color: #fff; }.table { border: 1px solid #232930; color: #fff; }.table thead { background-color: #399ea5; }.table tbody tr:nth-of-type(odd) { background-color: #293139; }.table tbody tr { background-color: #232930; }.table tbody tr > * + * { border-left: 1px solid #171e22; }.btn:active, .btn:focus, .btn:hover { color: #fff; text-decoration: none; }.btn, .btn.active, .btn.hover { color: #fff; text-decoration: none; }.btn-color-white, .btn-color-white.active, .btn-color-white.hover, .btn-color-white:active, .btn-color-white:focus, .btn-color-white:hover { color: #171e22; }.btn-color-white { background-color: #fff; border-color: #e0e0e0; border-style: solid; }.btn-color-main { background-color: #399ea5; border-color: #4ed7e0; border-style: solid; }.btn-color-dark { background-color: #293139; border-color: #101215; border-style: solid; }.btn-color-info { background-color: #22a2b1; border-color: #18737e; border-style: solid; }.btn-color-primary { background-color: #0275d8; border-color: #01549b; border-style: solid; }.btn-color-success { background-color: #38a220; border-color: #266f16; border-style: solid; }.btn-color-danger { background-color: #e2361f; border-color: #a12716; border-style: solid; }.btn-color-warning { background-color: #ef9e2b; border-color: #cd7f0f; border-style: solid; }.btn-outline, .btn-outline.active, .btn-outline.hover, .btn-outline:active, .btn-outline:focus, .btn-outline:hover { background-color: transparent; color: inherit; }.btn-color-success.btn-outline { color: #38a220; }.btn-color-warning.btn-outline { color: #ef9e2b; }.btn-color-main.hover, .btn-color-main:hover { background-color: #4ed7e0; border-color: #399ea5; }.btn-hover-color-info.hover, .btn-hover-color-info:hover { background-color: #22a2b1; border-color: #18737e; }.btn-color-info.hover, .btn-color-info:hover { background-color: #29c1d3; border-color: #44cbdb; }.btn-color-primary.hover, .btn-color-primary:hover { background-color: #068bfd; border-color: #299bfd; }.btn-color-success.btn-outline.hover, .btn-color-success.btn-outline:hover { border-color: #55d737; color: #297718; }.btn-color-warning.btn-outline.hover, .btn-color-warning.btn-outline:hover { border-color: #f4bf72; color: #d78510; }.btn-color-white.hover, .btn-color-white:hover { background-color: #e0e0e0; border-color: #d1d1d1; }.btn-color-dark.hover, .btn-color-dark:hover { background-color: #3b4550; border-color: #4a5665; }.btn-color-success.hover, .btn-color-success:hover { background-color: #266f16; border-color: #38a220; }.btn-color-danger.hover, .btn-color-danger:hover { background-color: #a12716; border-color: #e2361f; }.btn-color-white, .btn-color-white.active, .btn-color-white.hover, .btn-color-white:active, .btn-color-white:focus, .btn-color-white:hover { color: #171e22; }.btn-hover-color-main.hover, .btn-hover-color-main:hover { background-color: #399ea5; border-color: #4ed7e0; }.pagination { color: #fff; }.feature1 .feature-icon, .feature2 .feature-icon { border-right: 1px solid #293139; color: #fff; }.pagination nav > .pagination-current { color: #399ea5; }.pagination a:hover { color: #399ea5; }.feature1, .feature2 { background-color: #232930; border: 1px solid #293139; }.feature-title a { color: inherit; text-decoration: none; }.countdown .hexagon { background-color: rgba(0, 0, 0, .35); color: #fff; }.countdown .hexagon::before { border-bottom: 25px solid rgba(0, 0, 0, .35); }.countdown .hexagon .hexagon-inner { border-left: solid 4px #399ea5; border-right: solid 4px #399ea5; }.countdown .hexagon .hexagon-inner::before { border-right: solid 5.6569px #399ea5; border-top: solid 5.6569px #399ea5; }.countdown .hexagon::after { border-top: 25px solid rgba(0, 0, 0, .35); }.countdown .hexagon .hexagon-inner::after { border-bottom: solid 5.6569px #399ea5; border-left: solid 5.6569px #399ea5; }.text-danger { color: #e2361f !important; }.text-success { color: #38a220 !important; }.text-warning { color: #ef9e2b !important; }select.form-control { background-color: rgba(0, 0, 0, .01); }select.form-control option { color: #000; }.info-box { background-color: #232930; border: 1px solid #293139; color: #fff; }.audio-plain { background-color: #232930; border: 1px solid #293139; }.audio-plain .audio-plain-play-pause { background-color: #445965; color: #fff; }.audio-plain .audio-progress { background-color: #303e47; }.form-control { background-color: transparent; border: 1px solid #303e47; color: #fff; }.form-control.focus, .form-control:focus { background-color: transparent; border-color: #399ea5; color: #fff; }.form-style1 .form-control { background-color: #fff; border-color: #fff; color: #171e22; }.form-style1 .form-control.focus, .form-style1 .form-control:focus { background-color: #fff; border-color: #399ea5; }.form-response-success { color: #38a220; }.form-response-error { color: #e2361f; }.rating { color: #399ea5; }.bg-dark, .popup { background-color: #232930 !important; }.bg-black { background-color: #13161a !important; }.nav .active, .nav .active > a { color: #4ed7e0; }.navbar .nav .dropdown { background-color: rgba(0, 0, 0, .6); border-bottom: 3px solid #399ea5; }.navbar-side { background-color: #171e22; }.nano > .nano-pane { background: rgba(0, 0, 0, .4); }.nano > .nano-pane > .nano-slider { background: #fff; }.default-tags { background-color: #293139; color: #fff; }.overlay { background-color: #000; }.post-img .post-comments-count, .post-img .post-comments-count:active, .post-img .post-comments-count:focus, .post-img .post-comments-count:hover { color: #171e22; text-decoration: none; }.post-img .post-comments-count { background-color: #fff; color: #171e22; }.post-img .post-comments-count::after { border-top: 9px solid #fff; }.post-categories a, .post-categories span { background-color: #293139; color: #fff; }.post-date { color: #7f8b92; }.popup { border: 1px solid #293139; }.bg-hover-category-news:hover { background-color: #dd163b !important; color: #fff!important; }.bg-category-news, .bg-hover-category-news.active { background-color: #dd163b !important; color: #fff!important; }.bg-hover-category-technic:hover { background-color: #a714b9 !important; color: #fff!important; }.bg-category-technic, .bg-hover-category-technic.active { background-color: #a714b9 !important; color: #fff!important; }.bg-hover-category-tipsandtricks:hover { background-color: #1464d2 !important; color: #fff!important; }.bg-category-tipsandtricks, .bg-hover-category-tipsandtricks.active { background-color: #1464d2 !important; color: #fff!important; }.bg-hover-category-players2play:hover { background-color: #22a2b1 !important; color: #fff!important; }.bg-category-players2play, .bg-hover-category-players2play.active { background-color: #22a2b1 !important; color: #fff!important; }.tabs .nav-tabs .nav-link.bg-hover-category-players2play, .tabs .nav-tabs .nav-link.bg-hover-category-tipsandtricks, .tabs .nav-tabs .nav-link.bg-hover-category-technic, .tabs .nav-tabs .nav-link.bg-hover-category-news { color: #fff!important; }.social-links-2 > li > *, .social-links-2 > li > :active, .social-links-2 > li > :focus, .social-links-2 > li > :hover, .social-links-3 > li > *, .social-links-3 > li > :active, .social-links-3 > li > :focus, .social-links-3 > li > :hover, .social-links > li > *, .social-links > li > :active, .social-links > li > :focus, .social-links > li > :hover { color: #171e22; }.widget-highlighted .widget-title { background-color: #293139; }.widget-highlighted .widget-title > span { background-color: #293139; }.widget-highlighted .widget-title::after { background-color: #fff; }.widget-highlighted .widget-content { background-color: #232930; border: 1px solid #293139; }.social-links-2 > li > *, .social-links-3 > li > *, .social-links > li > * { background-color: rgba(255, 255, 255, .75); }.social-links-3 > li > * { background-color: #4e585f; color: #fff; }.social-links-3.social-links-cols-4 > li:nth-child(5n+2) > a { background-color: #5c6870; }.social-links-3.social-links-cols-4 > li:nth-child(5n) > a { background-color: #556067; }.social-links-3.social-links-cols-4 > li:nth-child(5n+4) > a { background-color: #65727b; }.widget-post + .widget-post, .widget-post-2 + .widget-post { border-top: 1px solid #293139; }.gallery-item-group { border: 1px solid #293139; }.gallery-item-box .gallery-item-overlay, .gallery-item-group .gallery-item-overlay, .gallery-item-group .gallery-item-description { background-color: rgba(57, 158, 165, .75); }.gallery-item-box .gallery-item-overlay, .gallery-item-group .gallery-item-overlay, .gallery-item-group .gallery-item-description { color: #fff; }.border-top { border-top: 1px solid #293139 !important; }.blog-post-border-bottom { border-bottom: 1px solid #293139; }.post-date a { color: inherit; text-decoration: none; }.post-date a.hover, .post-date a:active, .post-date a:focus, .post-date a:hover { color: #4ed7e0; }.social-links-2.social-links-3 > li > .social-facebook.hover, .social-links-2.social-links-3 > li > .social-facebook:hover, .social-links-2 > li > .social-facebook.hover, .social-links-2 > li > .social-facebook:hover, .social-links-3.social-links-3 > li > .social-facebook.hover, .social-links-3.social-links-3 > li > .social-facebook:hover, .social-links-3 > li > .social-facebook.hover, .social-links-3 > li > .social-facebook:hover, .social-links.social-links-3 > li > .social-facebook.hover, .social-links.social-links-3 > li > .social-facebook:hover, .social-links > li > .social-facebook.hover, .social-links > li > .social-facebook:hover { background-color: #3b5998; color: #fff; }.social-links-2.social-links-3 > li > .social-instagram.hover, .social-links-2.social-links-3 > li > .social-instagram:hover, .social-links-2 > li > .social-instagram.hover, .social-links-2 > li > .social-instagram:hover, .social-links-3.social-links-3 > li > .social-instagram.hover, .social-links-3.social-links-3 > li > .social-instagram:hover, .social-links-3 > li > .social-instagram.hover, .social-links-3 > li > .social-instagram:hover, .social-links.social-links-3 > li > .social-instagram.hover, .social-links.social-links-3 > li > .social-instagram:hover, .social-links > li > .social-instagram.hover, .social-links > li > .social-instagram:hover { background-color: #527198; color: #fff; }.social-links-2.social-links-3 > li > .social-twitch.hover, .social-links-2.social-links-3 > li > .social-twitch:hover, .social-links-2 > li > .social-twitch.hover, .social-links-2 > li > .social-twitch:hover, .social-links-3.social-links-3 > li > .social-twitch.hover, .social-links-3.social-links-3 > li > .social-twitch:hover, .social-links-3 > li > .social-twitch.hover, .social-links-3 > li > .social-twitch:hover, .social-links.social-links-3 > li > .social-twitch.hover, .social-links.social-links-3 > li > .social-twitch:hover, .social-links > li > .social-twitch.hover, .social-links > li > .social-twitch:hover { background-color: #5c43a1; color: #fff; }.social-links-2.social-links-3 > li > .social-google-plus.hover, .social-links-2.social-links-3 > li > .social-google-plus:hover, .social-links-2 > li > .social-google-plus.hover, .social-links-2 > li > .social-google-plus:hover, .social-links-3.social-links-3 > li > .social-google-plus.hover, .social-links-3.social-links-3 > li > .social-google-plus:hover, .social-links-3 > li > .social-google-plus.hover, .social-links-3 > li > .social-google-plus:hover, .social-links.social-links-3 > li > .social-google-plus.hover, .social-links.social-links-3 > li > .social-google-plus:hover, .social-links > li > .social-google-plus.hover, .social-links > li > .social-google-plus:hover { background-color: #df4a32; color: #fff; }.social-links-2.social-links-3 > li > .social-youtube.hover, .social-links-2.social-links-3 > li > .social-youtube:hover, .social-links-2 > li > .social-youtube.hover, .social-links-2 > li > .social-youtube:hover, .social-links-3.social-links-3 > li > .social-youtube.hover, .social-links-3.social-links-3 > li > .social-youtube:hover, .social-links-3 > li > .social-youtube.hover, .social-links-3 > li > .social-youtube:hover, .social-links.social-links-3 > li > .social-youtube.hover, .social-links.social-links-3 > li > .social-youtube:hover, .social-links > li > .social-youtube.hover, .social-links > li > .social-youtube:hover { background-color: red; color: #fff; }.social-links-2.social-links-3 > li > .social-twitter.hover, .social-links-2.social-links-3 > li > .social-twitter:hover, .social-links-2 > li > .social-twitter.hover, .social-links-2 > li > .social-twitter:hover, .social-links-3.social-links-3 > li > .social-twitter.hover, .social-links-3.social-links-3 > li > .social-twitter:hover, .social-links-3 > li > .social-twitter.hover, .social-links-3 > li > .social-twitter:hover, .social-links.social-links-3 > li > .social-twitter.hover, .social-links.social-links-3 > li > .social-twitter:hover, .social-links > li > .social-twitter.hover, .social-links > li > .social-twitter:hover { background-color: #00b6f1; color: #fff; }.social-links-2.social-links-3 > li > .social-pinterest.hover, .social-links-2.social-links-3 > li > .social-pinterest:hover, .social-links-2 > li > .social-pinterest.hover, .social-links-2 > li > .social-pinterest:hover, .social-links-3.social-links-3 > li > .social-pinterest.hover, .social-links-3.social-links-3 > li > .social-pinterest:hover, .social-links-3 > li > .social-pinterest.hover, .social-links-3 > li > .social-pinterest:hover, .social-links.social-links-3 > li > .social-pinterest.hover, .social-links.social-links-3 > li > .social-pinterest:hover, .social-links > li > .social-pinterest.hover, .social-links > li > .social-pinterest:hover { background-color: #cb2027; color: #fff; }.social-links-2.social-links-3 > li > .social-rss.hover, .social-links-2.social-links-3 > li > .social-rss:hover, .social-links-2 > li > .social-rss.hover, .social-links-2 > li > .social-rss:hover, .social-links-3.social-links-3 > li > .social-rss.hover, .social-links-3.social-links-3 > li > .social-rss:hover, .social-links-3 > li > .social-rss.hover, .social-links-3 > li > .social-rss:hover, .social-links.social-links-3 > li > .social-rss.hover, .social-links.social-links-3 > li > .social-rss:hover, .social-links > li > .social-rss.hover, .social-links > li > .social-rss:hover { background-color: #e06618; color: #fff; }.post-share { background-color: #293139; }.social-links-2 > li > * { background-color: #fff; color: #171e22; }.comments .comment .comment-text { border-bottom: 1px solid #293139; }.jumbotron { background-color: #232930 !important; }#user-pic i { color: #399ea5; }.user-platform-icon { color: #fff; }.game-platform-active, .players-active { border-color: #399ea5 !important; }.game-platform-icon, .players-icon { border-color: #265663; color: #fff; }input[type=range] { background: #232930; border-radius: 4px; }input[type=range]::-ms-track { background: transparent; border-color: transparent; color: transparent; }input[type=range]::-moz-range-thumb { background: #303e47; border: 1px solid #303e47; box-shadow: 1px 1px 1px #303e47, 0 0 1px #303e47; }input[type=range]::-ms-thumb { background: #303e47; border: 1px solid #303e47; box-shadow: 1px 1px 1px #303e47, 0 0 1px #303e47; }input[type=range]::-webkit-slider-thumb { background: #303e47; border: 1px solid #303e47; box-shadow: 1px 1px 1px #303e47, 0 0 1px #303e47; }#user-navbar > ul { background-color: rgba(17, 22, 25, .8); }.nav-item.active { color: #4ed7e0!important; }#user-navbar .nav-item:hover { border-bottom: 2px solid #399ea5; }#user-navbar .active { border-bottom: 2px solid #399ea5; }