@charset "UTF-8"; @-webkit-keyframes materialAppend { 0% { -webkit-transform: translate3d(0px,5px,0); opacity: 0; }   100% { -webkit-transform: translate3d(0,0,0); opacity: 1; } } @-moz-keyframes materialAppend { 0% { -moz-transform: translate3d(0px,5px,0); opacity: 0; }   100% { -moz-transform: translate3d(0,0,0); opacity: 1; } } @-ms-keyframes materialAppend { 0% { -ms-transform: translate3d(0px,5px,0); opacity: 0; }   100% { -ms-transform: translate3d(0,0,0); opacity: 1; } } @-o-keyframes materialAppend { 0% { -o-transform: translate3d(0px,5px,0); opacity: 0; }   100% { -o-transform: translate3d(0,0,0); opacity: 1; } } @keyframes materialAppend { 0% { transform: translate3d(0px,5px,0); opacity: 0; }   100% { transform: translate3d(0,0,0); opacity: 1; } } @-webkit-keyframes materialPrepend { 0% { -webkit-transform: translate3d(0px,-5px,0); opacity: 0; }   100% { -webkit-transform: translate3d(0,0,0); opacity: 1; } } @-moz-keyframes materialPrepend { 0% { -moz-transform: translate3d(0px,-5px,0); opacity: 0; }   100% { -moz-transform: translate3d(0,0,0); opacity: 1; } } @-ms-keyframes materialPrepend { 0% { -ms-transform: translate3d(0px,-5px,0); opacity: 0; }   100% { -ms-transform: translate3d(0,0,0); opacity: 1; } } @-o-keyframes materialPrepend { 0% { -o-transform: translate3d(0px,-5px,0); opacity: 0; }   100% { -o-transform: translate3d(0,0,0); opacity: 1; } } @keyframes materialPrepend { 0% { transform: translate3d(0px,-5px,0); opacity: 0; }   100% { transform: translate3d(0,0,0); opacity: 1; } } body .cke_chrome { box-shadow: none; } body .cke_chrome a.cke_button__autoformat, body .cke_chrome a.cke_button__commentselectedrange, body .cke_chrome a.cke_button__autoformat, body .cke_chrome a.cke_button__uncommentselectedrange { display: none; } body .cke_inner { position: relative; border: 0; background: none; } body .cke_inner .cke_top { border: 0; padding: 0; background: none; box-shadow: none; } body .cke_inner .cke_toolgroup { border: 1px solid #CECECE; } body .cke_inner .cke_combo_button { border: 1px solid #CECECE; } body .cke_inner .cke_contents { border: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-top: 12px; } body .cke_inner .cke_bottom { padding: 6px 8px 2px 0; position: absolute; bottom: 0; right: 0; border: 0; box-shadow: none; background: none; } body .cke_inner .cke_bottom a { color: #AAA; } body .cke_inner.cke_maximized .cke_top { background: #EEE; padding: 12px 12px 6px 12px; } body .cke_inner.cke_maximized .cke_contents { margin-top: 0; } body .cke_source { padding: 0 4px; white-space: inherit; } body .cke_dialog_body label { display: inline-block; margin-bottom: 5px; } body .cke_dialog_body select.cke_dialog_ui_input_select { height: 27px; line-height: 27px; } body .cke_dialog_body input.cke_dialog_ui_input_text, body .cke_dialog_body input.cke_dialog_ui_input_password, body .cke_dialog_body textarea.cke_dialog_ui_input_textarea { height: auto; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15) inset !important; box-shadow: 0 1px 2px rgba(0,0,0,0.15) inset !important; } body .cke_dialog_body input.cke_dialog_ui_input_text:focus, body .cke_dialog_body input.cke_dialog_ui_input_password:focus, body .cke_dialog_body textarea.cke_dialog_ui_input_textarea:focus, body .cke_dialog_body select.cke_dialog_ui_input_select:focus { outline: 0; border: 1px solid #139ff7; } body #cke_19+span.cke_toolbar_break, body #cke_42+span.cke_toolbar_break { display: none; } kbd { background-color: #cccccc; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); } input.tt-hint { margin: 0 !important; background: none !important; } .tt-menu { width: 100%; margin: 6px 0; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), 0 2px 10px 0 rgba(0,0,0,0.1); } .tt-menu .tt-suggestion { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .tt-menu .tt-suggestion i.c32 { float: left; } .tt-menu .tt-suggestion i.s32 { display: inline-block; width: 32px; height: 32px; background-size: cover; background-position: center; border-radius: 2px; } .tt-menu .tt-suggestion span.title { display: block; line-height: 17px; font-size: 14px; } .tt-menu .tt-suggestion span.cat { display: block; line-height: 12px; font-size: 12px; color: #a7a7a7; } .tt-menu .tt-suggestion:after { content: ''; display: block; clear: both; } .row-hm { margin-right: -9px; margin-left: -9px; } .row-hm > div { padding-right: 9px; padding-left: 9px; } .nav-tabs { background: #E0E1E2; padding-top: 8px; margin-bottom: 18px; } .nav-tabs li:first-child { margin-left: 8px; } .nav-tabs li.active a { font-weight: 600; color: #454545; } .nav-tabs li a { border: 0 !important; margin-right: 6px; } .nav-tabs li a:focus, .nav-tabs li a:hover { text-decoration: none; background: rgba(0,0,0,0.04); } ol li:not(:last-child) { margin-bottom: 8px; } .waves-effect .waves-ripple { background: rgba(0,0,0,0.085); } select { display: inherit; } select.initialized, select.material { display: none; } hr { border-top: 1px solid rgba(0,0,0,0.075); margin-top: 18px; margin-bottom: 18px; } ul { padding: 0; } ul li { list-style-type: none; } ul.square, ul.decimal { margin: 0; padding-left: 20px; font-size: 13px; } ul.square li, ul.decimal li { list-style-type: inherit; } @media only screen and (min-width: 601px) { .picker__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }   .picker__frame { width: 80%; max-width: 600px; } } .picker__box .picker__list { width: 100%; } @media only screen and (min-width: 601px) { .picker__date-display { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }   .picker__weekday-display { display: block; }   .picker__container__wrapper { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; overflow: hidden; } } .picker__date-display { padding-top: 10px; } .picker__weekday-display { display: none; } .picker__day-display { font-size: 2rem; } .picker__table { margin-top: 15px; } .picker__input { background: none !important; } a:target:before { content: ""; display: block; height: 94px; margin: -94px 0 0; } .clear { content: ''; display: block; clear: both; } .dont-break-out { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .forms { background-color: #FAFAFA; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); border-radius: 2px; } .forms.forms-no-border .form-group { border-bottom: none; } .forms h6 { margin-bottom: 15px; color: #454545; text-transform: uppercase; font-size: 14px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 700; } .forms .forms-header { padding: 15px 15px 0 15px; } .forms .forms-header h6 { margin: 0; } .forms .forms-content { padding: 15px; } .forms .forms-content > p:last-child { margin-bottom: 0; } .forms .form-group:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .forms .form-group .control-label { text-align: left; } @media (min-width: 768px) { .forms .form-group .control-label { min-height: 45px; padding-top: 12px; } } @media (max-width: 767px) { .forms .form-group .control-label { font-size: 13px; } } .forms .form-group .form-control-checkbox { padding-top: 12px; } .forms .form-group textarea { margin-bottom: 0; } .forms .form-group:after { content: ''; display: block; clear: both; } .forms .form-group-inline:after { content: ''; display: block; clear: both; } .forms .form-control { box-shadow: none; } .forms .form-control-inline { border: 0 !important; box-shadow: none !important; margin-bottom: 0; } .forms .form-control-inline input.select-dropdown { border: 0 !important; box-shadow: none !important; margin-bottom: 0; } .forms .form-control-inline select { padding-left: 0; } .forms-title { line-height: 24px; color: #3E3E3E; font-family: 'Open Sans', Tahoma, sans-serif; text-transform: uppercase; font-weight: 800; font-size: 15px; } .forms-action { padding: 15px 0 0 0; text-align: left; } .forms-action .btn:not(:last-child) { margin-right: 5px; } .form-horizontal .form-group-inline { margin: 0 -18px; } @media (max-width: 767px) { .form-horizontal .form-group-inline { margin: 0 -15px; } } .preview-image { width: 120px; height: 120px; background-size: 90%; background-position: center; background-repeat: no-repeat; background-color: #EFEFEF; float: left; margin: 0 15px 0 0; } .file-field .btn, .file-field .btn-large { width: 3rem; padding: 0; text-align: center; } .file-field .btn i, .file-field .btn-large i { margin: 0; cursor: pointer; } .tabs { height: 45px; border-radius: 2px; font-family: 'Roboto', Tahoma, sans-serif; background-color: #FAFAFA; } .tabs.tabs-no-indicator .indicator { display: none; } .tabs.tabs-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs.tabs-flex .tab { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .tabs .tab { text-transform: inherit; letter-spacing: inherit; height: auto; line-height: inherit; } .tabs .tab a { display: block; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #b7b7b7; height: 45px; line-height: 45px; padding: 0 15px; } .tabs .tab a:hover { color: #969292; } .tabs .tab a.active { color: #454545; } .tabs .tab.disabled a { color: #D4D3D3; } .tabs .indicator { background-color: #1B9642; bottom: 0; height: 2px; } .tabs:after { content: ''; display: block; clear: both; } .tabs.tabs-spaced { background: none; height: 54px; border-bottom: 10px solid #DFE3E8; } .tabs.tabs-spaced .tab { margin-right: 5px; } .tabs.tabs-spaced .tab a { margin-top: 8px; height: 36px; line-height: 36px; } .tabs.tabs-spaced .tab a.active { margin-top: 0; height: 44px; line-height: 44px; background: #DFE3E8; } .modal { top: 0; overflow-x: hidden; } @media (max-width: 480px) { .modal { top: 15px !important; left: 15px !important; right: 15px !important; max-width: inherit; max-height: calc(100% - 30px); width: auto; } } .modal.modal-medium { width: 600px; } .modal.modal-small { width: 400px; } .modal .modal-header { padding: 15px 15px 0 15px; border-bottom: 0; } .modal .modal-content { height: auto; padding: 15px; border: 0; background: none; box-shadow: none; } .modal .modal-footer { background: none; border-top: 1px solid rgba(0,0,0,0.05); padding: 3px 15px; } .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat { padding: 0 1.2rem; } .modal .modal-close-mini { position: absolute; top: 8px; right: 6px; text-align: center; width: 32px; height: 32px; line-height: 32px; font-size: 19px; color: rgba(0,0,0,0.2); font-family: 'Material Design Icons', Arial; z-index: 9; } .modal .modal-close-mini:after { content: "\F156"; } .modal.modal-gray { background: #EEE; } .modal.modal-gray .modal-footer { background: #EEE; } .modal-overlay { height: 200%; } .jqifade { opacity: 0.5 !important; background: black !important; } .jqibox.jqiwarnings .jqi .jqi-buttons { background: #ffe7e5 !important; border-top: #ffcbc7 !important; } .jqibox .jqi { font-family: Tahoma, sans-serif; font-size: 12px; padding: 0; border: 0; border-radius: 0; box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22), 0 25px 55px 0 rgba(0,0,0,0.21); } .jqibox .jqi .jqimessage { padding: 15px; font-size: 14px; color: #565656; } .jqibox .jqi .jqibuttons { background: none; border-top: 1px solid rgba(0,0,0,0.08); margin: 0; padding: 3px 15px; border-radius: 0; } .jqibox .jqi .jqibuttons .jqibutton { border: 0; display: inline-block; height: 36px; line-height: 36px; background: #656565; color: white !important; border-radius: 2px; padding: 0 15px; margin: 6px 0 6px 5px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: normal; font-size: 12px; text-transform: uppercase; text-shadow: none; } .jqibox .jqi .jqiclose { font-size: 17px; top: 4px; right: 2px; } .card .card-content input { margin-bottom: 0; } .input-field { margin-top: 1.3rem; } .input-field label { left: 0; font-weight: normal; pointer-events: none; } .input-field label.active { font-weight: 600; font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; color: #555; } .range-field { position: relative; padding: 8px 0 0 0; margin-top: -8px; } .range-field input[type=range] + .thumb.active .value { margin-left: -1px; margin-top: 6px; } .dropdown-menu { border: 0; border-radius: 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .dropdown-menu > li { float: none; width: 100%; } .dropdown-content { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; overflow-x: hidden; padding: 0; z-index: 9; } .dropdown-content li { line-height: 1.7rem; } .dropdown-content li > a, .dropdown-content li > span { display: block; font-size: 13px; color: #333; padding: 8px 15px; } .dropdown-content li > a i, .dropdown-content li > span i { width: 15px; margin: 0 20px 0 5px; font-size: 19px; color: #616161; vertical-align: -3px; } .dropdown-content li:hover, .dropdown-content li.active { background: rgba(0,0,0,0.04); } .dropdown-content li.optgroup { background: none; } .dropdown-content li.optgroup span { color: #999; font-size: 14px; } .dropdown-content li.disabled span { color: rgba(0,0,0,0.3); } .divider { background-color: #F0F0F0; } .opacity75 { opacity: 0.75; } .inline-form-btn { position: relative; } .inline-form-btn select { margin: 0; } .inline-form-btn .btns { position: absolute; bottom: 5px; right: 0; z-index: 9; } .dropdown-slide { position: absolute; background-color: #FAFAFA; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); z-index: 5; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; width: 0; height: 0; } .dropdown-slide.active { min-width: 250px; height: auto; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .fixed-action-btn { overflow: hidden; } .fixed-action-btn:hover { overflow: initial; } .fixed-action-btn.horizontal { padding: 0 0 0 15px; } .fixed-action-btn.horizontal ul { text-align: right; right: 64px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 100%; left: auto; width: 500px; } .fixed-action-btn.horizontal ul li { display: inline-block; margin: 15px 15px 0 0; } .fixed-action-btn ul li i { font-size: 1.4rem; } .fixed-action-btn ul li i.mdi-minecraft { font-size: 1.23rem; } .fixed-action-btn ul li i.mdi-gauge { font-size: 1.4rem; } .materialboxed.active { max-width: inherit; } .text-block { font-family: 'Open Sans', Tahoma, sans-serif; font-size: 14px; } .text-block b, .text-block strong { font-weight: 600; } .help-block { margin-bottom: 12px; line-height: 14px; font-size: 13px; color: #CCC; color: rgba(0,0,0,0.4); } .help-block .error-input { -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .help-block .error-input.active { color: #FF6C6C; } .help-block a { color: #86B988; } textarea { border: 1px solid #DDD; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { max-width: 100%; border-bottom: 1px solid #DDD; margin: 0 0 10px 0; } input.smallbox { display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 11px; text-align: center; margin: 0 8px 6px 0; border: 2px solid #cccccc !important; border-radius: 2px; box-shadow: none !important; } input.no-border { border: 0 !important; box-shadow: none !important; } input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { font-size: 14px; } strong { font-weight: 700; } label { margin: 0; font-weight: 600; font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; color: #555; } label strong { font-weight: 600; } [type="checkbox"] + label { height: auto; min-height: 26px; line-height: 20px; padding-left: 30px; font-weight: 600; font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; color: #777; } [type="checkbox"] + label:before { border: 2px solid #CCC; } [type="checkbox"].filled-in:not(:checked) + label:after { border: 2px solid #CCC; } [type="checkbox"].filled-in:checked + label:after, [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after { border: 2px solid #1a9047; background-color: #1a9047; } [type="radio"].with-gap:checked + label:before { border: 2px solid #1a9047; } [type="radio"]:not(:checked) + label:before { border-radius: 50%; border: 2px solid #CCC; } small, .small { font-size: 12px; } .switch label input[type=checkbox]:checked + .lever { background: #818181; } .progress { background-color: rgba(0,0,0,0.1); } .progress .progress .determinate { background: #2b9fec; } span.badge { font-weight: 300; font-size: 0.8rem; color: #fff; background-color: #26a69a; border-radius: 2px; } span.badge.mc-badge { min-width: 15px; font-size: 10px; height: 15px; line-height: 14px; border-radius: 2px; padding: 0 3px; background: #37A561; border: 1px solid #2A8C4F; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15); color: #FFF; } .card-panel { padding: 15px; } .notice { display: block; line-height: 19px; padding: 12px 15px; font-size: 13px; text-align: left; margin: 0 0 18px 0; background-color: #fff; border-left: 4px solid rgba(0,0,0,0); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .notice.notice-danger { border-left: 4px solid #d02d47; } .notice.notice-warning { border-left: 4px solid #ffba00; } .notice.notice-success { border-left: 4px solid #6BD01F; } .notice.notice-info { border-left: 4px solid #2196F3; } .notice em { font-weight: bold; font-style: normal; } .notice ul { margin: 0; padding-left: 15px; } .notice ul li { list-style: square; } .notice > ul:last-child { margin-top: 8px; } .notice button { line-height: 13px; } .notice b, .notice strong { color: #666; } .notice a, .notice a:link, .notice a:visited { color: inherit; } .notice p:last-child { margin-bottom: 0; } .notice-gray { padding: 40px 0; text-align: center; color: #999; } .backdrop { background-color: #4A4A4A; } .scrollbar-x { overflow-x: scroll; } .scrollbar-y { overflow-y: scroll; } .collapsible { box-shadow: 0 2px 3px 0 #E8E8E8; border: 0; } .collapsible .collapsible-header { border-bottom: 1px solid #EEE; } .collapsible .collapsible-body { background-color: #F9F9F9; border-bottom: 1px solid #EEE; } .collection { border: 0; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); } .collection li.collection-item { box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-bottom: 1px solid #ECECEC; background-color: #fff; padding: 12px; line-height: inherit; } .collection a.collection-item:not(.active):hover { background: #F5F5F5; } select.browser-default { display: block; height: 36px; font-size: 12px; } .select-wrapper input.select-dropdown { padding: 0 15px; font-size: 13px; border-bottom: 1px solid #DDD; box-sizing: border-box; } .select-wrapper span.caret { top: 50%; margin-top: -2px; right: 15px; text-indent: -9999px; border: solid rgba(0,0,0,0); border-top-color: #444; border-width: 5px; z-index: 1; } .select-wrapper.material input.select-dropdown { border: 0 !important; box-shadow: none !important; box-sizing: border-box; margin-bottom: 0; } .container { width: 1118px; } .table-responsive { border: 0 !important; } .table-of-contents a:hover { border-left: 1px solid #1a9047; } .table-of-contents a.active { border-left: 2px solid #1a9047; } .table thead > tr > th { border-bottom: 0; } .table tr th { border-top: 0; } .table tr td { border-top: 1px solid #ECECEC; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: rgba(0,0,0,0.02); } table { line-height: 20px; } table td, table th { padding: 12px 8px; border-radius: 0; } table.smart td, table.smart th { padding: 8px 5px; } .grid { margin: 0 -5px; } .grid:after { content: ''; display: block; clear: both; } .grid .grid-sizer, .grid .grid-item { width: 33.333%; } .grid .grid-item { float: left; will-change: top, left; border: 5px solid rgba(0,0,0,0); } .grid .grid-item img { display: block; max-width: 100%; width: 100%; cursor: pointer; } select { background: none; height: 3rem; border: 0; border-radius: 0; margin-bottom: 10px; box-shadow: inset 0 -1px 0 0 #DEDEDE; font-size: 14px; } .blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -moz-backface-visibility: hidden; } .blueimp-gallery>.slides>.slide>.slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; } .blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0,0,0,0.5); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none; } .blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y; } .blueimp-gallery-display { display: block; opacity: 1; } .blueimp-gallery>.slides { position: relative; height: 100%; overflow: hidden; } .blueimp-gallery-carousel>.slides { position: absolute; } .blueimp-gallery>.slides>.slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1); -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1); -ms-transition-timing-function: cubic-bezier(.645,.045,.355,1); -o-transition-timing-function: cubic-bezier(.645,.045,.355,1); transition-timing-function: cubic-bezier(.645,.045,.355,1); } .blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content { -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -ms-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .blueimp-gallery>.slides>.slide-loading { background: url(../img/loading.gif) center no-repeat; background-size: 64px 64px; } .blueimp-gallery>.slides>.slide-loading>.slide-content { opacity: 0; } .blueimp-gallery>.slides>.slide-error { background: url(../img/error.png) center no-repeat; } .blueimp-gallery>.slides>.slide-error>.slide-content { display: none; } .blueimp-gallery>.next, .blueimp-gallery>.prev { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0,0,0,0.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: .5; cursor: pointer; display: none; } .blueimp-gallery>.next { left: auto; right: 15px; } .blueimp-gallery>.close, .blueimp-gallery>.title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: .8; display: none; } .blueimp-gallery>.close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer; } .blueimp-gallery>.play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: .5; display: none; } .blueimp-gallery-playing>.play-pause { background-position: -15px 0; } .blueimp-gallery>.close:hover, .blueimp-gallery>.next:hover, .blueimp-gallery>.play-pause:hover, .blueimp-gallery>.prev:hover, .blueimp-gallery>.title:hover { color: #fff; opacity: 1; } .blueimp-gallery-controls>.close, .blueimp-gallery-controls>.next, .blueimp-gallery-controls>.play-pause, .blueimp-gallery-controls>.prev, .blueimp-gallery-controls>.title { display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .blueimp-gallery-left>.prev, .blueimp-gallery-right>.next, .blueimp-gallery-single>.next, .blueimp-gallery-single>.play-pause, .blueimp-gallery-single>.prev { display: none; } .blueimp-gallery>.close, .blueimp-gallery>.next, .blueimp-gallery>.play-pause, .blueimp-gallery>.prev, .blueimp-gallery>.slides>.slide>.slide-content { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body:last-child .blueimp-gallery>.slides>.slide-error { background-image: url(../img/error.svg); } body:last-child .blueimp-gallery>.play-pause { width: 20px; height: 20px; background-size: 40px 20px; background-image: url(../img/play-pause.svg); } body:last-child .blueimp-gallery-playing>.play-pause { background-position: -20px 0; } .blueimp-gallery>.indicator { position: absolute; top: auto; right: 15px; bottom: 15px; left: 15px; margin: 0 40px; padding: 0; list-style: none; text-align: center; line-height: 10px; display: none; } .blueimp-gallery>.indicator>li { display: inline-block; width: 9px; height: 9px; margin: 6px 3px 0 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid transparent; background: #ccc; background: rgba(255,255,255,0.25) center no-repeat; border-radius: 5px; box-shadow: 0 0 2px #000; opacity: .5; cursor: pointer; } .blueimp-gallery>.indicator>.active, .blueimp-gallery>.indicator>li:hover { background-color: #fff; border-color: #fff; opacity: 1; } .blueimp-gallery-controls>.indicator { display: block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .blueimp-gallery-single>.indicator { display: none; } .blueimp-gallery>.indicator { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .blueimp-gallery>.slides>.slide>.video-content>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-backface-visibility: hidden; } .blueimp-gallery>.slides>.slide>.video-content>video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blueimp-gallery>.slides>.slide>.video-content>iframe { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border: none; } .blueimp-gallery>.slides>.slide>.video-playing>iframe { top: 0; } .blueimp-gallery>.slides>.slide>.video-content>a { position: absolute; top: 50%; right: 0; left: 0; margin: -64px auto 0; width: 128px; height: 128px; background: url(../img/video-play.png) center no-repeat; opacity: .8; cursor: pointer; } .blueimp-gallery>.slides>.slide>.video-content>a:hover { opacity: 1; } .blueimp-gallery>.slides>.slide>.video-playing>a, .blueimp-gallery>.slides>.slide>.video-playing>img { display: none; } .blueimp-gallery>.slides>.slide>.video-content>video { display: none; } .blueimp-gallery>.slides>.slide>.video-playing>video { display: block; } .blueimp-gallery>.slides>.slide>.video-loading>a { background: url(../img/loading.gif) center no-repeat; background-size: 64px 64px; } body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a { background-image: url(../img/video-play.svg); } .blueimp-gallery>.close { display: block !important; line-height: 16px; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231D8E48'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231D8E48'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #1D8E48; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%); -ms-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0,0,0,0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #1D8E48; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1); } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-lazy-preloader { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; z-index: 10; -webkit-animation: mcLoader 3s infinite; -moz-animation: mcLoader 3s infinite; -o-animation: mcLoader 3s infinite; animation: mcLoader 3s infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; border: 2px solid rgba(0,0,0,0.2); background-repeat: no-repeat; } .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #1a9047; } .farbtastic { position: relative; } .farbtastic * { position: absolute; cursor: crosshair; } .farbtastic, .farbtastic .wheel { width: 195px; height: 195px; } .farbtastic .color, .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; } .farbtastic .wheel { background: url(images/generic/colorpicker_wheel.png) no-repeat; width: 195px; height: 195px; } .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(images/generic/colorpicker_marker.png) no-repeat; } .farbtastic .sl-marker, .farbtastic .color { display: none; } .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { min-height: 1px; padding-left: 18px; padding-right: 18px; position: relative; } @media (max-width: 767px) { .col-xxs-1,   .col-xxs-2,   .col-xxs-3,   .col-xxs-4,   .col-xxs-5,   .col-xxs-6,   .col-xxs-7,   .col-xxs-8,   .col-xxs-9,   .col-xxs-10,   .col-xxs-11,   .col-xxs-12 { padding-left: 15px; padding-right: 15px; } } .visible-xxs { display: none; } @media (max-width: 428px) { .hidden-xxs { display: none !important; }   .visible-xxs { display: block !important; }   .col-xxs-1,   .col-xxs-2,   .col-xxs-3,   .col-xxs-4,   .col-xxs-5,   .col-xxs-6,   .col-xxs-7,   .col-xxs-8,   .col-xxs-9,   .col-xxs-10,   .col-xxs-11 { float: left; }   .col-xxs-1 { width: 8.333333333333332%; }   .col-xxs-2 { width: 16.666666666666664%; }   .col-xxs-3 { width: 25%; }   .col-xxs-4 { width: 33.33333333333333%; }   .col-xxs-5 { width: 41.66666666666667%; }   .col-xxs-6 { width: 50%; }   .col-xxs-7 { width: 58.333333333333336%; }   .col-xxs-8 { width: 66.66666666666666%; }   .col-xxs-9 { width: 75%; }   .col-xxs-10 { width: 83.33333333333334%; }   .col-xxs-11 { width: 91.66666666666666%; }   .col-xxs-12 { width: 100%; }   .col-xxs-push-1 { left: 8.333333333333332%; }   .col-xxs-push-2 { left: 16.666666666666664%; }   .col-xxs-push-3 { left: 25%; }   .col-xss-push-4 { left: 33.33333333333333%; }   .col-xxs-push-5 { left: 41.66666666666667%; }   .col-xxs-push-6 { left: 50%; }   .col-xxs-push-7 { left: 58.333333333333336%; }   .col-xxs-push-8 { left: 66.66666666666666%; }   .col-xxs-push-9 { left: 75%; }   .col-xxs-push-10 { left: 83.33333333333334%; }   .col-xxs-push-11 { left: 91.66666666666666%; }   .col-xxs-pull-1 { right: 8.333333333333332%; }   .col-xxs-pull-2 { right: 16.666666666666664%; }   .col-xxs-pull-3 { right: 25%; }   .col-xxs-pull-4 { right: 33.33333333333333%; }   .col-xxs-pull-5 { right: 41.66666666666667%; }   .col-xxs-pull-6 { right: 50%; }   .col-xxs-pull-7 { right: 58.333333333333336%; }   .col-xxs-pull-8 { right: 66.66666666666666%; }   .col-xxs-pull-9 { right: 75%; }   .col-xxs-pull-10 { right: 83.33333333333334%; }   .col-xxs-pull-11 { right: 91.66666666666666%; }   .col-xxs-offset-1 { margin-left: 8.333333333333332%; }   .col-xxs-offset-2 { margin-left: 16.666666666666664%; }   .col-xxs-offset-3 { margin-left: 25%; }   .col-xxs-offset-4 { margin-left: 33.33333333333333%; }   .col-xxs-offset-5 { margin-left: 41.66666666666667%; }   .col-xxs-offset-6 { margin-left: 50%; }   .col-xxs-offset-7 { margin-left: 58.333333333333336%; }   .col-xxs-offset-8 { margin-left: 66.66666666666666%; }   .col-xxs-offset-9 { margin-left: 75%; }   .col-xxs-offset-10 { margin-left: 83.33333333333334%; }   .col-xxs-offset-11 { margin-left: 91.66666666666666%; } } body.dragging, body.dragging * { cursor: move !important; cursor: -moz-grabbing !important; cursor: -webkit-grabbing !important; } .dragged { position: absolute; opacity: 0.5; z-index: 2000; } ol.example li.placeholder { position: relative; } ol.example li.placeholder:before { position: absolute; } @media (min-width: 768px) { body.layout-board #wrapper > .content-block { position: relative; }   body.layout-board #wrapper > .content-block:before { content: ''; position: absolute; top: 0; left: 0; width: 250px; height: 100%; background: #F5F5F5; box-shadow: 0 1px 2px rgba(0,0,0,0.1); z-index: 1; } } body.layout-board #wrapper .row-layout { position: relative; margin: 0; } body.layout-board #wrapper .row-layout .col-nav-left { width: 250px; float: left; } body.layout-board #wrapper .row-layout .col-box { width: calc(100% - 568px); padding: 18px; float: left; } body.layout-board #wrapper .row-layout .col-box .inner > h4 { margin-bottom: 15px; } @media (max-width: 991px) { body.layout-board #wrapper .row-layout .col-box { width: calc(100% - 250px); } } @media (max-width: 767px) { body.layout-board #wrapper .row-layout .col-box { width: 100%; padding: 17px 15px; float: none; min-height: 600px; } } @media (min-width: 768px) { body.layout-board #wrapper .row-layout .col-box { min-height: 1200px; } } body.layout-board #wrapper .row-layout .col-sidebar { float: left; } body.layout-board #wrapper .row-layout .col-sidebar #sidebar { width: 300px; } body.layout-board #wrapper .row-layout .col-sidebar #sidebar .block { margin-bottom: 18px; } body.layout-board #wrapper .row-layout .col-sidebar #sidebar .block .block-header { padding: 0; background: none; box-shadow: none; color: #454545; text-transform: uppercase; font-size: 17px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 700; line-height: 20px; height: 35px; margin-top: 15px; margin-bottom: 0; } body.layout-board #wrapper .row-layout .col-sidebar #sidebar .block .block-body { padding: 0; } @media (min-width: 992px) { body.layout-board #wrapper .row-layout .col-sidebar .blocks-fixed.fixed { width: 300px; top: 95px; } } @media (max-width: 991px) { body.layout-board #wrapper .row-layout .col-sidebar { display: none; } } body.layout-board.layout-board-full #wrapper .row-layout .col-box { width: calc(100% - 250px); margin-right: 0; } @media (max-width: 767px) { body.layout-board.layout-board-full #wrapper .row-layout .col-box { width: 100%; } } @media (min-width: 768px) { body.layout-board.layout-board-full #wrapper .row-layout .col-box { min-height: 1000px; } } body.layout-full #wrapper hr { margin: 18px 0; border-color: #DEDEDE; } body.layout-full #wrapper .row-layout { margin: 0; } @media (max-width: 767px) { body.layout-full #wrapper .col-sm-border { border-top: 1px solid #DEDEDE; padding-top: 20px; margin-top: 20px; } } body.layout-bs #wrapper { position: relative; } body.layout-bs #wrapper .row-layout { position: relative; margin: 0; } body.layout-bs #wrapper .row-layout .col-box { width: calc(100% - 354px); float: left; } @media (min-width: 992px) { body.layout-bs #wrapper .row-layout .col-box { margin-right: 18px; } } @media (max-width: 991px) { body.layout-bs #wrapper .row-layout .col-box { width: auto; float: none; } } body.layout-bs #wrapper .row-layout .col-sidebar { float: left; } @media (max-width: 991px) { body.layout-bs #wrapper .row-layout .col-sidebar { width: auto; float: none; margin-top: 15px; }   body.layout-bs #wrapper .row-layout .col-sidebar #sidebar { width: auto; } } @media (min-width: 768px) { body.layout-nb #wrapper > .content-block { position: relative; min-height: 630px; }   body.layout-nb #wrapper > .content-block:before { content: ''; position: absolute; top: 0; left: 0; width: 250px; height: 100%; background: #F5F5F5; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } } body.layout-nb .row-layout { position: relative; margin: 0; } body.layout-nb .row-layout .col-box { padding: 18px; } @media (min-width: 768px) { body.layout-nb .row-layout .col-nav-left { width: 250px; float: left; }   body.layout-nb .row-layout .col-box { width: calc(100% - 250px); float: left; } } @media (max-width: 767px) { body.layout-nb .row-layout .col-nav-left { background: white; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } } html, body { margin: 0; padding: 0; height: 100%; } body { background-color: #2B2B2B; color: #565656; font-family: Tahoma, sans-serif; font-size: 14px; line-height: 20px; overflow-x: hidden; overflow-y: scroll; } body ::selection { background: #27282d; color: white; } body ::-moz-selection { background: #27282d; color: white; } body:not(.app), body.bg { background: #272727 url(images/background/bg.jpg); background-attachment: fixed; background-position: center -6px; } @media (max-width: 767px) { body.menu-opened { overflow-y: hidden !important; }   body.nav-left-opened { overflow-y: hidden !important; }   body.nav-left-opened #nav-left { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }   body.nav-left-opened #wrapper:before { width: 100%; height: 100%; background: rgba(0,0,0,0.4); }   body #wrapper:before { position: fixed; top: 0; left: 0; width: 1px; height: 1px; content: ''; background: rgba(0,0,0,0); -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; z-index: 99; } } @media (min-width: 768px) { body.modal-opened { overflow-y: hidden; border-right: 17px solid #CCC; }   body.modal-opened:before { content: ''; position: fixed; top: 0; right: 0; width: 17px; bottom: 0; background: #CCC; }   body.modal-opened #cookieChoiceInfo { right: 17px; width: auto; }   body.modal-opened .modal { left: -17px; }   body.modal-opened.fixed #header > .inner { right: 17px; }   body.modal-opened .fixed-action-btn { right: 40px; } } body .modal.modal-login { background-color: #fefefe; width: 420px; max-width: 90%; } body .modal.modal-login .input-field input { width: 100%; } body .modal.modal-login .login-bottom { height: 20px; overflow: hidden; margin-top: 18px; } body .modal.modal-login .form-horizontal .form-group { margin-left: 0; margin-right: 0; } body .modal.modal-login .form-horizontal .form-smalltext { font-size: 13px; } body.disable-pinned .pinned { position: absolute !important; } body.fixed #header > .inner { position: fixed; top: 0; left: 0; right: 0; } body.fixed #header #nav-top { display: none; } body.fixed #header .header-height { display: block; } body.fixed #wrapper > div.fixed-action-btn { z-index: 1000 !important; } body.fixed-logo #header #nav-user #logo-tiny { display: block; } body.fixed-logo #header #nav-user #logo-full { display: none; } body.input-focus .fixed-action-btn { display: none; } body.heyhey-adblock .block-support { display: none; } body.heyhey-adblock.blog .block-home-articles > div { display: none; } body.heyhey-adblock.blog .block-home-articles > div:first-child { display: block; width: 100%; } body .wide-only { display: none; } @media (min-width: 1164px) { body.wide #wrapper { width: auto !important; margin-left: 15px !important; margin-right: 15px !important; }   body.wide .wide-only { display: block; }   body.wide th.wide-only,   body.wide td.wide-only { display: table-cell; } } :focus { outline: 0 !important; } a, a:link, a:visited { color: #1B9642; text-decoration: none; } a:focus, a:hover { color: #767676; text-decoration: none !important; } h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; margin-top: 18px; } h1 { font-size: 32px; } h2 { font-size: 25px; } h3 { font-size: 23px; } h4 { font-size: 21px; } h4.heading { font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 0; border: 0; } h4.heading a { background-color: #e0e0e0 !important; color: #555 !important; font-family: 'Open Sans', Tahoma, sans-serif; font-size: 10px; height: 30px; line-height: 30px !important; margin-top: -6px; padding: 0 8px !important; border-radius: 2px; } h4.heading a i { vertical-align: -2px; font-size: 17px; } h4.heading a i.mdi-plus { vertical-align: -4px; font-size: 21px; } h5 { font-size: 17px; font-weight: 600; line-height: 24px; } h5.heading { font-size: 15px; font-weight: 600; height: 14px; line-height: 14px; text-transform: uppercase; color: #585858; } h6 { font-size: 15px; font-weight: 800; text-transform: uppercase; } hr.content-divider { border-top: 18px solid #2B2B2B; margin: 18px -18px; } img { max-width: 100%; } .light-scrollbar::-webkit-scrollbar { width: 4px; background: transparent; } .light-scrollbar::-webkit-scrollbar-track { background: transparent; } .light-scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); padding: 5px; margin: 5px; border-radius: 3px; } .light-scrollbar::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.1); } fieldset { background: #FFF; margin-top: 10px !important; } fieldset legend { padding: 0; margin: 0; font-family: 'Roboto', Tahoma, sans-serif; font-size: 18px; font-weight: 500; line-height: 24px; color: #3E3E3E; } fieldset legend strong { font-weight: 500; } textarea.form-control { border-radius: 1px; border: 1px solid #DDD; } textarea.form-control:focus { border: 1px solid; border-color: #DDD #DDD #555551 #DDD; box-shadow: 0 1px 0 0 #555551; } iframe { max-width: 100%; } .diamond-text { color: #24b5b5; } .gold-text { color: #dfa90c; } a.btn { color: white; } .height-h4 { height: 18px !important; line-height: 18px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .height-btn { height: 36px !important; line-height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .height-input { height: 45px !important; line-height: 45px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .btn-group .btn { margin: 0 4px; } .btn-group .btn:first-child { margin-left: 0; } .btn-group:after { content: ''; display: block; clear: both; } .btn, .btn-large { background: #656565; color: white; font-family: 'Open Sans', Tahoma, sans-serif; font-size: 12px; box-shadow: none !important; padding: 0 1rem; } .btn:hover, .btn:focus, .btn.focus, .btn-large:hover, .btn-large:focus, .btn-large.focus { background: #444; color: white; } .btn.btn-transparent, .btn-large.btn-transparent { background-color: rgba(0,0,0,0); box-shadow: none; } .btn.btn-small, .btn-large.btn-small { height: 32px; line-height: 32px; } .btn.btn-white, .btn-large.btn-white { color: #828384; background-color: #FFF; } .btn.btn-white:hover, .btn-large.btn-white:hover { background-color: #F5F5F5; } .btn.btn-default, .btn-large.btn-default { background: #656565; color: white; } .btn.btn-form, .btn-large.btn-form { background: #FAFAFA; color: #565656; } .btn.btn-floating, .btn-large.btn-floating { padding: 0; } @media (max-width: 767px) { .btn.btn-floating,   .btn-large.btn-floating { width: 50px; height: 50px; }   .btn.btn-floating i,   .btn-large.btn-floating i { line-height: 50px; }   .btn.btn-floating + ul,   .btn-large.btn-floating + ul { bottom: 52px; } } @media (max-width: 480px) { .btn.btn-floating,   .btn-large.btn-floating { width: 40px; height: 40px; }   .btn.btn-floating i,   .btn-large.btn-floating i { line-height: 30px; vertical-align: 1px; font-size: 2rem; }   .btn.btn-floating i.mdi-menu,   .btn-large.btn-floating i.mdi-menu { font-size: 1.7rem; vertical-align: 2px; }   .btn.btn-floating + ul,   .btn-large.btn-floating + ul { bottom: 40px; } } .bg-default { background-color: #EEE; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .btn-white { background-color: #FFF !important; color: #555 !important; } .btn-sm { padding: 5px !important; font-size: 10px !important; line-height: 2 !important; height: auto; } .btn-xs { padding: 1px 5px !important; font-size: 10px !important; line-height: 2 !important; height: auto; } .btn-basic { display: inline-block; width: 22px; height: 22px; line-height: 22px; font-size: 21px; color: #555 !important; text-align: center; } .btn-basic:hover { color: #444 !important; } .btn-basic + .btn-basic { margin-left: 5px; } .panel-locked { position: relative; } .panel-locked:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; cursor: default; } .online-status { position: relative; display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin: 0 0 1px 5px; } .online-status.online { background-color: #4CAF50; } .online-status.online[data-vip="1"] { background-color: #dfa90c; } .online-status.online[data-vip="2"] { background-color: #24b5b5; } .online-status.online[data-vip="3"] { background-color: #14be54; } .online-status.offline { background-color: #F44336; } .online-status.offline-grey { background-color: #9E9E9E; } .online-status.warning, .online-status.away { background-color: #FFC107; } .online-status:after { position: absolute; top: -1px; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(255,255,255,0.1); border-radius: 50%; } .username, a.username { font-family: 'Roboto', Tahoma, sans-serif; font-weight: 700; font-size: 15px; color: #454545; } .mc-avatar.m16 { width: 16px; height: 16px; } .mc-avatar.m16 > img { width: 16px; height: 16px; } .mc-avatar.m32 { width: 32px; height: 32px; } .mc-avatar.m32 > img { width: 32px; height: 32px; } .mc-avatar.m48 { width: 48px; height: 48px; } .mc-avatar.m48 > img { width: 48px; height: 48px; } .mc-avatar.m64 { width: 64px; height: 64px; } .mc-avatar.m64 > img { width: 64px; height: 64px; } .mc-avatar.m128 { width: 128px; height: 128px; } .mc-avatar.m128 > img { width: 128px; height: 128px; } .form-inline-submit { position: relative; } .form-inline-submit button, .form-inline-submit .btn { position: absolute; top: 50%; right: 0; margin-top: -1.5rem; width: 3rem; height: 3rem; line-height: 3rem; font-size: 23px; padding: 0; border: 0; } .form-inline-submit button { background: none; } .form-inline-submit input { padding-right: 28px; box-sizing: border-box; } .form-inline-submit input.height-btn + button { width: 36px; height: 36px; line-height: 36px; margin-top: -18px; } .form-inline-submit.form-search-border { background: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; } .form-inline-submit.form-search-border input { border: 0 !important; box-shadow: none !important; padding: 0 15px; } .alert { background: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 10px 10px 10px 15px; font-size: 13px; margin-bottom: 18px; } @media (max-width: 767px) { .alert { margin-bottom: 15px; } } .alert.alert-danger { box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 3px 0 red; } .alert.alert-warning { box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 3px 0 orange; } .alert.alert-success { box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 3px 0 #33AD61; } ul.logs { font-size: 13px; color: #777; } ul.logs.logs-with-icons li.log-item { padding-left: 45px; } ul.logs li.log-item { position: relative; padding: 12px; } ul.logs li.log-item:not(:last-child) { border-bottom: 1px solid #ECECEC; } ul.logs li.log-item .log-item-icon { position: absolute; top: 5px; left: 5px; width: 32px; height: 32px; line-height: 32px; text-align: center; } ul.logs li.log-item .log-item-icon i { color: #CCC; font-size: 16px; vertical-align: -2px; } ul.logs li.log-item .log-item-icon i.mdi-star { font-size: 19px; } ul.logs li.log-item a { color: #454545; } ul.logs li.log-item a.avatar { margin-right: 6px; } ul.logs li.log-item a.avatar img { border-radius: 2px; } ul.logs li.log-item > span.time { position: absolute; top: 50%; right: 12px; margin-top: -10px; height: 20px; color: #C1C1C1; font-size: 11px; background: #FAFAFA; box-shadow: -12px 0px 12px 5px #FAFAFA; } @media (max-width: 767px) { ul.logs li.log-item > span.time { position: static; display: block; font-size: 11px; margin-top: 3px; } } ul.logs li.log-item small { font-size: 11px; color: #C1C1C1; } ul.logs li.log-item:after { content: ''; display: block; clear: both; } .img-align-frame { white-space: nowrap; text-align: center; margin: 1em 0; } .img-align-frame img { vertical-align: middle; } .img-align-helper { display: inline-block; height: 100%; vertical-align: middle; } #header { position: relative; z-index: 99; } #header > .inner { z-index: 3; transition: transform 0.2s ease-in-out; } #header .num { display: inline-block; background-color: #5DAD56; border-radius: 3px; margin: 0 0 0 3px; padding: 0 4px; height: 15px; line-height: 14px; color: #FFF; font-size: 9px; border: 1px solid #4A965C; border-bottom: 1px solid #3F814A; border-top: 1px solid #5AAA7D; } #header #nav-top { position: relative; background: #2B2B2B; height: 100px; z-index: 0; } #header #nav-top:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; box-shadow: 0 -1px 0 0 rgba(0,0,0,0.05); } #header #nav-top > .container { position: relative; padding: 0; } #header #nav-top .minecraft-it-duckspace-top { position: absolute; top: 5px; right: 0; width: 728px; max-width: 100%; } #header #nav-top .minecraft-it-duckspace-top.empty { height: 90px; line-height: 90px; text-align: center; color: #4c4c4c; transition: all 0.2s ease-in-out; } #header #nav-top .minecraft-it-duckspace-top.empty:hover { background: #353535 url('images/background/bg-top-ads-empty.png'); color: #888; } @media (max-width: 1164px) { #header #nav-top .minecraft-it-duckspace-top { right: 15px; } } @media (max-width: 920px) { #header #nav-top .minecraft-it-duckspace-top { display: none; } } #header #nav-user { position: relative; height: 52px; background: #F9F9F9; } #header #nav-user > .container { padding: 0; } #header #nav-user #logo-tiny { display: none; height: 52px; line-height: 51px; padding-left: 45px; margin-left: 15px; background: url('../images/logo-32-original.png') no-repeat 0 10px; background-size: 32px; letter-spacing: -1px; font-family: 'Roboto', Tahoma, sans-serif; font-size: 22px; font-weight: 500; color: #848080; } @media (max-width: 767px) { #header #nav-user #logo-tiny { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); display: block; position: absolute; font-size: 20px; } } @media (max-width: 480px) { #header #nav-user #logo-tiny { width: 32px; padding-left: 32px; overflow: hidden; } } #header #nav-user #logo-tiny span.minecraft { margin-right: 2px; text-transform: uppercase; color: #333; } #header #nav-user #logo-full { position: absolute; bottom: 14px; } @media (max-width: 767px) { #header #nav-user #logo-full { display: none; } } #header #nav-user .search-btn { width: 52px; height: 52px; line-height: 52px; border-left: 1px solid rgba(70,70,70,0.1); color: #454545; text-align: center; cursor: pointer; float: right; } #header #nav-user .search-btn i { font-size: 25px; vertical-align: -5px; } #header #nav-menu { position: relative; background-color: #1a9047; box-shadow: inset 0 -15px 30px 0 rgba(0,0,0,0.15), inset 0 -3px 0 0 rgba(0,0,0,0.15); height: 42px; } #header #nav-menu .waves-effect .waves-ripple { background: rgba(255,255,255,0.1); } #header #nav-menu > .container { padding: 0; } #header #nav-menu .menu-top > .inner { position: relative; } #header #nav-menu .menu-top ul { margin: 0; padding: 0; list-style-type: none; } #header #nav-menu .menu-top ul li { position: relative; float: left; height: 42px; line-height: 42px; font-size: 14px; } #header #nav-menu .menu-top ul li.li-home { width: 52px; } #header #nav-menu .menu-top ul li.li-home i { font-size: 22px; vertical-align: middle; margin-left: -3px; } #header #nav-menu .menu-top ul li.li-board { width: 52px; } #header #nav-menu .menu-top ul li.li-board i { font-size: 18px; vertical-align: -2px; margin-left: -1px; } #header #nav-menu .menu-top ul li.li-menu { width: 52px; float: right; } #header #nav-menu .menu-top ul li.li-menu i { font-size: 24px; vertical-align: -5px; margin-left: -4px; } #header #nav-menu .menu-top ul li a { display: block; height: 42px; padding: 0 18px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 800; font-size: 13px; color: #FFFFFF; color: rgba(255,255,255,0.9); text-shadow: -1px 1px 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(0,0,0,0.1); text-transform: uppercase; line-height: 38px; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } #header #nav-menu .menu-top ul li a.active { background: rgba(30,95,55,0.3); } #header #nav-menu .menu-top ul li a i.mdi-navigation-arrow-drop-down { display: inline-block; width: 11px; vertical-align: -3px; font-size: 17px; } #header #nav-menu .menu-top ul li .dropdown-submenu { cursor: pointer; } #header #nav-menu .menu-top ul li .dropdown-submenu i { display: inline-block; width: 12px; font-size: 17px; vertical-align: -2px; } #header #nav-menu .menu-top ul li .dropdown { display: none; position: absolute; top: 55px; left: 15px; right: 15px; padding: 15px; background: #564539; color: #FFF; border-radius: 2px; } #header #nav-menu .menu-top ul li .dropdown h3 { color: #FFF; color: rgba(255,255,255,0.5); font-size: 18px; font-weight: 300; margin: 15px 0 5px 0; } #header #nav-menu .menu-top ul li .dropdown .row > div > h3:first-child { margin-top: 0; } #header #nav-menu .menu-top ul li .dropdown ul { margin: 0; padding: 0; } #header #nav-menu .menu-top ul li .dropdown ul li { display: block; float: none; } #header #nav-menu .menu-top ul li .dropdown ul li a { padding: 0; line-height: 32px; } #header #nav-menu .menu-top ul:after { display: block; content: ''; clear: both; } #header #nav-menu .menu-top-mobile { display: none; } #header #nav-menu .menu-top-mobile .container { padding: 0; } #header #nav-submenu-wrapper { position: absolute; top: 100%; left: -10px; right: -10px; padding: 0 12px; background: #402c20 url('images/background/bg-generic.png'); box-shadow: 0 5px 12px 0 rgba(0,0,0,0.15); z-index: -9; } @media (min-width: 992px) { #header #nav-submenu-wrapper { opacity: 1; -webkit-transform: translateY(-190px); -moz-transform: translateY(-190px); -ms-transform: translateY(-190px); -o-transform: translateY(-190px); transform: translateY(-190px); -webkit-transition: transform 0.5s cubic-bezier(0,0,0.09,1); -moz-transition: transform 0.5s cubic-bezier(0,0,0.09,1); -o-transition: transform 0.5s cubic-bezier(0,0,0.09,1); -ms-transition: transform 0.5s cubic-bezier(0,0,0.09,1); transition: transform 0.5s cubic-bezier(0,0,0.09,1); }   #header #nav-submenu-wrapper.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @media (max-width: 767px) { #header #nav-submenu-wrapper { position: fixed; top: 0; padding-top: 94px; overflow-y: auto; }   #header #nav-submenu-wrapper.active { bottom: 0; } } #header #nav-submenu-wrapper .nav-submenu-header { display: none; } #header #nav-submenu-wrapper .nav-submenu-header ul { padding: 13px 0; } #header #nav-submenu-wrapper .nav-submenu-header ul li a { display: block; font-size: 17px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 600; text-transform: uppercase; color: #9C8777; margin: 0 0 2px 0; line-height: 32px; cursor: pointer; } #header #nav-submenu-wrapper .nav-submenu-header ul li a:hover { color: white; } #header #nav-submenu-wrapper .submenu-inner { display: none; padding: 15px 0; } #header #nav-submenu-wrapper .submenu-inner.active { display: block; } @media (min-width: 768px) { #header #nav-submenu-wrapper .submenu-inner .row { height: 162px; } } @media (max-width: 767px) { #header #nav-submenu-wrapper .submenu-inner { padding: 18px 0; }   #header #nav-submenu-wrapper .submenu-inner .row div[class^='col-']:not(:last-child) { margin-bottom: 18px; } } #header #nav-submenu-wrapper .submenu-inner h3 { font-size: 17px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 600; text-transform: uppercase; color: #9C8777; margin: 0; line-height: 22px; padding-bottom: 8px; } #header #nav-submenu-wrapper .submenu-inner h3 .btn-group { display: inline; float: right; margin-top: -1px; } #header #nav-submenu-wrapper .submenu-inner h3 .btn-group .btn { height: 24px; line-height: 24px; padding: 0 8px; margin: 0 !important; float: left; background: none; } #header #nav-submenu-wrapper .submenu-inner h3 .btn-group .btn.active { background: rgba(0,0,0,0.2); } #header #nav-submenu-wrapper .submenu-inner ul { margin: 0; } #header #nav-submenu-wrapper .submenu-inner ul li { display: block; font-family: 'Open Sans', Tahoma, sans-serif; padding: 0; margin: 0; } #header #nav-submenu-wrapper .submenu-inner ul li a:link, #header #nav-submenu-wrapper .submenu-inner ul li a:visited { display: block; box-shadow: none; border-radius: 2px; color: #D3D3D3; padding: 5px 0; margin: -3px 0 0 0; font-size: 14px; line-height: 26px !important; text-transform: inherit; -webkit-transition: padding 0.1s ease-in-out; -moz-transition: padding 0.1s ease-in-out; -o-transition: padding 0.1s ease-in-out; -ms-transition: padding 0.1s ease-in-out; transition: padding 0.1s ease-in-out; } #header #nav-submenu-wrapper .submenu-inner ul li a:hover { padding-left: 12px; background: rgba(47,35,25,0.5); } #header #nav-submenu-wrapper .submenu-inner .twitter-typeahead { display: block !important; margin-top: 12px; max-width: 260px; } #header #nav-submenu-wrapper .submenu-inner .twitter-typeahead input[type=search] { border: 1px solid rgba(255,255,255,0.1); box-shadow: none; background: #583F2D !important; background: rgba(99,73,54,0.3) !important; color: #FFF; padding: 0 12px; height: 2.8rem; box-sizing: border-box; } #header #nav-submenu-wrapper .submenu-inner .twitter-typeahead input[type=search]::-webkit-input-placeholder { color: #9C8777; } #header #nav-submenu-wrapper .submenu-inner .twitter-typeahead input[type=search]:-moz-placeholder { color: #9C8777; } #header #nav-submenu-wrapper .submenu-inner .twitter-typeahead input[type=search]::-moz-placeholder { color: #9C8777; } #header #nav-submenu-wrapper .submenu-inner .twitter-typeahead input[type=search]:-ms-input-placeholder { color: #9C8777; } #header .header-height { display: none; height: 194px; } #nav-right { position: relative; float: left; } #nav-right .panel-user { font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; font-size: 14px !important; color: #444 !important; } #nav-right .panel-user > ul { position: relative; float: right; margin: 0; padding: 0; list-style-type: none; } #nav-right .panel-user > ul > li { width: 48px; height: 52px; line-height: 52px; margin: auto; text-align: center; float: left; } @media (min-width: 768px) { #nav-right .panel-user > ul > li { width: 56px; } } @media (min-width: 480px) { #nav-right .panel-user > ul > li { position: relative; } } #nav-right .panel-user > ul > li > a { display: block; color: #454545; cursor: pointer; padding: 0 8px; } #nav-right .panel-user > ul > li .num { position: absolute; top: 9px; left: 30px; margin: 0; border: 1px solid rgba(38,36,35,0.2); } #nav-right .panel-user > ul > li span.badge { position: absolute; top: 9px; right: 9px; } @media (max-width: 767px) { #nav-right .panel-user > ul > li span.badge { right: 8px; } } #nav-right .panel-user > ul > li.li-user { width: auto; } #nav-right .panel-user > ul > li.li-user a { padding: 0 15px; } #nav-right .panel-user > ul > li.li-user span.username { color: #333; margin-right: 5px; } #nav-right .panel-user > ul > li.li-user img#avatar { border-radius: 2px; margin: -2px 0 0 0; width: 24px; height: 24px; } #nav-right .panel-user > ul > li.li-user span.tag { background: #24b5b5; color: white; margin: 0 5px 0 -2px; padding: 2px 4px; border-radius: 2px; font-weight: bold; font-size: 9px; vertical-align: 1px; } #nav-right .panel-user > ul > li.li-user .dropdown-content { top: 50px !important; width: 150px !important; } #nav-right .panel-user > ul > li.li-user .dropdown-content a { font-size: 13px; } #nav-right .panel-user > ul > li.li-message i { font-size: 23px; vertical-align: -5px; } #nav-right .panel-user > ul > li.li-notify i { font-size: 23px; vertical-align: -4px; } @media (max-width: 320px) { #nav-right .panel-user > ul > li.li-admin { display: none; } } #nav-right .panel-user > ul > li.li-admin i { font-size: 22px; vertical-align: -4px; } #nav-right .panel-user > ul > li.li-admin .dropdown-content { width: 250px !important; top: 50px !important; left: auto !important; right: 0 !important; } #nav-right .panel-user > ul > li.li-admin .dropdown-content li a { font-size: 13px; } #nav-right .panel-user > ul > li.li-login { width: auto; } #nav-right .panel-user > ul > li.li-login a { text-transform: uppercase; font-weight: 600; padding: 0 15px; } #nav-right .panel-user > ul > li #notify-wrapper { position: absolute; right: 0; max-height: 460px; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } #nav-right .panel-user > ul > li #notify-wrapper.active { width: 300px; height: 340px; } #nav-right .panel-user > ul > li #notify-wrapper .notify-header { position: absolute; width: 100%; height: 41px; line-height: 41px; padding: 0 0 0 12px; background-color: #FFF; text-transform: uppercase; text-align: left; font-weight: 400; font-size: 15px; color: #444; box-shadow: inset 0 -1px 0 0 #ECECEC; z-index: 5; } #nav-right .panel-user > ul > li #notify-wrapper .notify-header a.notify-mark-read-all { position: absolute; top: 0; right: 0; cursor: pointer; font-size: 11px; height: 40px; line-height: 39px; padding: 0 12px; color: #999; } #nav-right .panel-user > ul > li #notify-wrapper .notify-header .notify-avatar { width: 26px; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body { position: absolute; top: 41px; bottom: 0; width: 100%; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner { overflow-y: scroll; height: 100%; font-family: Tahoma, sans-serif; font-size: 12px; text-align: left; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .mc-loader { margin-top: 8px; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row { position: relative; min-height: 53px; line-height: 15px; padding: 10px 12px 10px 54px; font-size: 12px; -webkit-animation: materialAppend 300ms; -moz-animation: materialAppend 300ms; -ms-animation: materialAppend 300ms; -o-animation: materialAppend 300ms; animation: materialAppend 300ms; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row:first-child { margin-top: 0; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row:last-child { border-bottom: 0; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row.unread { background-color: #F5F5F5; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row .notify-avatar { position: absolute; left: 12px; width: 32px; height: 32px; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row .notify-avatar img { border-radius: 2px; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row .notify-text { margin-top: 1px; color: #666; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row .notify-text a, #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row .notify-text span { color: #454545; font-weight: bold; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-row .notify-time { margin-top: 1px; color: #C1C1C1; } #nav-right .panel-user > ul > li #notify-wrapper .notify-body .notify-inner .notification-error { text-align: center; color: #777; line-height: 40px; } #nav-right .panel-user > ul > li .dropdown-slide { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; top: 52px; right: 0; } @media (max-width: 360px) { #nav-right .panel-user > ul > li .dropdown-slide { position: fixed !important; width: auto !important; left: 0 !important; right: 0 !important; } } #nav-right .panel-user > ul > li ul.dropdown-slide li:not(.divider) { position: relative; line-height: 1.2rem; text-align: left; font-weight: normal; } #nav-right .panel-user > ul > li ul.dropdown-slide li:not(.divider):hover, #nav-right .panel-user > ul > li ul.dropdown-slide li:not(.divider) .active { background: rgba(0,0,0,0.04); } #nav-right .panel-user > ul > li ul.dropdown-slide li:not(.divider) a { display: block; padding: 12px 1rem 11px 1rem; font-size: 13px; font-weight: 400; color: #444; } #nav-right .panel-user > ul > li ul.dropdown-slide li:not(.divider) a i { width: 15px; margin: 0 20px 0 5px; font-size: 19px; color: #848484; vertical-align: -3px; } #nav-right .panel-user > ul > li ul.dropdown-slide li:not(.divider) span.badge { position: absolute; top: 14px; right: 12px; pointer-events: none; } #nav-right .search-container { position: absolute; top: 0; right: 0; width: 0%; height: 52px; overflow: hidden; z-index: 9; } #nav-right .search-container form input[type=text] { box-sizing: border-box; margin: 0; padding: 0 15px; width: 100%; height: 52px; border: 0 !important; box-shadow: none !important; text-align: right; } @media (min-width: 769px) { #nav-right .search-container form input[type=text] { height: 52px; } } #nav-right.active .search-container { width: 100%; background: #F9F9F9; } @media (min-width: 769px) { #nav-right.active .search-container { -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; } } #box { padding: 12px; min-height: 240px; background-color: #F4F4F4; border-radius: 0; } .content-block { background: #EEE; } .content-block .content-block-header { position: relative; background: #1a7940; color: #FBFBFB; box-shadow: inset 0 -15px 30px 0 rgba(0,0,0,0.1); padding: 0 18px; height: 43px; line-height: 42px; overflow: hidden; } @media (max-width: 767px) { .content-block .content-block-header { padding: 0 15px; } } .content-block .content-block-header .title { font-family: 'Open Sans', Tahoma, sans-serif; font-size: 14px; font-weight: 800; color: #FBFBFB; margin: 0; padding: 0; text-transform: uppercase; line-height: inherit; box-shadow: none; float: left; } .content-block .content-block-header .title a { color: white; } .content-block .content-block-header .title.title-breadcrumb { display: block !important; margin-right: 6px !important; } .content-block .content-block-header .title.txt-center { float: none; } .content-block .content-block-header:after { content: ''; display: block; clear: both; } .content-block .content-block-body { padding: 18px; } div > .content-block+.content-block { margin-top: 18px; } @media (max-width: 767px) { div > .content-block+.content-block { margin-top: 15px; } } .content-nav { background: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; margin: 0 0 18px 0; } .content-nav .block { border-bottom: 1px solid #ECECEC; } .content-nav .block:first-child { padding: 6px 0; } .content-nav .block:last-child { border-bottom: 0; } .content-nav .block .select-container select { margin: 0; padding: 0; border: 0; box-shadow: none; } .content-nav .block .check-container { padding: 0.6rem 0 0 0; } .content-nav .block .form-inline-submit input { margin: 0; border: 0; box-shadow: none; } .content-nav .block .form-inline-submit button { right: -14px; } .content-nav .block .select-container .select-wrapper { float: left; } @media (max-width: 767px) { .content-nav .block .select-container .select-wrapper { float: none; margin-right: 18px; } } .content-nav .block .select-container:after { display: block; content: ''; clear: both; } .content-nav .block ul.nav-inline { font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 600; color: #999; font-size: 13px; text-align: center; padding: 6px 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .content-nav .block ul.nav-inline li { display: inline-block; padding: 0 1px; } .content-nav .block ul.nav-inline li.active a { color: #666; } .content-nav .block ul.nav-inline li a { display: block; padding: 8px 12px; font-weight: 600; font-size: 13px; color: #999; border-radius: 2px; cursor: pointer; } .content-nav .block ul.nav-inline li:hover { background-color: #F5F5F5; } .content-nav .block ul.nav-inline li.active a { background-color: #EEE; color: #454545; } .content-nav .block.block-pagination { background: #FBFBFB; height: 44px; } .content-nav .block.block-pagination ul.pagination { background: none; box-shadow: none; } .content-categories { position: relative; padding: 5px; } .content-categories ul { font-family: 'Open Sans', Tahoma, sans-serif; margin: 0 auto; text-align: center; } .content-categories ul li { display: inline-block; margin: 2px 1px 2px 0; } .content-categories ul li a { display: block; padding: 8px 12px; font-weight: 600; font-size: 13px; color: #999; border-radius: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .content-categories ul li a:hover { background-color: #F5F5F5; } .content-categories ul li a i.mdi-action-list { font-size: 18px; vertical-align: -3px; } .content-categories ul li a i.mdi-file-file-upload { font-size: 18px; vertical-align: -3px; } .content-categories ul li.active a { background-color: #EEE; color: #454545; } .content-categories ul li.fixed-right { position: absolute; right: 0; } .content-categories ul li.fixed-right a { font-size: 20px; margin-right: 6px; float: left; } .content-categories ul li.fixed-right a:hover { color: #454545; } .content-categories ul:after { display: block; content: ''; clear: both; } .content-body-text { line-height: 21px; font-family: 'Open Sans', Tahoma, sans-serif; font-size: 14px; color: #555; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .content-body-text h1, .content-body-text h2, .content-body-text h3, .content-body-text h4, .content-body-text h5, .content-body-text h6 { margin-top: 22px; } .content-body-text h3 { font-size: 21px; } .content-body-text h4 { font-size: 17px; font-weight: 600; margin-top: 32px; } .content-body-text h4.heading { text-transform: uppercase; } .content-body-text h5 { font-size: 15px; font-weight: 600; text-transform: uppercase; color: #666; } .content-body-text h5.heading { text-transform: uppercase; } .content-body-text h5:not(.heading) { padding-bottom: 5px; } .content-body-text h6 { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #565656; } .content-body-text h6.heading { text-transform: uppercase; } .content-body-text h6:not(.heading) { padding-bottom: 5px; } .content-body-text > *:first-child { margin-top: 0; } .content-body-text img { height: auto !important; margin: 8px 0; } .content-body-text ul:not(.collapsible) { list-style-type: square; padding: 0 0 0 28px; margin-top: 6px; margin-bottom: 12px; } .content-body-text ul:not(.collapsible) li { list-style-type: square; margin-bottom: 3px; } .content-body-text ol:not(.collapsible) { padding: 0 0 0 28px; margin-top: 6px; margin-bottom: 12px; } .content-body-text ol:not(.collapsible) li { margin-bottom: 3px; } .content-body-text p { margin: 0 0 12px; font-size: inherit !important; line-height: inherit !important; min-height: 1px; } .content-body-text b, .content-body-text strong { font-weight: 600; } .content-body-text blockquote { font-family: Georgia, serif; font-style: italic; font-size: 16px; width: 70%; margin: 30px auto; padding: .25em 40px; line-height: 1.45; border: 0; position: relative; color: #858585; } .content-body-text blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -20px; top: -20px; color: #7a7a7a; } .content-body-text pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; } .content-body-text table { font-family: Tahoma, sans-serif; } .pagination-wrap .sum-up { float: right; font-size: 13px; color: #777; line-height: 37px; } .pagination-wrap .sum-up b { color: #5A5A5A; } @media (max-width: 767px) { .pagination-wrap { text-align: center; }   .pagination-wrap .sum-up { display: none; }   .pagination-wrap ul.pagination { float: left; text-align: center; } } .pagination-wrap:after { display: block; content: ''; clear: both; } .pagination-wrap + h4.heading { margin-top: 22px !important; } ul.pagination { position: relative; display: inline-flex; margin: 0; padding: 0; float: left; background-color: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; } ul.pagination:after { display: block; clear: both; content: ''; } ul.pagination li { text-align: center; font-size: 12px; height: 37px; min-width: 37px; float: left; padding: 0; border-left: 0; border-right: 0; } ul.pagination li:hover { background: rgba(0,0,0,0.035); color: #444; } ul.pagination li a, ul.pagination li span { display: block; line-height: 37px; color: #999; } ul.pagination li.pages { display: none; margin-right: 15px; font-size: 13px; background: none; border-color: rgba(0,0,0,0); } @media (max-width: 1100px) { ul.pagination li.pages { display: none; } } ul.pagination li.active a { background: rgba(0,0,0,0.05); color: #454545; } @media (max-width: 992px) { ul.pagination { width: auto; } } @media (max-width: 428px) { ul.pagination { max-width: 100%; overflow-x: auto; } } .duckspace-left { max-width: 728px; overflow: hidden; } .rating-wrap .rating-star { float: left; color: #DADADA; } .rating-wrap .rating-star.active { color: #F9B924; } .rating-wrap .rating-star i { font-size: 15px; } .rating-wrap:after { clear: both; } .ion-select { position: relative; } .ion-select:before { position: absolute; top: 50%; right: 0; bottom: 0; margin-top: -5px; width: 18px; line-height: 10px; font-size: 26px; font-family: 'Material Design Icons', Arial; content: "\F35D"; pointer-events: none; z-index: 1; } .ion-select > select { width: 100%; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; padding-left: 0; padding-right: 25px; } .ion-select label { margin-top: -30px; font-weight: 600; font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; } .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { top: 50%; width: 64px; height: 64px; margin-top: -32px; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } @media (max-width: 767px) { .swiper-container .swiper-button-prev,   .swiper-container .swiper-button-next { opacity: 1; } } .swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next { opacity: 1; } .swiper-container .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E"); left: 15px; } @media (max-width: 479px) { .swiper-container .swiper-button-prev { background-size: 40%; left: 12px; } } .swiper-container .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E"); right: 15px; } @media (max-width: 479px) { .swiper-container .swiper-button-next { background-size: 40%; right: 12px; } } .swiper-container .swiper-button-disabled { display: none; } #nav-left { position: relative; z-index: 1; overflow: hidden; } #nav-left .header { cursor: default; margin: 0; padding: 16px 18px; } #nav-left .header > a { display: block; color: #333; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 700; font-size: 15px; } #nav-left .header > a i { font-size: 22px; vertical-align: -3px; margin: 0 20px 0 5px; height: 32px; line-height: 32px; } #nav-left .header > a img { margin: 0 13px 0 0; vertical-align: -12px; max-width: 32px; border-radius: 2px; } #nav-left ul { margin: 0; } #nav-left ul li:first-child { margin-top: 0; } #nav-left ul li.heading { margin-top: 5px; padding: 15px 12px 4px 66px; height: auto; background-color: inherit; border-bottom: 1px solid #ECECEC; color: #B8B8B8; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 600; } #nav-left ul li.heading a { color: #B8B8B8; } #nav-left ul li.divider { margin: 0; border-top: 1px solid #ECECEC; } #nav-left ul li:not(.heading) a { display: block; padding: 10px 12px; color: #333; font-size: 13px; font-weight: 500; font-family: 'Roboto', Tahoma, sans-serif; cursor: pointer; } #nav-left ul li:not(.heading) a:hover { background-color: rgba(0,0,0,0.05) !important; } #nav-left ul li:not(.heading) a i { display: inline-block; margin: 0 24px 0 12px; width: 19px; font-size: 19px; color: #848484; vertical-align: -3px; } #nav-left ul li:not(.heading) a i.mdi-thumb-up { font-size: 17px; } #nav-left ul li:not(.heading) a i.mdi-star { position: relative; left: -1px; font-size: 20px; } #nav-left ul li:not(.heading).active a, #nav-left ul li:not(.heading):focus a { background-color: #eeeeee; } #nav-left ul li:not(.heading) span.badge { margin-top: 3px; } #nav-left ul li:not(.heading) span.badge.badge-gold, #nav-left ul li:not(.heading) span.badge.badge-diamond { height: 15px; line-height: 12px; min-width: inherit; margin: 2px 0 0 0; padding: 2px 4px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: bold; font-size: 9px; } @media (max-width: 767px) { #nav-left { position: fixed; top: 0; left: 0; bottom: 0; z-index: 120; background: #FFF; overflow-y: scroll; width: 280px; -webkit-transform: translateX(-280px); -moz-transform: translateX(-280px); -ms-transform: translateX(-280px); -o-transform: translateX(-280px); transform: translateX(-280px); -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; }   #nav-left ul { margin-bottom: 15px; } } .block-container-material .block { margin-bottom: 25px; color: #999; } .block-container-material .block:last-child { margin-bottom: 0 !important; } .block-container-material .block .block-header { height: 38px; } .block-container-material .block .block-header h4 { display: block; margin: 0 -15px 8px -15px; padding: 8px 15px; color: #525252; text-transform: uppercase; font-size: 14px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 700; border-bottom: 1px solid rgba(0,0,0,0.05); } .block-container-material .block .block-header h4 i { float: right; font-size: 18px; color: #999; margin-top: -2px; } .block-container-material .block .block-header h4 i:mdi-telegram { font-size: 20px; } .block-container-material .block .block-body { margin: 0; color: #888; font-size: 13px; font-family: 'Roboto', Tahoma, sans-serif; } .block-container-material .block .block-body p { margin: 0; line-height: 16px; } .block-container-material .block .block-body b { font-weight: 500; color: #666; } .block-container-material .block .block-body b .text-success { color: #15A018; } .block-container-material .block.block-logo { text-align: center; } .block-container-material .block.block-logo img { max-width: 180px; } .block-support .block-support-txt { display: block; margin-top: 4px; height: 9px; line-height: 10px; text-align: center; text-transform: uppercase; font-size: 10px; color: #BBB; display: none; } .block-support .block-support-txt:after { content: 'Link sponsorizzati'; } #sidebar { width: 336px; font-size: 13px; line-height: 19px; } @media (max-width: 767px) { #sidebar { width: auto; text-align: center; } } #sidebar > div:last-child { margin-bottom: 0 !important; } #sidebar .blocks-default { margin-bottom: 18px; } @media (max-width: 767px) { #sidebar .blocks-default { margin-bottom: 15px; } } #sidebar .blocks-default .block:last-child { margin-bottom: 0; } #sidebar .blocks-fixed .block:last-child { margin-bottom: 0; } @media (min-width: 992px) { #sidebar .blocks-fixed.fixed { position: fixed; top: 110px; width: 336px; }   #sidebar .blocks-fixed.fixed-stop { position: absolute !Important; top: auto !important; bottom: 0; } } @media (max-width: 991px) { #sidebar .blocks-fixed { width: auto !important; } } #sidebar .block { background: #EEE; margin-bottom: 18px; } #sidebar .block .block-header { position: relative; display: block; height: 43px; line-height: 42px; padding: 0 18px; background: #614937; box-shadow: inset 0 -15px 30px 0 rgba(0,0,0,0.15); color: #E6E1DC; font-size: 14px; font-weight: 800; text-align: left; text-transform: uppercase; font-family: 'Open Sans', Tahoma, sans-serif; } @media (max-width: 767px) { #sidebar .block .block-header { padding: 0 15px; } } #sidebar .block .block-header a { color: #E6E1DC; } #sidebar .block .block-header .btn-group { position: absolute; top: 0; right: 0; } #sidebar .block .block-header .btn-group .btn { display: block; background: none; width: 42px; height: 42px; text-align: center; margin: 0 0 0 5px; padding: 0; } #sidebar .block .block-header .btn-group .btn i { display: block; height: 42px; line-height: 42px; font-size: 24px; } #sidebar .block .block-body { padding: 18px; } @media (max-width: 767px) { #sidebar .block .block-body { padding: 15px; } } @media (min-width: 769px) { #sidebar .block.block-support-336 .block-body { padding: 0; } } #sidebar .block.block-adblock-detected i { color: red; } #sidebar .block.block-banners-duckspace a { display: block; max-width: 300px; margin: 0 auto; margin-bottom: 18px; } #sidebar .block.block-banners-duckspace a:last-child { margin-bottom: 0; } #sidebar .block.block-banners-duckspace a img { width: 100%; } #sidebar .block.block-banners-duckspace .swiper-wrapper { padding: 2px 0 3px 0; } #sidebar .block.block-last-topics #sidebar-last-topics { height: 372px; overflow-y: auto; } #sidebar .block.block-forum-stats table.stats tr td { padding: 0; text-align: center; } #sidebar .block.block-forum-stats table.stats tr:nth-child(1) td { font-size: 12px; padding-bottom: 5px; } #sidebar .block.block-forum-stats table.stats tr:nth-child(2) td { font-size: 16px; color: #333; } #sidebar .block.block-forum-stats div.last-verified { max-width: 298px; margin: 0 auto 5px auto; text-align: center; line-height: 40px; color: #8A8A8A; } #sidebar .block.block-forum-stats div.last-verified .item { position: relative; height: 32px; width: 32px; margin: 0 1px 1px 0; float: left; } #sidebar .block.block-forum-stats div.last-verified .item img { height: 32px; width: 32px; display: none; } #sidebar .block.block-forum-stats div.last-verified + .stats-small-block { margin-top: 18px; } #sidebar .block.block-forum-stats .stats-small-block { margin-top: 12px; text-align: center; font-size: 11px; } #sidebar .block.block-forum-stats .stats-small-block a:link, #sidebar .block.block-forum-stats .stats-small-block a:visited { color: #454545; text-decoration: none; } #sidebar .block.block-forum-stats .stats-small-block a:hover, #sidebar .block.block-forum-stats .stats-small-block a:active { color: #5B3F33; text-decoration: none; } #sidebar .block.block-forum-stats .stats-small-block .content { color: #888; padding: 2px 0 0 0; } #sidebar .block.block-forum-stats .stats-small-block .content b { color: #656565; } #sidebar .block.block-forum-stats .stats-small-block .content img { margin-right: 5px; vertical-align: -4px; border-radius: 2px; width: 16px; height: 16px; } #sidebar .block.block-monthly-vip { position: relative; } #sidebar .block.block-monthly-vip .vip-button { margin-top: 15px; text-align: center; } #sidebar .block.block-monthly-vip .vip-bar { position: relative; background: #c3beb6; box-shadow: inset 0 -5px 15px 0 rgba(0,0,0,0.075); height: 25px; line-height: 25px; border-radius: 15px; } #sidebar .block.block-monthly-vip .vip-bar .vip-bar-value { height: 100%; border-radius: 15px 0 0 15px; background: #ada69a; box-shadow: inset 0 -5px 15px 0 rgba(0,0,0,0.075); } #sidebar .block.block-monthly-vip .vip-bar .vip-bar-value[data-value="100"] { border-radius: 15px; } #sidebar .block.block-monthly-vip .vip-bar .vip-bar-percent { position: absolute; width: 100%; height: 100%; top: 0; text-align: center; font-size: 10px; color: white; text-shadow: 0 1px 1px rgba(0,0,0,0.3); cursor: default; } #sidebar .block.block-monthly-vip .vip-bar .vip-bar-percent .vip-bar-spacer { position: absolute; top: 0; bottom: 0; left: 20%; width: 1px; background: rgba(0,0,0,0.05); } #sidebar .block.block-monthly-vip .vip-bar .vip-bar-percent .vip-bar-spacer.vip-bar-spacer-2 { left: 40% !important; } #sidebar .block.block-monthly-vip .vip-bar .vip-bar-percent .vip-bar-spacer.vip-bar-spacer-3 { left: 60% !important; } #sidebar .block.block-monthly-vip .vip-bar .vip-bar-percent .vip-bar-spacer.vip-bar-spacer-4 { left: 80% !important; } #sidebar .block.block-monthly-vip .users { width: 235px; margin: 8px auto 0 auto; } #sidebar .block.block-monthly-vip .users ul { margin: 8px 0 -1px 0; text-align: center; } #sidebar .block.block-monthly-vip .users ul li { display: inline-block; margin-right: 1px; } #sidebar .block.block-monthly-vip .users ul li a { position: relative; display: block; margin: 0 1px 0 0; } #sidebar .block.block-monthly-vip .users ul li a:after { position: absolute; top: 2px; left: 0; width: 16px; height: 16px; content: ''; opacity: 0; transition: opacity 0.3s ease-in-out; } #sidebar .block.block-monthly-vip .users ul li a:hover:after { opacity: 0.85; } #sidebar .block.block-monthly-vip p { font-size: 11px; line-height: 13px; margin-top: 10px; } #sidebar .block.block-monthly-vip p span { color: #999; } #sidebar .block.block-follow-us h5 { font-size: 16px; font-weight: 600; color: #999; margin: 18px 0 10px 0; text-align: left; text-transform: uppercase; } #sidebar .block.block-follow-us .social-head { position: relative; padding-left: 76px; min-height: 60px; text-align: left; } #sidebar .block.block-follow-us .social-head .logo { position: absolute; top: 0; left: 0; width: 64px; } #sidebar .block.block-follow-us .social-head .logo img { border-radius: 2px; } #sidebar .block.block-follow-us .social-head .name { color: #444; font-weight: bold; font-size: 15px; } #sidebar .block.block-follow-us .social-head .description { font-size: 12px; line-height: 14px; margin-top: 5px; } #sidebar .block.block-follow-us .social-menu ul { margin: 0; } #sidebar .block.block-follow-us .social-menu ul:after { display: block; content: ''; clear: both; } #sidebar .block.block-follow-us .social-menu ul li { width: 31.3%; margin-right: 3%; float: left; text-align: center; font-family: 'Roboto', Tahoma, sans-serif; font-size: 12px; border-radius: 2px; box-shadow: inset 0 -5px 8px rgba(0,0,0,0.05); background-image: -moz-radial-gradient(50% 100%,circle closest-corner,rgba(0,0,0,0.1),rgba(0,0,0,0) 100%); background-image: -webkit-radial-gradient(50% 100%,circle closest-corner,rgba(0,0,0,0.1),rgba(0,0,0,0) 100%); background-image: -o-radial-gradient(50% 100%,circle closest-corner,rgba(0,0,0,0.1),rgba(0,0,0,0) 100%); background-image: -ms-radial-gradient(50% 100%,circle closest-corner,rgba(0,0,0,0.1),rgba(0,0,0,0) 100%); background-image: radial-gradient(50% 100%,circle closest-corner,rgba(0,0,0,0.1),rgba(0,0,0,0) 100%); } #sidebar .block.block-follow-us .social-menu ul li:last-child { margin-right: 0; } #sidebar .block.block-follow-us .social-menu ul li a { display: block; padding: 8px 0; text-shadow: 0 0 2px rgba(0,0,0,0.5); color: #FFF; font-size: 13px; } #sidebar .block.block-follow-us .social-menu ul li a .count { margin-top: 3px; font-size: 14px; font-weight: bold; text-shadow: -1px 1px 0 rgba(0,0,0,0.2); } #sidebar .block.block-follow-us .social-menu ul li.facebook { background-color: #3B5998; } #sidebar .block.block-follow-us .social-menu ul li.twitter { background-color: #4AA4CE; } #sidebar .block.block-follow-us .social-menu ul li.gplus { background-color: #E44B32; } #sidebar .block.block-follow-us .social-menu ul li.telegram { background-color: #179CDE; } #sidebar .block.block-follow-us .social-faces .avatar-container { padding: 0 6px; } #sidebar .block.block-follow-us .social-faces .avatar-container .avatar { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin: 2px 0; text-align: center; } #sidebar .block.block-follow-us .social-faces .avatar-container .avatar img { opacity: .8; display: none; } #sidebar .block.block-follow-us .social-faces .avatar-container .avatar img:hover { opacity: 1; } #sidebar .block.block-follow-us .social-faces .avatar-container:after { display: block; content: ''; clear: both; } #sidebar .block.block-top-hashtag ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #sidebar .block.block-friend-suggest .forms-content { min-height: 150px; } #sidebar .block.block-friend-suggest .friend { position: relative; padding-left: 46px; margin-bottom: 12px; height: 32px; line-height: 30px; } #sidebar .block.block-friend-suggest .friend:last-child { margin-bottom: 0; } #sidebar .block.block-friend-suggest .friend a.avatar { position: absolute !important; top: 0; left: 0; } #sidebar .block.block-friend-suggest .friend a.avatar > img { width: 32px; border-radius: 2px; } #sidebar .block.block-friend-suggest .friend a.username { position: relative; display: inline-block; font-size: 14px; max-width: 120px; } #sidebar .block.block-friend-suggest .friend .btn-follow { display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; background: rgba(0,0,0,0.05); color: #555; position: absolute; top: 0; right: 0; } #sidebar .block.block-friend-suggest .friend .btn-follow.active { background: #22bd68; color: white; } @media (min-width: 768px) { #sidebar .block.block-last-resources-uploaded .block-body { min-height: 269px; } } @media (max-width: 528px) { #sidebar .block.block-last-resources-uploaded .block-body .resource-generic { padding: 0; }   #sidebar .block.block-last-resources-uploaded .block-body .resource-generic .resource-image { margin: 0 !important; } } #sidebar .block.block-blog-categories .block-body .categories-container { margin-bottom: -8px; text-align: center; } #sidebar .block.block-blog-categories .block-body .categories-container a.blog-category { padding: 6px 12px; margin: 0 4px 8px 4px; font-size: 11px; } #sidebar .block.block-blog-categories .block-body .categories-container a.blog-category:not(:hover) { background: #d2d2d2; color: #333 !important; } @media (max-width: 767px) { #wrapper { min-height: calc(100% - 144px); } } @media (min-width: 768px) { #wrapper { min-height: calc(100% - 374px); } } body #back-to-top { opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } body #back-to-top i { font-size: 2.2rem; } body.fixed #back-to-top { opacity: 1; } #footer { position: relative; text-align: left; } #footer .footer-inner { position: relative; padding: 50px 0; background: #1F1F1F; box-shadow: 0 -1px 0 0 #2f2f2f; font-size: 13px; color: #888; } #footer .footer-inner .container { padding: 0; } @media (max-width: 1192px) { #footer .footer-inner .container { padding: 0 15px; } } #footer .footer-inner .footer-links .g2a img { height: 22px; opacity: 0.25; } #footer .footer-inner .footer-links .g2a img:hover { opacity: 0.4; } #footer .footer-inner .column-1 img.logo-footer { margin-top: 16px; } #footer .footer-inner strong { color: #989898; } #footer .footer-inner a, #footer .footer-inner a:link, #footer .footer-inner a:visited { color: #B4B4B4; } #footer .footer-inner a:hover { color: #AAA; } #footer .footer-inner h3 { color: #FFF; text-shadow: 1px 1px 1px #333; font-size: 19px; margin: 0; margin-bottom: 10px; } #footer .footer-inner > .container ul { margin: 18px 0 0 0; padding: 0; } #footer .footer-inner > .container ul li { list-style-type: square; margin-left: 15px; color: #999; } #footer .footer-inner > .container ul li a, #footer .footer-inner > .container ul li a:link, #footer .footer-inner > .container ul li a:visited { display: inline-block; padding: 1px; color: #1B9642; } #footer .footer-inner > .container ul li a:hover { color: #767676; } #footer .footer-bottom { background: #151515; line-height: 48px; font-size: 13px; color: #808080; } #footer .footer-bottom .container { padding: 0; } @media (max-width: 1192px) { #footer .footer-bottom .container { padding: 0 15px; } } @media (max-width: 767px) { #footer .footer-bottom { line-height: inherit; padding: 15px 0; text-align: center; } } #footer .footer-bottom a, #footer .footer-bottom a:link, #footer .footer-bottom a:visited { color: #C0C0C0; } #footer .footer-bottom #performance { float: right; } #footer .footer-bottom #performance ul { margin: 0; padding: 0; list-style-type: none; } #footer .footer-bottom #performance ul li { float: left; padding-left: 20px; } span.cmd-apple { display: inline-block; background: url('images/generic/cmd-apple.png') no-repeat; background-size: contain; width: 14px; height: 14px; } .leaderboard { overflow-x: hidden; } .leaderboard .leaderboard-row { position: relative; height: 37px; line-height: 36px; } .leaderboard .leaderboard-row .points-level { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .leaderboard .leaderboard-row .points-level .value { position: absolute; top: 0; left: 0; height: 100%; background: rgba(0,0,0,0.065); } .leaderboard .leaderboard-row .row { margin: 0; } .leaderboard .leaderboard-row .row > div { padding-left: 0; padding-right: 0; } .leaderboard .leaderboard-row .row > div.col-position { padding-left: 15px; font-size: 11px; } .leaderboard .leaderboard-row .row > div.col-username { padding-right: 0; } .leaderboard .leaderboard-row .row > div.col-username a { font-size: 12px; color: #454545; } .leaderboard .leaderboard-row .row > div.col-username a img { margin-right: 5px; vertical-align: -3px; width: 16px; height: 16px; } .leaderboard .leaderboard-row .row > div.col-points { padding-right: 12px; text-align: right; } table.table-condensed.table-striped tr td.icon-16 { padding-top: 2px; padding-bottom: 2px; min-width: 32px; } table.table-condensed.table-striped tr td.icon-16 img { vertical-align: -3px; } table.table-condensed.table-striped tr td.icon-32 { padding-top: 2px; padding-bottom: 2px; min-width: 50px; } table.table-condensed.table-striped tr td.icon-32 img { vertical-align: -8px; width: 32px; height: 32px; } table.table-condensed.table-striped tr td.primary-link { padding-left: 0; } table.table-condensed.table-striped tr td.primary-link a { font-size: 12px; color: #454545; } table.table-condensed.table-striped tr td.info { text-align: right; padding-right: 10px; } table.table-condensed.table-striped tr td.info span.time { display: block; width: 95px; color: #C1C1C1; font-size: 11px; } .icon-container { width: 64px; height: 64px; line-height: 64px; font-size: 36px; text-align: center; background: #e2e2e2; float: left; margin: 15px 15px 0 0; } .icon-container i { display: block; margin-top: -1px; color: #848484; } .badge.badge-gold { background: #dfa90c; } .badge.badge-diamond { background: #24b5b5; } .my-badge { position: relative; display: block; width: 184px; height: 32px; line-height: 33px; padding: 0 8px; margin: 0 auto 8px auto; text-align: left; background: #0B8B39; box-shadow: inset 0 -15px 10px 0 rgba(0,0,0,0.08), inset 0 0 0 1px rgba(0,0,0,0.2); border-radius: 2px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .my-badge:after { position: absolute; top: 1px; left: 1px; right: 1px; height: 1px; background: rgba(255,255,255,0.2); content: ''; } .my-badge:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; content: ''; } .my-badge .my-badge-title { position: relative; padding-left: 2px; font-family: 'Teko', sans-serif; font-size: 16px; color: #FFF; text-transform: uppercase; text-shadow: -1px 1px 0px rgba(0,0,0,0.1), 1px -1px 0px rgba(0,0,0,0.1), -1px -1px 0px rgba(0,0,0,0.1), 1px 1px 0px rgba(0,0,0,0.1), 1px 0px 0px rgba(0,0,0,0.1), 0px 1px 0px rgba(0,0,0,0.1), -1px 0px 0px rgba(0,0,0,0.1), 0px -1px 0px rgba(0,0,0,0.1); } .my-badge .my-badge-title span.level { display: none; font-family: 'times new roman'; font-weight: bold; margin-left: 4px; font-size: 14px; } .my-badge .my-badge-icon { position: absolute; top: -1px; right: 4px; width: 34px; height: 34px; background-repeat: no-repeat; z-index: 2; } .my-badge .my-badge-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .my-badge.badge-staff-4 { background: #D42E2E; } .my-badge.badge-staff-4 .my-badge-icon { background-image: url('images/badges/diamond.png'); } .my-badge.badge-staff-9 { background: #52B124; } .my-badge.badge-staff-9 .my-badge-icon { background-image: url('images/badges/compass.png'); } .my-badge.badge-staff-6 { background: #fd8d3a; } .my-badge.badge-staff-6 .my-badge-icon { background-image: url('images/badges/apple-gold.png'); } .my-badge.badge-staff-23 { background: #136fd0; } .my-badge.badge-staff-23 .my-badge-icon { background-image: url('images/badges/map.png'); } .my-badge.badge-staff-13 { background: #299db9; } .my-badge.badge-staff-13 .my-badge-icon { background-image: url('images/badges/book-quill.png'); } .my-badge.badge-staff-20 { background: #8d888e; } .my-badge.badge-staff-20 .my-badge-icon { background-image: url('images/badges/cat-disc.png'); } .my-badge.badge-staff-22, .my-badge.badge-staff-32 { background: #2AB7EF; } .my-badge.badge-staff-22 .my-badge-icon, .my-badge.badge-staff-32 .my-badge-icon { background-image: url('images/badges/cube.png'); } .my-badge.badge-staff-7 { background: #555; } .my-badge.badge-staff-7 .my-badge-icon { background-image: url('images/badges/barrier.png'); } .my-badge.badge-custom:before { background-image: url('images/badges/pattern1m.png'); opacity: 0.5; } .my-badge.badge-newser { background: #299db9; } .my-badge.badge-newser:before { background: none; } .my-badge.badge-cube .my-badge-icon { background-image: url('images/badges/cube.png'); } .my-badge.badge-shovel .my-badge-icon { background-image: url('images/badges/shovel.png'); } .my-badge.badge-fish .my-badge-icon { background-image: url('images/badges/fish.png'); } .my-badge.badge-pickaxe .my-badge-icon { background-image: url('images/badges/pickaxe.png'); } .my-badge.badge-sword-iron .my-badge-icon { background-image: url('images/badges/sword-iron.png'); } .my-badge.badge-bow .my-badge-icon { background-image: url('images/badges/bow.png'); } .my-badge.badge-lava .my-badge-icon { background-image: url('images/badges/lava.png'); } .my-badge.badge-sword-diamond .my-badge-icon { background-image: url('images/badges/sword-diamond.png'); } .my-badge.badge-diamond .my-badge-icon { background-image: url('images/badges/diamond.png'); } .my-badge.badge-herobrine .my-badge-icon { background-image: url('images/badges/herobrine.png'); } .my-badge.badge-notch .my-badge-icon { background-image: url('images/badges/notch.png'); } .my-badge.badge-helmet-diamond .my-badge-icon { background-image: url('images/badges/helmet-diamond.png'); } .my-badge.badge-redstone .my-badge-icon { background-image: url('images/badges/redstone.png'); } .my-badge.badge-coal .my-badge-icon { background-image: url('images/badges/coal.png'); } .my-badge.badge-ingot-gold .my-badge-icon { background-image: url('images/badges/ingot-gold.png'); } .my-badge.badge-ingot-iron .my-badge-icon { background-image: url('images/badges/ingot-iron.png'); } .my-badge.badge-tnt .my-badge-icon { background-image: url('images/badges/tnt.png'); } .my-badge.badge-enchantment-table .my-badge-icon { background-image: url('images/badges/enchantment-table.png'); } .my-badge.badge-steak .my-badge-icon { background-image: url('images/badges/steak.png'); } .my-badge.badge-redstone-torch .my-badge-icon { background-image: url('images/badges/redstone-torch.png'); } .my-badge.badge-brick .my-badge-icon { background-image: url('images/badges/brick.png'); } .my-badge.badge-furnace .my-badge-icon { background-image: url('images/badges/furnace.png'); } .my-badge.badge-potion .my-badge-icon { background-image: url('images/badges/potion.png'); } .my-badge.badge-emerald .my-badge-icon { background-image: url('images/badges/emerald.png'); } .my-badge.badge-cake .my-badge-icon { background-image: url('images/badges/cake.png'); } .my-badge.badge-book-quill .my-badge-icon { background-image: url('images/badges/book-quill.png'); } .my-badge.badge-steve .my-badge-icon { background-image: url('images/badges/steve.png'); } .my-badge.badge-seed .my-badge-icon { background-image: url('images/badges/seed.png'); } .my-badge.badge-wood-oak .my-badge-icon { background-image: url('images/badges/wood-oak.png'); } .my-badge.badge-portal .my-badge-icon { background-image: url('images/badges/portal.png'); } .my-badge.badge-obsidian .my-badge-icon { background-image: url('images/badges/obsidian.png'); } .my-badge.badge-snow-ball .my-badge-icon { background-image: url('images/badges/snow-ball.png'); } .my-badge.badge-painting .my-badge-icon { background-image: url('images/badges/painting.png'); } .my-badge.badge-walking-stick .my-badge-icon { background-image: url('images/badges/walking-stick.png'); } .my-badge.badge-crafting-table .my-badge-icon { background-image: url('images/badges/crafting-table.png'); } .my-badge.badge-nametag .my-badge-icon { background-image: url('images/badges/nametag.png'); } .my-badge.badge-most-rep .my-badge-icon { background-image: url('images/badges/most-rep.png'); } .my-badge.badge-most-like .my-badge-icon { background-image: url('images/badges/most-like.png'); } .my-badge.badge-quack .my-badge-icon { background-image: url('images/badges/quack.png'); } .my-badge.badge-banana .my-badge-icon { background-image: url('images/badges/banana.png'); } .my-badge.badge-paper .my-badge-icon { background-image: url('images/badges/paper.png'); } .my-badge.badge-gold .my-badge-icon { background-image: url('images/badges/gold.png'); } .my-badge.badge-silver .my-badge-icon { background-image: url('images/badges/silver.png'); } .my-badge.badge-bronze .my-badge-icon { background-image: url('images/badges/bronze.png'); } .my-badge.badge-bronze .my-badge-icon { background-image: url('images/badges/bronze.png'); } .my-badge.badge-games-week-2015 .my-badge-icon { background-image: url('images/badges/gw-2015.png'); top: 1px; width: 50px; height: 32px; } .my-badge.badge-games-week-2016 .my-badge-icon { background-image: url('images/badges/gw-2016.png'); top: 1px; width: 50px; height: 32px; } .my-badge.badge-splatwar-weapon .my-badge-icon { background-image: url('images/badges/splatwar-weapon.png'); } .my-badge.badge-contest-server-2013 { background-color: #84624f; } .my-badge.badge-sketch { background-color: #15a0b3; } .my-badge.badge-contributor { background-color: #007db5; } .my-badge.badge-contributor.badge-level-1:before, .my-badge.badge-contributor.badge-level-2:before { opacity: 0.8; } .my-badge.badge-contributor.badge-level-3 { background-color: #006fa0; } .my-badge.badge-contributor.badge-level-3:before { opacity: 0.2; background-image: url(images/badges/bg/aura.gif); background-position: center; background-size: 400px; } .my-badge.badge-contributor.badge-level-3 .my-badge-icon { background-image: url('images/badges/book-quill-silver.png'); } .my-badge.badge-contributor.badge-level-4 { background-color: #006fa0; } .my-badge.badge-contributor.badge-level-4:before { opacity: 0.2; background-image: url(images/badges/bg/aura.gif); background-position: center; background-size: 400px; } .my-badge.badge-contributor.badge-level-4 .my-badge-icon { background-image: url('images/badges/book-quill-gold.png'); } .my-badge.badge-contributor.badge-level-5 { background-color: #0799d4; } .my-badge.badge-contributor.badge-level-5:before { background-image: url(images/badges/bg/snow.gif); background-size: 340px; opacity: 0.2; } .my-badge.badge-contributor.badge-level-5 .my-badge-icon { background-image: url('images/badges/book-quill-diamond.png'); } .my-badge.badge-xmas { background-color: #ff5a5a; } .my-badge.badge-xmas:before { background-image: url('images/badges/bg/snow.gif'); background-size: 340px; opacity: 0.2; } .my-badge.badge-helper-designer { background: #b3b3b3; } .my-badge.badge-contest-60k { background-color: #36a786; } .my-badge.badge-yuniverse { background-color: #e5a12c; } .my-badge.badge-contest-70k { background-color: #69ab27; } .my-badge.badge-banana { background-color: #9248cb; } .my-badge.badge-quack { background-color: #e2b201; } .my-badge.badge-mostrep-2014 { background-color: #c6ab18; } .my-badge.badge-mostliked-2014 { background-color: #c6ab18; } .my-badge.badge-donator { background: #8165ef; } .my-badge.badge-contest-scrittura-primavera-2015 { background-color: #d26f95; } .my-badge.badge-contest-scrittura-estate-2015 { background-color: #ea8b19; } .my-badge.badge-contest-scrittura-autunno-2015 { background-color: #a75d3b; } .my-badge.badge-contest-scrittura-inverno-2015 { background-color: #4fc8e2; } .my-badge.badge-raduno-100k { background-color: #b78a40; } .my-badge.badge-raduno-100k-partecipante { background-color: #41b13e; } .my-badge.badge-raduno-100k-top-kills { background-color: #b78a40; } .my-badge.badge-utente-storico { background: #ab7229; } .my-badge.badge-una-vita-emozionante { background: #2196F3; } .my-badge.badge-esperto-crafter { background: #3cad3f; } .my-badge.badge-board-addicted { background: #d4559a; } .my-badge.badge-server-owner { background: #3f51b5; } .my-badge.badge-shoppone { background: #ef982a; } .my-badge.badge-mecenate { background: #ad3115; } .my-badge.badge-mecenate:before { background-image: url('images/badges/bg/aura.gif'); background-position: center; background-size: 400px; opacity: 0.175; } .my-badge.badge-shoppone { background: #22accc; } .my-badge.badge-games-week { background-color: #415892; } .my-badge.badge-games-week:before { background-image: url('images/badges/bg/gamesweek.png'); background-size: cover; background-position: 0 32px; } .my-badge.badge-raduno-200k-red { background: #ff2d2d; } .my-badge.badge-raduno-200k-orange { background: #ff720b; } .my-badge.badge-raduno-200k-blue { background: #307cf3; } .my-badge.badge-raduno-200k-green { background: #2fb518; } .my-badge.badge-vip-emerald { background-color: #20d665; } .my-badge.badge-vip-emerald:before { background-image: url('images/badges/bg/aura.gif'); background-position: center; background-size: 400px; opacity: 0.175; } .my-badge.badge-vip-emerald .my-badge-icon { background-image: url('images/badges/emerald.png'); } .my-badge.badge-vip-diamond { background-color: #36b99b; } .my-badge.badge-vip-diamond:before { background-image: url('images/badges/bg/aura.gif'); background-position: center; background-size: 400px; opacity: 0.175; } .my-badge.badge-vip-diamond .my-badge-icon { background-image: url('images/badges/diamond.png'); } .my-badge.badge-vip-gold { background-color: #d09909; } .my-badge.badge-vip-gold:before { opacity: 0.2; background-image: url('images/badges/bg/aura.gif'); background-position: center; background-size: 400px; } .my-badge.badge-vip-gold .my-badge-icon { background-image: url('images/badges/ingot-gold.png'); } .my-badge.badge-birthday { background-color: #f79408; } .my-badge.badge-birthday .my-badge-icon { background-image: url('images/badges/cake.png'); } .my-badge.badge-registration { background-color: #666; } .my-badge.badge-registration .my-badge-icon { background-image: url('images/badges/cake.png'); } #minecraft-versions h6 { color: #1B9642; border-bottom: 1px dashed #DDD; padding-bottom: 12px; margin-bottom: 12px; } #minecraft-versions table { width: 100%; font-size: 12px; } #minecraft-versions table tr td { padding: 0; } #minecraft-versions table tr td:first-child { color: #999; width: 65%; } .forum-last-topics .row > div { min-height: 252px; } @media (max-width: 767px) { .forum-last-topics .row > div:last-child { margin-top: 12px; } } .forum-last-topics .row > div .topic:last-child { margin-bottom: 0 !important; } .forum-last-topics .topic { position: relative; padding-left: 35px; margin-top: 2px; margin-bottom: 12px; font-size: 13px; text-align: left; line-height: 18px; height: 30px; } .forum-last-topics .topic:last-child { margin: 0; } .forum-last-topics .topic a.avatar { position: absolute; top: 3px; left: 0; } .forum-last-topics .topic a.avatar img { width: 24px; height: 24px; border-radius: 2px; } .forum-last-topics .topic .topic-name { line-height: 14px; margin-top: -4px; margin-bottom: 4px; } .forum-last-topics .topic .topic-name a { display: block; font-weight: bold; font-size: 12px; color: #333; } .forum-last-topics .topic .author { color: #AAA; font-size: 11px; height: 12px; line-height: 10px; } .forum-last-topics .topic .author a { color: #777; } .forum-last-topics #sidebar-last-topics .mc-loader { margin: 25px auto; } #forum-comments h5 .comments-count { color: #777; } #forum-comments .forms:not(:last-child) { margin-bottom: 15px; } #forum-comments .comment .comment-header { position: relative; height: 32px; padding-left: 42px; } #forum-comments .comment .comment-header .comment-avatar { position: absolute; left: 0; top: 0; } #forum-comments .comment .comment-header .username-container { display: block; font-size: 14px; height: 18px; line-height: 15px; } #forum-comments .comment .comment-header .comment-reply-num { position: absolute; top: -3px; right: 0; font-size: 12px; line-height: 16px; } #forum-comments .comment .comment-header .comment-reply-num a { color: #d4d4d4; } #forum-comments .comment .comment-header a.time { display: inline-block; color: #C1C1C1; font-size: 11px; line-height: 14px; vertical-align: 4px; } #forum-comments .comment .comment-content { color: #666; margin-top: 12px; margin-bottom: 12px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; overflow: hidden; } #forum-comments .comment .comment-content hr+br { display: none; } #forum-comments .comment .comment-content blockquote { font-size: 13px; color: #999; margin: 15px 0; padding: 15px 0 13px 15px; } #forum-comments .comment .comment-content blockquote cite { line-height: 12px; padding-bottom: 6px; font-weight: bold; border-bottom: 1px solid #E5E5E5; font-style: normal; display: block; margin: 0 0 10px 0; color: #555; } #forum-comments .comment .comment-content blockquote cite a { color: #555; } #forum-comments .comment .comment-content blockquote > br:first-child, #forum-comments .comment .comment-content blockquote + br { display: none; } #forum-comments .comment .comment-footnav { font-size: 11px; line-height: 10px; } #forum-comments .comment .comment-footnav a { margin: 0 10px 0 0; color: #ABABAB; float: left; cursor: pointer; } #forum-comments .comment .comment-footnav:after { content: ''; display: block; clear: both; } #forum-comments #comment-add textarea { width: 100%; border: 0; resize: none; min-height: 70px; padding: 12px; color: #777; } #forum-comments #comment-add .comment-add-nav { border-top: 1px solid #ECECEC; } #forum-comments #comment-add .comment-add-nav ul { margin: 0; } #forum-comments #comment-add .comment-add-nav ul li { float: left; } #forum-comments #comment-add .comment-add-nav ul li .btn-primary { padding: 0 15px; border: 0; background-color: #FFF; color: #656565; } #forum-comments #comment-add .comment-add-nav ul li.rules { float: right; padding: 7px 8px 0 0; } #forum-comments #comment-add .comment-add-nav ul:after { content: ''; display: block; clear: both; } a.craft-icon-link { position: relative; padding-left: 22px; } a.craft-icon-link:before { background-image: url('images/crafting/sprites/crafting-32x32.png'); background-repeat: no-repeat; display: inline-block; content: ''; position: absolute; top: 4px; left: 4px; width: 32px; height: 32px; zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: left top; } .crafting-item-box { position: relative; width: 52px; height: 52px; line-height: 48px; text-align: center; background: url('images/rewards/box_trading.png') no-repeat center center; } .crafting-item-box .number { text-align: right; position: absolute; top: 32px; left: 5px; right: 8px; height: 12px; line-height: 12px; color: #FFF; margin: 0; padding: 0; border: 0 !important; box-shadow: none !important; text-shadow: 0 0 5px #353535; z-index: 1; font-size: 13px; font-weight: 700; font-family: 'Roboto', Tahoma, sans-serif; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .craft-bar { position: relative; display: inline-block; width: 18px; height: 18px; } .craft-bar:after { position: absolute; top: 0; right: 0; width: 18px; height: 18px; content: ''; } .craft-bar[data-value="1"], .craft-bar[data-value="2"] { width: calc(18px * 1); } .craft-bar[data-value="3"], .craft-bar[data-value="4"] { width: calc(18px * 2); } .craft-bar[data-value="5"], .craft-bar[data-value="6"] { width: calc(18px * 3); } .craft-bar[data-value="7"], .craft-bar[data-value="8"] { width: calc(18px * 4); } .craft-bar[data-value="9"], .craft-bar[data-value="10"] { width: calc(18px * 5); } .craft-bar[data-value="11"], .craft-bar[data-value="12"] { width: calc(18px * 6); } .craft-bar[data-value="13"], .craft-bar[data-value="14"] { width: calc(18px * 7); } .craft-bar[data-value="15"], .craft-bar[data-value="16"] { width: calc(18px * 8); } .craft-bar[data-value="17"], .craft-bar[data-value="18"] { width: calc(18px * 9); } .craft-bar[data-value="19"], .craft-bar[data-value="20"] { width: calc(18px * 10); } .craft-bar.craft-bar-armor { background-image: url('images/crafting/bar/armor-1.png'); } .craft-bar.craft-bar-armor[data-value="1"]:after, .craft-bar.craft-bar-armor[data-value="3"]:after, .craft-bar.craft-bar-armor[data-value="5"]:after, .craft-bar.craft-bar-armor[data-value="7"]:after, .craft-bar.craft-bar-armor[data-value="9"]:after, .craft-bar.craft-bar-armor[data-value="11"]:after, .craft-bar.craft-bar-armor[data-value="13"]:after, .craft-bar.craft-bar-armor[data-value="15"]:after, .craft-bar.craft-bar-armor[data-value="17"]:after, .craft-bar.craft-bar-armor[data-value="19"]:after { background-image: url('images/crafting/bar/armor-05.png'); } .craft-bar.craft-bar-restore { background-image: url('images/crafting/bar/hunger-1.png'); } .craft-bar.craft-bar-restore[data-value="1"]:after, .craft-bar.craft-bar-restore[data-value="3"]:after, .craft-bar.craft-bar-restore[data-value="5"]:after, .craft-bar.craft-bar-restore[data-value="7"]:after, .craft-bar.craft-bar-restore[data-value="9"]:after, .craft-bar.craft-bar-restore[data-value="11"]:after, .craft-bar.craft-bar-restore[data-value="13"]:after, .craft-bar.craft-bar-restore[data-value="15"]:after, .craft-bar.craft-bar-restore[data-value="17"]:after, .craft-bar.craft-bar-restore[data-value="19"]:after { background-image: url('images/crafting/bar/hunger-05.png'); } .craft-bar.craft-bar-heart { background-image: url('images/crafting/bar/heart-1.png'); } .craft-bar.craft-bar-heart[data-value="1"]:after, .craft-bar.craft-bar-heart[data-value="3"]:after, .craft-bar.craft-bar-heart[data-value="5"]:after, .craft-bar.craft-bar-heart[data-value="7"]:after, .craft-bar.craft-bar-heart[data-value="9"]:after, .craft-bar.craft-bar-heart[data-value="11"]:after, .craft-bar.craft-bar-heart[data-value="13"]:after, .craft-bar.craft-bar-heart[data-value="15"]:after, .craft-bar.craft-bar-heart[data-value="17"]:after, .craft-bar.craft-bar-heart[data-value="19"]:after { background-image: url('images/crafting/bar/heart-05.png'); } .server-box { position: relative; background-color: #FFF; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; min-height: 116px; padding: 12px; margin-bottom: 19px; text-align: left; } .server-box a.server-box-image { position: static; margin: -12px -12px 13px -12px; height: 120px; display: block; top: 0; bottom: 0; left: 0; background-color: #DCDCDC; background-size: cover; background-position: center; background-repeat: no-repeat; } .server-box .inner { position: relative; } .server-box .inner .server-box-title { line-height: 16px; margin-bottom: 8px; } .server-box .inner .server-box-title a { font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; font-size: 16px; color: #454545; } .server-box .inner .server-box-title a i { position: relative; display: block; } .server-box .inner .server-box-ip { font-size: 12px; color: #999; height: 13px; line-height: 12px; margin-top: -5px; margin-bottom: 2px; } .server-box .inner .server-box-description { margin-top: 10px; font-family: 'Roboto', Tahoma, sans-serif; font-size: 13px; color: #999; } .server-box .inner a.dropdown-button { position: absolute; top: -6px; right: -8px; width: 24px; height: 24px; line-height: 24px; font-size: 20px; text-align: center; color: #CCC; } .server-box .inner .dropdown-content { top: 0 !important; left: auto !important; right: 0 !important; } .votes-container { font-size: 12px; } .votes-container .inner { overflow: hidden; } .votes-container .row { position: relative; background: transparent; transition: background 3s ease-in-out; border-bottom: 1px solid #ECECEC; padding: 8px 0; padding-left: 68px; } .votes-container .row .col-username small { color: #999; font-size: 11px; } .votes-container .row .col-username .clamp { width: 60%; } @media (max-width: 991px) { .votes-container .row .col-2 { padding-left: 68px; } } .votes-container .row .col-3 { padding-right: 72px; } @media (max-width: 767px) { .votes-container .row .col-3 { padding-right: 0; } } .votes-container .row .col-3 > * { display: inline-block; } .votes-container .row.error { padding: 12px; } .votes-container .row.new { background: #FFF0BE; } .votes-container .row.invalid { opacity: 0.5; } .votes-container .row:last-child { border-bottom: 0; } .votes-container .row > img { position: absolute; top: 12px; left: 22px; width: 32px; height: 32px; border-radius: 2px; } .votes-container .row a.menu-right { position: absolute; top: 18px; right: 20px; font-size: 20px; color: #999; } .votes-container .row a.menu-right.disable-vote { color: red; } @media (max-width: 767px) { .votes-container .row a.menu-right { display: none; } } #share-btn > .btn { margin-right: 5px; } #share-btn > .btn:last-child { margin-right: 0; } #share-btn > .btn i { margin: 0; vertical-align: -2px; } #share-btn .btn-share-facebook { background-color: #395A9D; } #share-btn .btn-share-facebook i { margin-left: 8px; } #share-btn .btn-share-twitter { background-color: #00ABED; } #share-btn .btn-share-gplus { background-color: #E74019; } #share-btn .comments { display: inline; height: 36px; line-height: 36px; margin-left: 15px; } #share-btn .comments a { color: #777; } #tsstatus { position: relative; display: inline-block; width: 100%; min-height: 385px; text-align: left !important; } #tsstatus .tsstatusServer { padding-right: 8px; margin-left: 0; max-height: 340px; overflow: auto; color: #000000; font-size: 11px; } #tsstatus .tsstatusServer > a { display: none !important; } #tsstatus .tsstatusServer > .tsstatusItem { margin: 0; } #tsstatus .form-inline-submit { margin: -18px -18px 0 -18px; } @media (max-width: 767px) { #tsstatus .form-inline-submit { margin: -15px -15px 0 -15px; } } #tsstatus .form-inline-submit input.nickname { border: 0; box-shadow: none; border-bottom: 1px solid #DEDEDE; margin-bottom: 18px; padding: 0 18px; } #tsstatus .form-inline-submit input.nickname::-webkit-input-placeholder { color: #AAA; } #tsstatus .form-inline-submit input.nickname:-moz-placeholder { color: #AAA; } #tsstatus .form-inline-submit input.nickname::-moz-placeholder { color: #AAA; } #tsstatus .form-inline-submit input.nickname:-ms-input-placeholder { color: #AAA; } #tsstatus .form-inline-submit button { top: 0; right: 0; margin-top: 0; box-shadow: none; } #tsstatus .form-inline-submit button i { vertical-align: 0; } #tsstatus a { color: #3C3B3B; } #tsstatus * { vertical-align: middle; padding: 0; } #tsstatus .tsstatusItem { padding-right: 0; position: relative; white-space: nowrap; overflow: hidden; } #tsstatus .tsstatusItem a { display: block; text-decoration: none; } #tsstatus .tsstatusItem img { border: 0; vertical-align: middle; margin-top: 1px; margin-right: 5px; max-height: 16px; float: left; } #tsstatus .tsstatusItem:after { content: ''; display: block; clear: both; } #tsstatus .tsstatusFlags { position: absolute; right: 0; top: 0; } #tsstatus .tsstatusFlags img { margin: 0 0 0 5px; } #toast-container { top: auto; right: auto; bottom: 15px; left: 0; padding: 0 15px; z-index: 99999; } #toast-container:after { content: ''; display: block; clear: both; } #toast-container .toast { float: none; padding: 15px; height: auto; line-height: 15px; background-color: #565656; background-color: rgba(86,86,86,0.95); font-size: 14px; border-radius: 2px; } #toast-container .toast.danger, #toast-container .toast.error { background-color: #E53935; } #toast-container .toast.warning { color: #454545; background-color: #FDD835; } #toast-container .toast.info { background-color: #2196F3; } body.search div#form-global-search form#cse-search-box { position: relative; margin-right: 45px; } body.search div#form-global-search a.search-in-forum { position: absolute; right: 0; } body.search div#form-global-search a.search-in-forum i { display: block; margin-top: -1px; font-size: 20px; } body.search #google-search { min-height: 1600px; } body.search #google-search.no-ads .gsc-adBlock { display: none; } body.search #google-search #adBlock { background: none; border: none; } body.search #google-search .gsc-cursor { position: relative; display: inline-flex; margin: 0 12px 0 0; padding: 0; background-color: #fbfbfb; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; } body.search #google-search .gsc-cursor .gsc-cursor-page { display: block; text-align: center; font-size: 12px; height: 37px; line-height: 37px; min-width: 37px; float: left; margin: 0; padding: 0; border-left: 0; border-right: 0; background: none; color: #999; text-decoration: none; } body.search #google-search .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page { background: #efefef; font-weight: normal; color: #333; } body.search #google-search td.gsc-result-info-container { padding: 0; } body.search #google-search td.gsc-result-info-container .gsc-result-info { padding: 0; margin-top: 0; } body.search #google-search table td, body.search #google-search table th { padding: 10px 10px 0 0; } body.error-page { background: #222 url(images/background/bg.jpg); } body.error-page #wrapper { width: auto; margin: 0; background: none !important; } body.error-page #wrapper .mybreadcrumb { display: none; } body.error-page #error-page { position: relative; text-align: center; text-shadow: 2px 2px 0 #424041; font-size: 18px; font-weight: 400; font-family: 'VGFRegular', Tahoma, sans-serif; } body.error-page #error-page .container { position: relative; } body.error-page #error-page #music-toggle { position: absolute; top: 15px; right: 15px; color: #999; font-size: 22px; cursor: pointer; } body.error-page #error-page #music-toggle[data-status="0"]:before { content: "\F38A"; } body.error-page #error-page #music-toggle[data-status="1"]:before { content: "\F387"; } @media (max-width: 480px) { body.error-page #error-page #music-toggle { display: none; } } body.error-page #error-page .inner { padding: 15% 18px; } body.error-page #error-page .inner .title { color: #FFF; } body.error-page #error-page .inner .description { color: #969696; margin-top: 25px; } body.error-page #error-page .inner .description a { color: #d2d2d2; } body.error-page #error-page .inner form { max-width: 468px; margin: 28px auto 0 auto; } body.error-page #error-page .inner form input[type=text] { border: 3px #a0a0a0 solid !important; background-color: #000; padding: 25px 15px; box-sizing: border-box; font-size: 18px; font-weight: 400; font-family: 'VGFRegular', Tahoma, sans-serif; text-shadow: 2px 2px 0 #424041; color: #CCC; } body.error-page #error-page .inner form input[type=text]::-webkit-input-placeholder { color: #999; } body.error-page #error-page .inner form input[type=text]:-moz-placeholder { color: #999; } body.error-page #error-page .inner form input[type=text]::-moz-placeholder { color: #999; } body.error-page #error-page .inner form input[type=text]:-ms-input-placeholder { color: #999; } body.error-page #offline-page { position: relative; text-align: center; text-shadow: 2px 2px 0 #424041; font-size: 18px; font-weight: 400; font-family: 'VGFRegular', Tahoma, sans-serif; } body.error-page #offline-page .container { position: relative; } body.error-page #offline-page .inner { padding: 30% 18px; } body.error-page #offline-page .inner .title { color: #FFF; } body.error-page #footer { display: none; } .mc-loader { position: relative; height: 48px; width: 48px; overflow: hidden; text-indent: -100%; margin: 0 auto; } .mc-loader:after { position: absolute; top: 12px; left: 12px; border: 2px solid #666; z-index: 9; content: ''; display: inline-block; height: 24px; width: 24px; -webkit-animation: mcLoader 3s infinite; -moz-animation: mcLoader 3s infinite; -o-animation: mcLoader 3s infinite; animation: mcLoader 3s infinite; } #snow-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.8; } div#creepy-idler { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; opacity: 0; box-shadow: inset 0 0 755px 300px rgba(14,14,14,0.97); z-index: 777; } div#creepy-idler.animation { -webkit-transition: opacity 25s ease-in-out; -moz-transition: opacity 25s ease-in-out; -o-transition: opacity 25s ease-in-out; -ms-transition: opacity 25s ease-in-out; transition: opacity 25s ease-in-out; opacity: 1; } @-webkit-keyframes mcLoader { 0% { -webkit-transform: rotate(0); }   33% { -webkit-transform: rotate(120deg); }   66% { -webkit-transform: rotate(240deg); }   100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes mcLoader { 0% { -moz-transform: rotate(0); }   33% { -moz-transform: rotate(120deg); }   66% { -moz-transform: rotate(240deg); }   100% { -moz-transform: rotate(360deg); } } @-o-keyframes mcLoader { 0% { -o-transform: rotate(0); }   33% { -o-transform: rotate(120deg); }   66% { -o-transform: rotate(240deg); }   100% { -o-transform: rotate(360deg); } } @keyframes mcLoader { 0% { transform: rotate(0); }   33% { transform: rotate(120deg); }   66% { transform: rotate(240deg); }   100% { transform: rotate(360deg); } } .mdi-spin { -webkit-animation: mdi-spin 2s infinite linear; -moz-animation: mdi-spin 2s infinite linear; -ms-animation: mdi-spin 2s infinite linear; -o-animation: mdi-spin 2s infinite linear; animation: mdi-spin 2s infinite linear; } @-webkit-keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }   100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }   100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }   100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }   100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }   100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } body.fixed #header #nav-user .search { display: inline-block; margin: 0 0 0 45px; vertical-align: -4px; } body.fixed.header-hidden div#header .inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } #wrapper { width: 1118px; max-width: 100%; margin: 18px auto; overflow: hidden; } @media (max-width: 1164px) { #header #nav-user #logo-full { left: 18px; }   #wrapper { width: auto; margin: 15px; } } @media (max-width: 1128px) { body .container { width: auto !important; max-width: inherit !important; } } @media (max-width: 767px) { #header > .inner { position: fixed; top: 0; left: 0; right: 0; }   #header .header-height { display: block; height: 94px; }   #header #nav-top { display: none; }   #header #nav-user > .container > .row > div:first-child { padding-right: 0; }   #header #nav-user > .container > .row > div:last-child { padding-left: 0; padding-right: 0; }   #header #nav-menu .menu-top-desktop { display: none; }   #header #nav-menu .menu-top-mobile { display: block; }   #header #nav-menu .menu-top-mobile > .inner { padding: 0; }   #header #nav-menu .menu-top-mobile > .inner > .row > div:first-child { width: 50%; }   #header #nav-menu .menu-top-mobile > .inner > .row > div:last-child { width: 50%; padding-right: 0; }   #header #nav-menu .menu-top-mobile ul { float: none; }   #header #nav-menu .menu-top-mobile ul li.li-menu { float: right !important; cursor: pointer; }   #header #nav-menu .menu-top-mobile ul li.li-menu a { position: relative; }   #header #nav-menu .menu-top-mobile ul li.li-menu a .ion-select { position: static; }   #header #nav-menu .menu-top-mobile ul li.li-menu a .ion-select:before { content: none; }   #header #nav-menu .menu-top-mobile ul li.li-menu a select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; padding: 0; margin: 0; }   #wrapper { width: auto; }   #wrapper .content-block .content-block-body { padding: 15px; overflow: hidden; }   #sidebar .block { margin-bottom: 15px; }   #footer { text-align: center; }   #footer .footer-inner { padding: 30px 0; }   #footer .footer-links { margin-top: 30px; }   #footer img.logo-footer { margin: 0 0 16px 0; }   #footer div ul li { text-align: left; }   #footer .column-2 { text-align: center; }   #footer .column-2 ul li { list-style-type: none; } } @media (max-width: 528px) { #header #nav-top { height: 110px; }   #header #nav-top #logo { width: 100%; background: none !important; box-shadow: none; margin: -33px 0 0 0; text-align: center; }   #header #nav-top .container { padding: 0; }   #header #nav-user #logo-tiny { display: block; }   #header #nav-user > .container > .row > div:first-child { width: 20%; }   #header #nav-user > .container > .row > div:last-child { width: 80%; } } @media (max-width: 480px) { #footer .column-2 { display: none; } } body.board-full #wrapper { position: relative; background: #EEE; } @media (min-width: 992px) { body.board-full #wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: 260px; height: 100%; background: #F5F5F5; box-shadow: 1px 0 2px rgba(0,0,0,0.1); } } body.board { overflow-y: scroll; } body.board h4.title { font-size: 17px; font-weight: 600; text-transform: uppercase; margin: 0 0 18px 0; } body.board.file-dragging #board #post-add a.btn[data-action=photo-add] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; line-height: 112px; background-color: rgba(243,243,243,0.75); z-index: 9; } body.board #board-connect h4 { margin: 0 0 20px 0; } body.board #board-connect #board-connect-box { position: relative; min-height: 235px; padding: 28px 15px 19px 15px; margin-bottom: 18px; text-align: center; } body.board #board-connect #board-connect-box .minecraft-logo { margin-bottom: 24px; width: 100%; text-align: center; } body.board #board-connect #board-connect-box .minecraft-logo img { width: 250px; } body.board #board-connect #board-connect-box form { margin: 0 auto; } body.board #board-connect #board-connect-box .progress { position: absolute; bottom: 0; left: 0; right: 0; } body.board #board-connect #board-connect-box .connect-server .board-minecraft-server-verify { background: #36251A url('images/background/brown-skin.jpg'); background-size: cover; padding: 18px; margin-top: 18px; } body.board #board-connect #board-connect-box .connect-server .board-minecraft-server-verify h6 { margin-top: -3px; margin-bottom: 12px; color: white; } body.board #board-connect #board-connect-box .connect-server .board-minecraft-server-verify input { border: 3px #a0a0a0 solid !important; background-color: #000; text-shadow: 2px 2px #585858; padding: 0 12px; margin: 0; height: 53px; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #CCC; font-family: 'VGFRegular', Tahoma, sans-serif; } body.board #board-connect #board-connect-box .form-inline-submit { position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid #ECECEC; } body.board #board-connect #board-connect-box .form-inline-submit input { text-align: center; margin: 0; height: 4rem; } body.board #board-connect #board-connect-box .form-inline-submit button { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } body.board #board-connect #board-connect-box .form-inline-submit button.active { opacity: 1; width: 60px; height: 60px; margin-top: -30px; } body.board #badges .forms { margin-bottom: 18px; } body.board #badges .forms h6 { margin-top: 0; margin-bottom: 15px; } body.board #badges .forms p { color: #777; } body.board #badges .forms .my-badge-container { margin: 15px 0 0 0; } body.board #badges .forms .my-badge-container .my-badge { margin: -5px 0 0 0; float: left; } body.board #badges .forms .my-badge-container .my-badge .my-badge-title { font-weight: normal; } body.board #badges .forms .my-badge-container label { height: auto; line-height: inherit; } body.board #badges .forms .my-badge-container [type="radio"]:checked + label:after { border: 2px solid #555551; background-color: #555551; } body.board #badges .forms .my-badge-container:after { content: ''; display: block; clear: both; } body.board #rewards-client .forms { margin-bottom: 18px; } body.board #rewards-client .forms h6 { margin-top: 15px; margin-bottom: 15px; color: #999; } body.board #rewards-client .forms .server-keys h6:first-child { margin-top: 0; } body.board #rewards-client .forms .server-keys .reward-items { padding: 12px; background-color: #c6c6c6; box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.1); } body.board #rewards-client .forms .server-keys .reward-items .crafting-item-box { margin-right: 12px; float: left; } body.board #rewards-client .forms .server-keys .reward-items .crafting-item-box img { width: 32px; height: 32px; } body.board #rewards-client .forms .server-keys .reward-items:after { content: ''; display: block; clear: both; } #board { min-height: 350px; } #board #nav-top { font-size: 13px; } #board #nav-top h4 { margin: 0 0 15px 0; } @media (max-width: 767px) { #board #nav-top h4 { float: left; } } #board #nav-top .filter { font-size: 13px; margin-top: -9px; color: #B6B6B6; } #board #nav-top .filter span.filter-title { display: inline-block; height: 36px; line-height: 36px; margin-right: -6px; } #board #nav-top .filter .select-wrapper { display: inline-block; } #board #nav-top .filter .select-wrapper input { max-width: 120px; margin-top: 9px; height: 18px; line-height: 18px; text-align: right; padding-left: 0; padding-right: 22px; text-transform: uppercase; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 600; color: #999; } #board #nav-top .filter .select-wrapper ul { left: auto !important; right: 0 !important; } #board #nav-top .filter .select-wrapper span.caret { top: 18px; right: 0; border-width: 4px; } #board #nav-top .dropdown-content li > a, #board #nav-top .dropdown-content li > span { text-align: right; padding-right: 18px; } #board #nav-top a.back-to-board { display: inline-block; height: 36px; line-height: 36px; margin-top: -6px; color: #B6B6B6; } #board #post-add { position: relative; margin: 0 0 15px 0; background-color: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; } #board #post-add form textarea { width: 100%; border: 0; resize: none; min-height: 70px; padding: 12px; color: #777; } #board #post-add form .post-link-preview a.post-preview-title { padding-right: 12px; } #board #post-add form .post-link-preview a.post-preview-close { position: absolute; top: 7px; right: 5px; width: 18px; height: 18px; line-height: 18px; font-size: 16px; text-align: center; text-shadow: 0 0 3px rgba(0,0,0,0.7); border-radius: 2px; cursor: pointer; color: #FFF; } #board #post-add form .post-link-preview-loading { padding: 12px; } #board #post-add form .post-link-preview-loading div.progress { margin: 0; } #board #post-add form .post-add-nav { border-top: 1px solid #ECECEC; } #board #post-add form .post-add-nav ul { margin: 0; padding: 0; list-style-type: none; } #board #post-add form .post-add-nav ul li { float: left; } #board #post-add form .post-add-nav ul li a { position: relative; padding: 0 12px; } #board #post-add form .post-add-nav ul li a.btn i { vertical-align: -4px; margin: 0; } #board #post-add form .post-add-nav ul li a.btn-primary { border-radius: 0; } #board #post-add form .post-add-nav ul li a input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; cursor: pointer; } #board #post-add form .post-add-nav ul li:last-child { margin: 0; float: right; } #board #post-add form .post-add-nav ul:after { content: ''; clear: both; display: block; } #board #post-add .media-upload .post-media { position: relative; width: 48px; height: 48px; margin: 10px; overflow: hidden; } #board #post-add .media-upload .post-media .post-media-inner { background-size: cover; background-position: center; width: 100%; height: 100%; } #board #post-add .media-upload .post-media .progress { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(255,255,255,0.75); margin: 0; border-radius: 0; } #board #post-add .media-upload .post-media .abort { position: absolute; top: 0; right: 0; width: 17px; height: 17px; line-height: 18px; text-align: center; color: #FFF; background-color: rgba(0,0,0,0.4); cursor: pointer; } #board .load-new-posts { margin: 0 auto 10px auto; display: block; width: 175px; height: 28px; line-height: 28px; } .stream { margin: 0; padding: 0; list-style-type: none; } .stream > ul { margin: 0; padding: 0; list-style-type: none; } .stream > ul li { list-style-type: none; } .stream > ul li img { margin: 0; } .stream > ul li.post { position: relative; margin-bottom: 15px; font-size: 14px; background-color: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; opacity: 0; } .stream > ul li.post.animate { -webkit-animation: materialAppend 500ms; -moz-animation: materialAppend 500ms; -ms-animation: materialAppend 500ms; -o-animation: materialAppend 500ms; animation: materialAppend 500ms; opacity: 1; } .stream > ul li.post.animate-add { -webkit-animation: materialPrepend 500ms; -moz-animation: materialPrepend 500ms; -ms-animation: materialPrepend 500ms; -o-animation: materialPrepend 500ms; animation: materialPrepend 500ms; opacity: 1; } .stream > ul li.post.post-deleted { opacity: 0.5 !important; } .stream > ul li.post:after { display: block; clear: both; content: ''; } .stream > ul li.post .post-header { position: relative; padding: 12px 12px 0 12px; margin-bottom: 12px; height: 44px; } .stream > ul li.post .post-header a.avatar { position: absolute; top: 12px; left: 12px; } .stream > ul li.post .post-header a.avatar img { height: 32px; border-radius: 2px; } .stream > ul li.post .post-header .post-header-inner { padding-left: 42px; } .stream > ul li.post .post-header .post-header-inner div.username-container { display: block; font-size: 12px; margin-top: -2px; color: #999; } .stream > ul li.post .post-header .post-header-inner div.username-container a { color: #454545; } .stream > ul li.post .post-header .post-header-inner div.username-container a.username { color: #454545; } .stream > ul li.post .post-header .post-header-inner div.post-menu { position: absolute; top: 12px; right: 12px; width: 15px; font-size: 23px; } .stream > ul li.post .post-header .post-header-inner div.post-menu > a { display: block; color: #CCC; margin: -3px 0 0 0; text-align: right; width: 21px; } .stream > ul li.post .post-header .post-header-inner div.post-menu > a i { width: 15px; font-size: 20px; } .stream > ul li.post .post-header .post-header-inner div.post-menu ul { top: 0 !important; left: auto !important; right: 0; } .stream > ul li.post .post-header .post-header-inner a.time { display: inline-block; color: #C1C1C1; font-size: 11px; line-height: 14px; vertical-align: 4px; } .stream > ul li.post .post-header .post-header-inner .my-dropdown { padding: 6px 0; top: 8px !important; left: auto !important; right: 8px; } .stream > ul li.post .post-header .post-header-inner .my-dropdown > a i { font-size: 24px; vertical-align: -12px; color: #E4E4E4; } .stream > ul li.post .post-header:after { display: block; clear: both; content: ''; } .stream > ul li.post .post-content { color: #666; margin: 12px 0; padding: 0 12px; font-size: 14px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; overflow: hidden; } .stream > ul li.post .post-content:hover { overflow: inherit; } .stream > ul li.post .post-content span.read-less a, .stream > ul li.post .post-content span.read-more a { color: #999; font-size: 12px; } @media (max-width: 767px) { .stream > ul li.post .post-content { font-size: 13px; } } .stream > ul li.post .post-form-edit { margin: 12px 0; padding: 0 12px; } .stream > ul li.post .post-form-edit textarea { display: block; border: 0; padding: 0; color: #666; min-height: 20px; resize: none; } .stream > ul li.post .post-shared { border-left: 3px solid #D8D8D8; margin: 0 12px 0 15px; padding-left: 10px; } .stream > ul li.post .post-shared .post-media { padding: 10px 0 0 0; margin: 0 0 5px 0; } .stream > ul li.post .post-shared .post-header { padding: 6px 0 0 0; margin-bottom: 0; height: auto; } .stream > ul li.post .post-shared .post-header a.avatar { display: none; } .stream > ul li.post .post-shared .post-header .post-header-inner { padding-left: 0; } .stream > ul li.post .post-shared .post-header .post-header-inner .username-container { float: left; } .stream > ul li.post .post-shared .post-header .post-header-inner .username-container a.username { font-size: 13px; } .stream > ul li.post .post-shared .post-header .post-header-inner a.time { line-height: 17px; padding-left: 8px; float: left; } .stream > ul li.post .post-shared .post-header .post-header-inner div.clear { display: none; } .stream > ul li.post .post-shared .post-content { padding: 3px 0 6px 0; margin-top: 0; font-size: 13px; } .stream > ul li.post .post-media { margin: 12px 0; padding: 0 12px; } .stream > ul li.post .post-media a { cursor: pointer; } .stream > ul li.post .post-media a img { max-height: 280px; } .stream > ul li.post .post-footnav { margin-top: -3px; padding: 0 6px 6px 6px; font-size: 11px; } .stream > ul li.post .post-footnav ul li { padding: 1px 5px; color: #ABABAB; float: left; cursor: pointer; } .stream > ul li.post .post-footnav ul li a { display: block; color: #CCC; } .stream > ul li.post .post-footnav ul li a i { font-size: 14px; vertical-align: -2px; padding-right: 3px; } .stream > ul li.post .post-footnav ul li[data-action=interactions] { float: right; } .stream > ul li.post .post-footnav ul li[data-action=interactions] a { float: left; padding-left: 12px; padding-right: 2px; } .stream > ul li.post .post-footnav ul:after { content: ''; display: block; clear: both; } .stream > ul li.post .comments-container { border-top: 1px solid #F2F2F2; } .stream > ul li.post .comments-container .comments { display: none; } .stream > ul li.post .comments-container .comments.visible { display: block; width: 100%; } .stream > ul li.post .comments-container .comments .comment { position: relative; font-size: 11px; } .stream > ul li.post .comments-container .comments .comment.comment-deleted { opacity: 0.5 !important; } .stream > ul li.post .comments-container .comments .comment a.avatar { position: absolute; top: 10px; left: 12px; } .stream > ul li.post .comments-container .comments .comment a.avatar img { width: 24px; border-radius: 2px; } .stream > ul li.post .comments-container .comments .comment .comment-inner { padding: 6px 28px 6px 48px; line-height: 19px; font-size: 12px; overflow: hidden; } .stream > ul li.post .comments-container .comments .comment .comment-inner:hover { overflow: inherit; } .stream > ul li.post .comments-container .comments .comment .comment-inner a.username { font-size: 13px; color: #454545; display: inline; margin-right: 2px; } .stream > ul li.post .comments-container .comments .comment .comment-inner a.username i { font-size: 16px; } .stream > ul li.post .comments-container .comments .comment .comment-inner span.comment-content { color: #666; display: inline; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; overflow: hidden; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav { line-height: 13px; margin-top: 3px; margin-bottom: 3px; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul { margin: 0; padding: 0; list-style-type: none; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li { font-size: 11px; padding: 0 8px 0 0; color: #9A9A9A; float: left; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li:not(.time) { cursor: pointer; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li a { color: #9A9A9A; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li a.likes { display: inline-block; padding-right: 5px; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li a i { margin-right: 2px; vertical-align: -2px; font-size: 13px; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li.time { color: #C1C1C1; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li[data-action=interactions] a.likes { color: #CCC; } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li[data-action=interactions] a.likes i { font-size: 13px; vertical-align: -1px; margin-right: 3px; } @media (max-width: 480px) { .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul li { font-size: 10px; } } .stream > ul li.post .comments-container .comments .comment .comment-inner div.comment-footnav ul:after { display: block; clear: both; content: ''; } .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment-show-more { padding-left: 52px; } .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment { margin-left: 0; margin-right: 0; } .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment a.avatar { left: 52px; } @media (max-width: 480px) { .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment a.avatar { left: 25px; } } .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment .comment-inner { padding-left: 88px; } @media (max-width: 480px) { .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment .comment-inner { padding-left: 65px; } } .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment .comment-inner div.menu { display: none; } .stream > ul li.post .comments-container .comments .comment .reply-container .replies .comment:hover .comment-inner div.menu { display: block; } .stream > ul li.post .comments-container .comments .comment .reply-container div.comment-input { padding: 10px 10px 9px 52px; } .stream > ul li.post .comments-container .comments .comment .reply-container div.comment-input div.avatar { left: 52px; } @media (max-width: 480px) { .stream > ul li.post .comments-container .comments .comment .reply-container div.comment-input { padding-left: 25px; }   .stream > ul li.post .comments-container .comments .comment .reply-container div.comment-input div.avatar { left: 25px; } } .stream > ul li.post .comments-container .comments .comment .reply-container div.comment-input form.input textarea { background: none; border: none; } .stream > ul li.post .comments-container .comments .comment:after { display: block; clear: both; content: ''; } .stream > ul li.post .comments-container div.comment-show-more { font-size: 11px; padding: 4px 10px; } .stream > ul li.post .comments-container div.comment-show-more a { color: #999; cursor: pointer; } .stream > ul li.post .comments-container div.comment-show-more span { color: #ABABAB; cursor: pointer; } .stream > ul li.post .comments-container div.comment-show-more div.icon { display: inline; } .stream > ul li.post .comments-container div.comment-show-more div.icon i { margin-right: 6px; font-size: 14px; vertical-align: -2px; color: #CCC; } .stream > ul li.post .comments-container div.comment-inner div.menu { position: absolute; top: 1px; right: 0px; width: 26px; height: 24px; text-align: center; cursor: pointer; display: none; } .stream > ul li.post .comments-container div.comment-inner div.menu a { display: block; color: #D2D2D2; } .stream > ul li.post .comments-container div.comment-inner div.menu a i { font-size: 15px; vertical-align: -5px; margin-right: 8px; } .stream > ul li.post .comments-container div.comment-inner:hover div.menu { display: block; } .stream > ul li.post .comments-container div.comment-inner.highlight { background: #fffde8; } .stream > ul li.post .comments-container div.comment-input { position: relative; padding: 10px 10px 9px 12px; box-shadow: 0 -1px 0 0 #F2F2F2; } .stream > ul li.post .comments-container div.comment-input .avatar { position: absolute; top: 11px; left: 12px; } .stream > ul li.post .comments-container div.comment-input .avatar img { width: 24px; border-radius: 2px; } .stream > ul li.post .comments-container div.comment-input form.input { padding-left: 30px; box-sizing: content-box; } .stream > ul li.post .comments-container div.comment-input form.input textarea { box-sizing: border-box; background: none; border: none; height: 30px; min-height: 30px; line-height: 16px; vertical-align: top; margin: -1px 0 0 0; padding: 6px; font-size: 12px; resize: none; overflow: hidden; color: #777; } .stream > ul li.post.post-sponsor .post-menu, .stream > ul li.post.post-sponsor .post-footnav { display: none !important; } .stream > ul li.post.post-sponsor .board-sfm { margin-top: 18px; } .post-link-preview { position: relative; margin: 12px 0; padding: 0 12px; } .post-link-preview .post-link-preview-inner { position: relative; border: 1px solid #EDEDED; width: 500px; max-width: 100%; } .post-link-preview .post-link-preview-inner.video-wrapper { position: relative; padding-bottom: 55%; height: 0; } .post-link-preview .post-link-preview-inner.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post-link-preview .post-link-preview-inner:after { content: " "; clear: both; display: table; } .post-link-preview .post-link-preview-inner:before { content: " "; display: table; } .post-link-preview .post-preview-image { position: relative; display: block; width: 34%; max-width: 185px; height: 120px; background: #BBB; float: left; text-align: center; overflow: hidden; } .post-link-preview .post-preview-image div.img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .post-link-preview .post-preview-image[data-resource_type="youtube"]:after { display: block; position: absolute; top: 50%; left: 0; margin-top: -10px; font-family: 'Material Design Icons', Arial; font-size: 40px; content: "\F40A"; color: white; text-shadow: 0 3px 3px rgba(0,0,0,0.2); width: 100%; } @media (max-width: 480px) { .post-link-preview .post-preview-image { max-width: inherit; width: auto; float: none; padding-top: 50%; } } .post-link-preview .post-preview-infobox { width: 66%; float: left; padding: 8px 10px; line-height: 17px; } @media (max-width: 480px) { .post-link-preview .post-preview-infobox { width: auto; float: none; padding-bottom: 16px; } } .post-link-preview .post-preview-infobox .post-preview-title { color: #454545 !important; display: block; font-size: 13px; font-weight: bold; margin-bottom: 6px; } .post-link-preview .post-preview-infobox .post-preview-description { color: #777 !important; display: block; font-size: 12px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } @media (max-width: 480px) { .post-link-preview .post-preview-infobox .post-preview-description { display: none; } } .post-link-preview .post-preview-site-info { font-size: 11px; text-transform: uppercase; position: absolute; bottom: 6px; right: 8px; padding: 0 0 0 10px; color: #AAA; } .post-link-preview .post-preview-cancel { position: absolute; top: 10px; right: 10px; } .post-link-preview .post-preview-cancel i { font-size: 20px; } #modal-view-like, #modal-view-share { width: 270px; height: 360px; } #modal-view-like .mc-loader, #modal-view-share .mc-loader { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; } #modal-view-like .modal-close, #modal-view-share .modal-close { display: none; } #modal-view-like div.user, #modal-view-share div.user { position: relative; -webkit-animation: materialAppend 300ms; -moz-animation: materialAppend 300ms; -ms-animation: materialAppend 300ms; -o-animation: materialAppend 300ms; animation: materialAppend 300ms; will-change: transform, opacity; } #modal-view-like div.user a, #modal-view-share div.user a { display: block; padding: 12px; } #modal-view-like div.user a img.avatar, #modal-view-share div.user a img.avatar { position: absolute; top: 12px; left: 12px; width: 28px; border-radius: 2px; } #modal-view-like div.user a div.username, #modal-view-share div.user a div.username { line-height: 28px; padding-left: 40px; color: #333; } #modal-share .modal-content textarea { width: 100%; border: 0; resize: none; min-height: 40px; padding: 0; margin-bottom: 12px; color: #777; } #modal-share .post { border-left: 3px solid #D8D8D8; padding: 0 0 12px 0; } #modal-share .post .post-header { position: relative; padding: 12px 12px 0 12px; margin-bottom: 12px; height: 44px; } #modal-share .post .post-header a.avatar { position: absolute; top: 12px; left: 12px; } #modal-share .post .post-header a.avatar img { height: 32px; } #modal-share .post .post-header .post-header-inner { padding-left: 42px; } #modal-share .post .post-header .post-header-inner div.post-menu { display: none; } #modal-share .post .post-header .post-header-inner div.username-container { display: block; font-size: 14px; margin-top: -2px; } #modal-share .post .post-header .post-header-inner a.time { display: inline-block; color: #C1C1C1; font-size: 11px; line-height: 14px; vertical-align: 4px; } #modal-share .post .post-header:after { display: block; clear: both; content: ''; } #modal-share .post .post-content { color: #666; margin: 12px 0 0 0; padding: 0 12px; font-size: 14px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; overflow: hidden; } #modal-share .post .post-content:hover { overflow: inherit; } #modal-share .post .post-media { margin: 12px 0 0 0; padding: 0 12px; } #modal-share .post .post-media img { max-height: 280px; } #modal-image-open { width: 90%; height: 100%; } #modal-image-open .board-image { position: absolute; width: calc(100% - 385px); height: 100%; background: #000; } #modal-image-open .board-image .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } #modal-image-open .board-image .inner.image-small { background-size: initial !important; } #modal-image-open .stream { position: absolute; top: 0; right: 0; width: 385px; height: 100%; background-color: #FAFAFA; margin-top: 0; overflow-y: auto; } #modal-image-open .stream ul li.post { box-shadow: none; margin-bottom: 0; } #modal-image-open .stream ul li.post .post-media { display: none; } #modal-image-open .stream ul li.post .post-footnav { margin-top: 12px; } .load-user-box { position: relative; } .load-user-box .spacer-top { position: absolute; top: -15px; left: 0; width: 64px; height: 15px; } .load-user-box div.user-box { position: absolute; top: 100%; left: 0; padding-top: 12px; font-family: Tahoma, sans-serif; text-align: left; cursor: default; z-index: 99; animation-name: materialAppend; animation-duration: 0.2s; } .load-user-box div.user-box .user-box-inner { position: relative; width: 280px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,0.2); font-size: 13px; font-weight: 400; color: #888; } .load-user-box div.user-box .user-box-inner:before { position: absolute; left: 7px; bottom: 100%; border: solid rgba(0,0,0,0); content: " "; height: 0; width: 0; border-bottom-color: rgba(0,0,0,0.12); border-width: 10px; } .load-user-box div.user-box .user-box-inner:after { position: absolute; left: 8px; bottom: 100%; border: solid rgba(0,0,0,0); content: " "; height: 0; width: 0; border-bottom-color: #FFF; border-width: 9px; } .load-user-box div.user-box .user-box-body { padding: 12px 12px 12px 72px !important; min-height: 72px !important; line-height: 15px !important; font-size: 12px !important; color: #AAA !important; } .load-user-box div.user-box .user-box-body a.user-avatar { position: absolute !important; top: 12px !important; left: 12px !important; width: 48px !important; height: 48px !important; } .load-user-box div.user-box .user-box-body a.user-avatar img { display: block !important; width: 48px !important; height: 48px !important; max-width: inherit !important; max-height: inherit !important; margin: 0 !important; vertical-align: middle !important; opacity: 1 !important; border-radius: 2px !important; } .load-user-box div.user-box .user-box-body a.user-username { font-weight: bold !important; color: #454545 !important; font-family: 'Roboto', Tahoma, sans-serif !important; font-size: 17px !important; } .load-user-box div.user-box .user-box-body span.online { width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #39c339 !important; box-shadow: inset 0 -1px 6px 0 rgba(0,0,0,0.2) !important; display: inline-block !important; margin: 0 0 0 6px !important; vertical-align: 1px !important; padding: 0 !important; } .load-user-box div.user-box .user-box-body span.tag-vip { display: inline-block !important; color: white !important; margin: -1px -1px 0 5px !important; padding: 0 4px !important; border-radius: 2px !important; font-weight: bold !important; font-size: 9px !important; float: right !important; } .load-user-box div.user-box .user-box-body span.tag-vip.tag-vip-1 { background: #dfa90c !important; } .load-user-box div.user-box .user-box-body span.tag-vip.tag-vip-2 { background: #24b5b5 !important; } .load-user-box div.user-box .user-box-body div.user-premium { font-size: 13px !important; color: #999 !important; margin-top: 3px !important; } .load-user-box div.user-box .user-box-body div.user-premium i { color: #CCC !important; font-size: 15px !important; vertical-align: -1px !important; } .load-user-box div.user-box .user-box-body div.user-postnum { font-family: 'Open Sans', Tahoma, sans-serif !important; } .load-user-box div.user-box .user-box-body div.user-postnum span { font-weight: bold !important; color: #999 !important; } .load-user-box div.user-box .user-box-body div.user-reputation { font-family: 'Open Sans', Tahoma, sans-serif !important; } .load-user-box div.user-box .user-box-body div.user-reputation span { font-weight: bold !important; color: #008000 !important; } .load-user-box div.user-box .user-box-body .separator { margin-top: 6px !important; } .load-user-box div.user-box .user-box-footer { padding: 12px !important; background: #F5F5F5 !important; border-top: 1px solid #ECECEC !important; } .load-user-box div.user-box .user-box-footer .btn { display: block !important; float: left !important; } .load-user-box div.user-box .user-box-footer .btn.user-box-btn-follow { cursor: pointer !important; background: rgba(0,0,0,0.05) !important; color: #555 !important; height: 28px !important; line-height: 28px !important; font-weight: normal !important; } .load-user-box div.user-box .user-box-footer .btn.user-box-btn-follow.active { background: #22bd68 !important; color: white !important; } .load-user-box div.user-box .user-box-footer:after { content: ''; display: block; clear: both; } body.users #wrapper .content-block { position: relative; } @media (min-width: 768px) { body.users #wrapper .content-block:before { content: ''; position: absolute; top: 0; left: 33.33333333%; width: 1px; height: 100%; background: #DEDEDE; }   body.users #wrapper .content-block .content-block-body { min-height: 600px; } } body.users #users #users-nav-top { padding: 0 0 15px 0; } body.users #users #users-nav-top div.username { color: #333; text-align: center; font-size: 18px; font-weight: 700; font-family: 'Roboto', Tahoma, sans-serif; } body.users #users #users-nav-top .btn-add-to { position: absolute; top: -6px; right: 18px; } body.users #users #users-nav-top .btn-add-to .btn { height: 32px; line-height: 32px; padding-left: 12px; padding-right: 12px; color: #ADADAD; } body.users #users #users-nav-top .btn-add-to .btn-friend { color: #555; } body.users #users #users-nav-top .btn-add-to .btn-friend.active { background: #22bd68 !important; color: white; } body.users #users #users-nav-top .btn-add-to .btn-ignore { color: #555; } body.users #users #users-nav-top .btn-add-to .btn-ignore.active { background: #ff5735 !important; color: white; } body.users #users #profile { font-size: 13px; } body.users #users #profile div.avatar { margin: 0 0 18px 0; text-align: center; border-radius: 2px; } body.users #users #profile div.avatar table { width: 100%; } body.users #users #profile div.avatar table td { padding: 0; height: 151px; text-align: center; } body.users #users #profile div.avatar table td img { max-height: 500px; } body.users #users #profile div.profile-counts { text-align: center; border-radius: 2px; padding: 12px 20px; margin: 0 -1px 7px -1px; } body.users #users #profile div.profile-counts .row > div { padding: 0; } body.users #users #profile div.profile-counts span { display: block; font-size: 13px; color: #9C9C9C; margin-bottom: 2px; } body.users #users #profile div.profile-counts .color-reputation { color: #008000; } body.users #users #profile div.profile-info { text-align: center; } body.users #users #profile div.profile-info ul li { padding: 8px 0; border-bottom: 1px solid #DEDEDE; } body.users #users #profile div.profile-info ul li:last-child { border: 0; } body.users #users #profile div.profile-info ul li a { color: #787878; } body.users #users #profile div.profile-info ul li img { width: 24px; margin: 0 5px 0 0; vertical-align: -6px; border-radius: 2px; } body.users #users #profile div.profile-info ul li i.mdi-check { color: #AAA; font-size: 18px; vertical-align: -1px; margin-left: 0; } body.users #users #profile div.profile-info ul li.social a { display: inline-block; width: 16px; height: 16px; margin: 2px; background-image: url('images/generic/sprites-3.png'); } body.users #users #profile div.profile-info ul li.social a.profile_facebook { background-position: -19px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_googleplus { background-position: -1px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_twitter { background-position: -37px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_youtube { background-position: -55px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_steam { background-position: -73px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_origin { background-position: -89px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_skype { background-position: -106px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_youtube { background-position: -55px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_telegram { background-position: -124px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_paypal { background-position: -1px -19px; } body.users #users #profile div.profile-info ul li.social a.profile_patreon { background-position: -19px -19px; } body.users #users #profile div.profile-info ul li.social a.profile_website { background-position: -142px -1px; } body.users #users #profile div.profile-info ul li.social a.profile_twitch { background-position: -36px -19px; } body.users #users #profile div.profile-bio { color: #666; } body.users #users #profile div.profile-more-info .collection-item { padding-top: 0; padding-bottom: 0; } body.users #users #profile div.profile-more-info .row { line-height: 22px; padding: 6px 0; border-bottom: 1px solid #ECECEC; } body.users #users #profile div.profile-more-info .row > div:first-child { font-weight: bold; font-size: 11px; } body.users #users #profile div.profile-more-info .row > div:last-child { color: #666; border: 0; } body.users #users #profile div.profile-more-info .row:last-child { border-bottom: 0; } body.users #users #profile h4 a { color: #454545; } body.users #users #profile .collection .collection-item hr { margin: 8px -15px; } body.users #users #profile .collection .collection-item.collection-item-buddylist { padding: 12px 10px; } body.users #users #profile ul.profile-buddylist { margin: 0 auto; text-align: center; overflow: hidden; max-height: 108px; } body.users #users #profile ul.profile-buddylist li { display: inline-block; text-align: center; margin: 2px 0px; width: 32px; height: 32px; } body.users #users #profile ul.profile-buddylist li a { display: block; background-color: #EEE; width: 32px; height: 32px; } body.users #users #profile ul.profile-buddylist li a img { width: 32px; height: 32px; } body.users #users #profile ul.profile-images { position: relative; } body.users #users #profile ul.profile-images li { width: 48%; margin: 1%; float: left; } body.users #users #profile ul.profile-images li div { display: block; height: 100px; background-size: cover; background-position: center; background-color: #EEE; cursor: pointer; } body.users #users #profile ul.profile-images:after { display: block; content: ''; clear: both; } body.users #users #profile .badges-container .my-badge:last-child { margin-bottom: 0; } body.users #users #profile .color-online { color: #15A018; } body.users #users #profile-nav ul li { width: auto; } body.users #users #wrapper-load { min-height: 350px; } body.users #users #profile-images .no-images { color: #777; } body.users #users #profile-resources .row-resource-list:not(:last-child) { margin-bottom: 15px; } body.users #users #profile-friends ul { margin: 0; } body.users #users #profile-friends ul li { float: left; margin: 4px; width: 48px; height: 48px; background: #EEE; } body.users #users #profile-friends ul li a { display: inline-block; } body.users #users #profile-friends ul li a img { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } body.users #users #profile-friends ul li a img.visible { opacity: 1; } body.users #users #profile-friends ul:after { content: ''; display: block; clear: both; } body.users #users #profile-settings .collection { background-color: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border: 0; } body.users #users #profile-settings .collection .collection-item { padding: 12px; } body.users #users #profile-settings .collection .collection-item hr { margin: 8px -15px; } body.users #users #profile-settings .collection .collection-item a { color: #787878; } body.users #users #profile-settings pre { background: none; border: 0; padding: 10px 15px; font-size: 11px; } @media (max-width: 767px) { body.users #users #users-nav-top { text-align: center; }   body.users #users #users-nav-top .btn-add-to { position: static !important; margin-top: 12px; float: none !important; } } @media (min-width: 768px) { body.users #wrapper #users #profile div.profile-more-info li.collection-item > .row > .col-xs-4 { padding-right: 0; } } body.resources .resources-description-guidelines { list-style-type: square; font-size: 13px; padding-left: 15px; margin: 0; } body.resources .resources-description-guidelines > li { list-style-type: square; } body.resources .content-block .content-block-body > h4 { margin-top: 0; } body.file-dragging #resource-single .resource-header .file-field { right: 0 !important; bottom: 0 !important; margin: 0; width: 100%; height: 100%; border-radius: 0; z-index: 89 !important; opacity: 0.9 !important; } body.file-dragging #resource-single .resource-header .file-field i { display: block; position: absolute; top: 50%; margin-top: -28px; height: 56px; line-height: 56px; font-size: 48px; opacity: 1; -webkit-animation: resource-file-icon-animation 1.5s ease; -moz-animation: resource-file-icon-animation 1.5s ease; -ms-animation: resource-file-icon-animation 1.5s ease; -o-animation: resource-file-icon-animation 1.5s ease; animation: resource-file-icon-animation 1.5s ease; } #resource-search-form { margin-bottom: 18px; } #resource-search-form .fixed-right { right: 3px; } #resource-search-form .content-nav { margin: 0; } #resource-search-form .content-nav .block:first-child { padding: 6px 15px; } #resource-search-form .content-nav .resource-filter-nav { padding: 0; } #resource-search-form .content-nav .resource-filter-nav .resource-filter { max-width: 100%; width: 225px; float: left; } @media (max-width: 540px) { #resource-search-form .content-nav .resource-filter-nav .resource-filter { width: 100%; max-width: 220px; } } #resource-search-form .content-nav .resource-filter-nav .resource-filter ul { width: 100% !important; } #resource-search-form .content-nav .resource-filter-nav .resource-filter ul li a { height: 44px; line-height: 44px; padding: 0 15px; cursor: pointer; } #resource-search-form .content-nav .resource-filter-nav .resource-filter ul li a input { display: inline-block; text-transform: uppercase; font-size: 12px; min-width: 205px; } #resource-search-form .content-nav .resource-filter-nav .resource-filter ul li a div.select-wrapper { display: inline; } #resource-search-form .content-nav .resource-filter-nav .my-resources { float: right; } #resource-search-form .content-nav .resource-filter-nav .my-resources .btn { float: left; width: 44px; height: 45px; line-height: 43px; margin: 0; padding: 0; } #resource-search-form .content-nav .resource-filter-nav .my-resources .btn i { margin: 0; font-size: 24px; } #resource-search-form .content-nav .resource-filter-nav .my-resources .btn i.mdi-playlist-check { margin-top: -1px; } #resource-search-form .content-nav .resource-filter-nav .my-resources .btn i.mdi-upload { font-size: 22px; } #resource-search-form .content-nav .resource-filter-nav .my-resources .btn.btn-add { width: auto; padding: 0 12px; } #resource-search-form .content-nav .resource-filter-nav .my-resources .btn.btn-add i { vertical-align: -4px; margin-right: 3px; } #resource-search-form .content-nav .resource-filter-nav:after { content: ''; display: block; clear: both; } #resource-search-form div.select-wrapper input { margin: 0; border: 0; } #resource-upload-landing-page .resource-leaderboard .select-wrapper span.caret { right: 0; } #resource-upload-landing-page .resource-leaderboard .select-wrapper input[type=text] { margin-top: 12px; height: 18px; line-height: 18px; text-align: right; padding-left: 0; padding-right: 22px; text-transform: uppercase; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 600; color: #999; } #resource-upload-landing-page .resource-points-container { position: relative; } #resource-upload-landing-page .resource-points-container .open-resource-points-info { position: absolute; bottom: 5px; right: 5px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 24px; cursor: pointer; } #resource-popular { margin-bottom: 18px; } #resource-popular .swiper-skins-popular .inner { height: 273px !important; } #resource-popular .inner { height: 300px; } @media (max-width: 460px) { #resource-popular .inner { height: 240px; } } @media (max-width: 380px) { #resource-popular .inner { height: 200px; } } #resource-popular .inner > div.row { height: 100%; margin: 0 -6px; } #resource-popular .inner > div.row > div { height: 100%; padding: 0 6px; } #resource-popular .inner > div.row > div > div.row { height: 100%; margin: 0 -6px; } #resource-popular .inner > div.row > div > div.row > div { height: 100%; padding: 0 6px; } #resource-popular .inner .resource-popular-item-col .resource-popular-item { height: calc(50% - 6px); } #resource-popular .inner .resource-popular-item-col .resource-popular-item:not(:last-child) { margin-bottom: 12px; } #resource-popular .inner .resource-popular-item { position: relative; overflow: hidden; height: 100%; } #resource-popular .inner .resource-popular-item a { position: relative; display: block; height: 100%; } #resource-popular .inner .resource-popular-item a iframe.skinviewer { width: 100%; height: 100%; border: 0; pointer-events: none; background-color: #BBB; border-radius: 2px; } #resource-popular .inner .resource-popular-item a .resource-image { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; border-radius: 2px; background-color: #BBB; overflow: hidden; } #resource-popular .inner .resource-popular-item a .resource-image.resource-skin { background-size: 48px; } #resource-popular .inner .resource-popular-item a .resource-title { position: absolute; bottom: 0; left: 0; right: 0; height: 65px; line-height: 100px; padding: 0 8px 78px 8px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; font-size: 15px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.25), -1px 1px 2px rgba(0,0,0,0.25); border-radius: 0 0 2px 2px; background-color: rgba(0,0,0,0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100% rgba(0,0,0,0.6))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #resource-popular .inner .resource-popular-item a .resource-title span.badge { position: relative; top: -1px; float: none; margin: 0 0 0 8px; } #resource-popular .inner .resource-popular-item a .resource-desc { font-size: 11px; position: absolute; bottom: 3px; left: 8px; right: 8px; color: rgba(224,224,224,0.85); text-shadow: 0 1px 1px black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #resource-popular .inner .resource-popular-item a span.badge { position: absolute; top: 12px; right: 0; margin: 0; border-radius: 2px 0 0 2px; text-shadow: 0 1px 1px rgba(0,0,0,0.14); box-shadow: inset 0 -3px 12px 0 rgba(0,0,0,0.1); } #resources-top-week h6 i.mdi { color: #eabc0d; font-size: 15px; vertical-align: -1px; margin: 0 3px 0 -1px; } #resources-top-week .swiper-container .swiper-button-prev, #resources-top-week .swiper-container .swiper-button-next { width: 32px; height: 32px; margin-top: -16px; } #resources-top-week .resource-popular-item { position: relative; overflow: hidden; height: 150px; } #resources-top-week .resource-popular-item a { position: relative; display: block; height: 100%; } #resources-top-week .resource-popular-item a iframe.skinviewer { width: 100%; height: 100%; border: 0; pointer-events: none; background-color: #ABABAB; border-radius: 2px; } #resources-top-week .resource-popular-item a .resource-image { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; border-radius: 2px; background-color: #ABABAB; overflow: hidden; } #resources-top-week .resource-popular-item a .resource-image.resource-skin { background-size: 48px; } #resources-top-week .resource-popular-item a .resource-title { position: absolute; bottom: 0; left: 0; right: 0; height: 65px; line-height: 100px; padding: 0 8px 82px 8px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; font-size: 15px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.25), -1px 1px 2px rgba(0,0,0,0.25); border-radius: 0 0 2px 2px; background-color: rgba(0,0,0,0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100% rgba(0,0,0,0.6))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background-image: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #resources-top-week .resource-popular-item a .resource-title span.badge { position: relative; top: -1px; float: none; margin: 0 0 0 8px; } #resources-top-week .resource-popular-item a .resource-desc { font-size: 11px; position: absolute; bottom: 5px; left: 8px; right: 8px; color: rgba(224,224,224,0.85); text-shadow: 0 1px 1px black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #resources-top-week .resource-popular-item a span.badge { position: absolute; top: 8px; right: 0; margin: 0; border-radius: 2px 0 0 2px; } #resources-top-week .resource-popular-item a span.badge.num { left: 0; right: auto; border-radius: 0 2px 2px 0; background: #737373; min-width: 32px; } #resources-top-week .resource-popular-item a span.badge.num[data-num="1"] { background: #4c4c4c; } #resources-top-week .resource-popular-item a span.badge.num[data-num="2"] { background: #616161; } .resource-all-pagination .page-num { padding-top: 14px; } #resources { position: relative; min-height: 500px; margin-top: 18px; } #resources:after { content: ''; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } #resources.loading:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #eff2f5; opacity: 1; } #resources .row-resource-list { -webkit-animation: materialAppend 500ms; -moz-animation: materialAppend 500ms; -ms-animation: materialAppend 500ms; -o-animation: materialAppend 500ms; animation: materialAppend 500ms; opacity: 1; } #resources .row-resource-list .resource-block { margin-bottom: 15px; } .resource-generic { position: relative; background-color: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; min-height: 116px; padding: 15px; text-align: left; } .resource-generic .resource-image { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 208px; background-color: #BBB; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 2px 0 0 2px; } .resource-generic .resource-image.resource-skin { background-size: 32px; } .resource-generic .resource-image img { display: none; } .resource-generic .inner { padding-left: 208px; } .resource-generic .inner .resource-title { padding-right: 15px; line-height: 16px; margin-bottom: 8px; } .resource-generic .inner .resource-title a { font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; font-size: 16px; color: #454545; } .resource-generic .inner .resource-title .resource-favourite-button { display: none; font-size: 16px; color: #eabc0d; margin-left: 1px; pointer-events: none; } .resource-generic .inner .resource-title .resource-favourite-button.active { display: inline-block; } .resource-generic .inner .resource-title span.badge { position: relative; display: inline-block; top: -2px; float: none; margin: 0 0 0 4px; font-size: 10px; padding: 0 5px; height: 15px; line-height: 15px; min-width: inherit; } .resource-generic .inner .resource-description { margin-bottom: 0; font-family: 'Open Sans', Tahoma, sans-serif; font-size: 13px; color: #777; max-height: 58px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .resource-generic .inner .resource-description:first-letter { text-transform: uppercase; } .resource-generic .inner .resource-info { margin-top: 5px; margin-bottom: -2px; font-family: 'Roboto', Tahoma, sans-serif; font-size: 13px; color: #999; } .resource-generic .inner .resource-info ul { margin: 0; } .resource-generic .inner .resource-info ul li { line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .resource-generic .inner .resource-info ul li b, .resource-generic .inner .resource-info ul li strong { margin-right: 5px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 400; color: #6F6F6F; } .resource-generic .inner .resource-info ul li.uploader { overflow: inherit; } .resource-generic .inner .resource-info ul li.stats { margin-top: 1px; } .resource-generic .inner .resource-info ul li.stats i { font-size: 15px; vertical-align: -2px; } .resource-generic .inner .resource-info ul li.stats a { float: left; margin-right: 8px; color: #AAA; } .resource-generic .inner .resource-info ul li.stats a.active { color: #666; } .resource-generic .inner .resource-info ul li.stats a.resource-favourite-button { margin-right: 10px; } .resource-generic .inner .resource-info ul li.stats a.resource-favourite-button.active { color: #eabc0d; } .resource-generic .inner .resource-info ul li.stats a.resource-favourite-button i { font-size: 16px; } .resource-generic .inner .resource-info ul li.stats span.count { margin-left: 5px; vertical-align: 0; font-size: 11px; opacity: 0.75; } .resource-generic .inner .resource-info ul li.stats a.resource-points { margin-top: 1px; font-size: 12px; color: #565656; opacity: 0.75; } .resource-generic .inner .resource-info ul li.stats .rating-wrap { float: left; } .resource-generic .inner .resource-info ul li.stats:after { content: ''; display: block; clear: both; } .resource-generic .inner .resource-info ul li .username { font-weight: normal; font-size: 13px; color: #777; } .resource-generic .inner .resource-info ul li .username img { vertical-align: -3px; margin-left: 5px; margin-right: 3px; border-radius: 2px; } .resource-generic .inner .resource-menu { position: absolute; top: 12px; right: 12px; } .resource-generic .inner .resource-menu >  a { color: #CCC; } .resource-generic .inner .resource-menu >  a i { display: block; width: 15px; font-size: 20px; } .resource-generic .inner .resource-menu .dropdown-content { left: auto !important; top: 0 !important; right: 0 !important; } .resource-generic.resource-small { min-height: 105px; margin-bottom: 2px; } @media (min-width: 429px) { .resource-generic.resource-small { height: 90px; } } .resource-generic.resource-small .resource-image { width: 30%; } .resource-generic.resource-small .inner { padding-left: calc(30% + 10px); } .resource-generic.resource-small .inner .resource-info ul li img { vertical-align: -3px; margin-right: 2px; } @media (max-width: 560px) { .resource-generic .resource-image { width: 145px; }   .resource-generic .inner { padding-left: 145px; } } @media (max-width: 428px) { .resource-generic .resource-image { position: static !important; margin: -15px -15px 15px -15px !important; width: auto !important; height: 140px; border-radius: 2px 2px 0 0; }   .resource-generic .resource-image img { display: block !important; width: 100% !important; }   .resource-generic .inner { padding-left: 0 !important; } } .resource-generic.resource-image-top { padding: 0; } .resource-generic.resource-image-top .resource-image { position: relative !important; width: auto !important; height: 140px; } .resource-generic.resource-image-top .resource-image img { display: block !important; width: 100% !important; } .resource-generic.resource-image-top span.badge { position: absolute; top: 8px; right: 0; border-radius: 2px 0 0 2px; text-shadow: 0 1px 1px rgba(0,0,0,0.14); box-shadow: inset 0 -3px 12px 0 rgba(0,0,0,0.1); } .resource-generic.resource-image-top .inner { padding: 15px !important; } .resource-skin { position: relative; } .resource-skin .inner { padding: 12px 8px; background-color: #FFF; box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-align: center; } .resource-skin .inner .resource-image { margin-bottom: 12px; } .resource-skin .inner .resource-image a { display: block; height: 128px; } .resource-skin .inner .resource-image a img { max-height: 100%; } .resource-skin .inner .resource-image a img.skin-front { display: inline; } .resource-skin .inner .resource-image a img.skin-back { display: none; } .resource-skin .inner .resource-image:hover a img.skin-front { display: none !important; } .resource-skin .inner .resource-image:hover a img.skin-back { display: inline !important; } .resource-skin .inner .resource-title { margin-top: 12px; line-height: 20px; font-size: 14px; font-weight: 500; font-family: 'Roboto', Tahoma, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .resource-skin .inner .resource-title a { color: #454545; } .resource-skin .inner .resource-title .resource-favourite-button { display: none; font-size: 16px; color: #eabc0d; vertical-align: -1px; margin-left: 1px; pointer-events: none; } .resource-skin .inner .resource-title .resource-favourite-button.active { display: inline-block; } .resource-skin .inner .resource-title .resource-menu { position: absolute; top: 12px; right: 8px; } .resource-skin .inner .resource-title .resource-menu >  a { color: #CCC; } .resource-skin .inner .resource-title .resource-menu >  a i { width: 15px; font-size: 20px; } .resource-skin .inner .resource-title .resource-menu .dropdown-content { left: auto !important; top: 0 !important; right: 3px; } .resource-skin .inner .resource-info { line-height: 18px; } .resource-skin .inner .resource-info ul { margin: 0; text-align: center; } .resource-skin .inner .resource-info ul li { display: inline-block; padding: 0 6px; font-size: 12px; } .resource-skin .inner .resource-info ul li.resource-points { font-size: 12px; opacity: 0.75; padding: 0; margin-left: -2px; } .resource-skin .inner .resource-info ul li i { font-size: 15px; vertical-align: -3px; } .resource-skin .inner .resource-info ul li span.count { margin-left: 5px; vertical-align: -1px; font-size: 11px; opacity: 0.75; } .resource-skin .inner .resource-info ul li a { display: inline-block; color: #AAA; padding: 0 3px; } .resource-skin .inner .resource-info ul li a.active { color: #454545; } .resource-skin .inner .resource-info:after { display: block; content: ''; clear: both; } .resource-skin .resource-author { text-align: center; line-height: 20px; margin-top: 2px; } .resource-skin .resource-author a { font-size: 11px; color: #999; } .resource-skin .resource-author a img { vertical-align: -3px; margin-right: 8px; border-radius: 2px; } .resource-mob { position: relative; } .resource-mob .resource-image { height: 110px; display: block; background-color: #4A4A4A; background-size: cover; background-position: center; border-radius: 2px 2px 0 0; } .resource-mob .inner { padding: 12px 8px; background-color: #FFF; box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-align: center; } .resource-mob .inner .resource-title { margin-top: 0; line-height: 20px; font-size: 15px; font-weight: 500; font-family: 'Roboto', Tahoma, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .resource-mob .inner .resource-title a { color: #454545; } .resource-mob .inner .resource-title .resource-favourite-button { display: none; font-size: 16px; color: #eabc0d; vertical-align: -1px; margin-left: 1px; pointer-events: none; } .resource-mob .inner .resource-title .resource-favourite-button.active { display: inline-block; } .resource-mob .inner .resource-title .resource-menu { position: absolute; top: 12px; right: 8px; } .resource-mob .inner .resource-title .resource-menu >  a { color: #CCC; } .resource-mob .inner .resource-title .resource-menu >  a i { width: 15px; font-size: 20px; } .resource-mob .inner .resource-title .resource-menu .dropdown-content { left: auto !important; top: 0 !important; right: 3px; } .resource-mob .inner .resource-description { display: none; } .resource-mob .inner .resource-info { line-height: 18px; } .resource-mob .inner .resource-info ul { margin: 0; text-align: center; } .resource-mob .inner .resource-info ul li { display: inline-block; padding: 0 6px; font-size: 12px; } .resource-mob .inner .resource-info ul li.resource-points { font-size: 12px; opacity: 0.75; padding: 0; margin-left: -2px; } .resource-mob .inner .resource-info ul li i { font-size: 15px; vertical-align: -3px; } .resource-mob .inner .resource-info ul li span.count { margin-left: 5px; vertical-align: -1px; font-size: 11px; opacity: 0.75; } .resource-mob .inner .resource-info ul li a { display: inline-block; color: #AAA; padding: 0 3px; } .resource-mob .inner .resource-info ul li a.active { color: #454545; } .resource-mob .inner .resource-info:after { display: block; content: ''; clear: both; } .resource-mob .resource-author { text-align: center; line-height: 20px; margin-top: 2px; } .resource-mob .resource-author a { font-size: 11px; color: #999; } .resource-mob .resource-author a img { vertical-align: -3px; margin-right: 8px; border-radius: 2px; } body.resources-single #wrapper .col-box { position: relative; } body.resources-single #wrapper .col-box .content-block-primary { position: relative; } body.resources-single #resource-single { min-height: 340px; } body.resources-single #resource-single .resource-header { position: relative; overflow: hidden; background: #222; } body.resources-single #resource-single .resource-header .resource-cover .resource-image-blurred-container { position: absolute; top: 0; right: 0; bottom: 0; width: 250px; height: 100%; overflow: hidden; background: #272727; z-index: 9; } body.resources-single #resource-single .resource-header .resource-cover .resource-image-blurred-container .resource-image-blurred { position: absolute; top: -15px; bottom: -15px; right: -15px; width: 816px; background-size: cover; background-position: center; opacity: 0.5; -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); } body.resources-single #resource-single .resource-header .resource-cover .resource-image-container { position: relative; } body.resources-single #resource-single .resource-header .resource-cover .resource-image-container img:not([src]) { padding-top: 50%; visibility: hidden; } @media (min-width: 690px) { body.resources-single #resource-single .resource-header .resource-cover .resource-image-container { height: 358px; } } @media (max-width: 767px) { body.resources-single #resource-single .resource-header .resource-cover .resource-image-container.skinviewer-container .resource-image { position: static; height: auto; }   body.resources-single #resource-single .resource-header .resource-cover .resource-image-container.skinviewer-container .resource-image iframe.skinviewer { height: 320px; } } @media (max-width: 480px) { body.resources-single #resource-single .resource-header .resource-cover .resource-image-container.skinviewer-container .resource-image iframe.skinviewer { height: inherit; } } body.resources-single #resource-single .resource-header .resource-cover .resource-image-container .resource-image { position: absolute; top: 0; left: 0; right: 250px; bottom: 0; overflow: hidden; background-image: inherit; background-position: center; background-size: cover; } @media (max-width: 767px) { body.resources-single #resource-single .resource-header .resource-cover .resource-image-container .resource-image { right: 0; } } body.resources-single #resource-single .resource-header .resource-cover .resource-image-container .resource-skin-upload-preview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: initial; background-position: center; } body.resources-single #resource-single .resource-header .resource-cover .resource-image-container .tip { position: absolute; top: 50%; left: 0; margin-top: -35px; width: 100%; height: 70px; line-height: 23px; } body.resources-single #resource-single .resource-header .resource-cover .resource-image-container .tip i { color: #777; font-size: 21px; vertical-align: -2px; } body.resources-single #resource-single .resource-header .resource-cover .resource-image-container .tip p { text-align: center; } body.resources-single #resource-single .resource-header .resource-cover-sidebar { position: absolute; top: 0; right: 0; padding: 12px 15px; z-index: 9; opacity: 0.8; } body.resources-single #resource-single .resource-header .resource-cover-sidebar .block { padding: 0 0 10px 0; } body.resources-single #resource-single .resource-header .resource-cover-sidebar .block:last-child { padding-bottom: 0; } body.resources-single #resource-single .resource-header .resource-cover-sidebar .block .block-header { color: #FFF; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 600; margin-bottom: -2px; } body.resources-single #resource-single .resource-header .resource-cover-sidebar .block .block-body { color: rgba(255,255,255,0.6); font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 300; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } body.resources-single #resource-single .resource-header .resource-cover-sidebar .block .block-body a { color: rgba(255,255,255,0.6); } @media (max-width: 767px) { body.resources-single #resource-single .resource-header .resource-cover-sidebar { position: static; }   body.resources-single #resource-single .resource-header .resource-cover-sidebar .block { padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }   body.resources-single #resource-single .resource-header .resource-cover-sidebar .block .block-header { display: inline-block; margin-right: 5px; }   body.resources-single #resource-single .resource-header .resource-cover-sidebar .block .block-body { display: inline-block; } } @media (min-width: 690px) { body.resources-single #resource-single .resource-header .resource-cover-sidebar { width: 248px; float: left; } } body.resources-single #resource-single .resource-header .resource-title { position: absolute; bottom: 0; left: 0; right: 0; height: 120px; padding-top: 82px; background-color: rgba(0,0,0,0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100% rgba(0,0,0,0.75))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background-image: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); } @media (min-width: 768px) { body.resources-single #resource-single .resource-header .resource-title { right: 248px; } } body.resources-single #resource-single .resource-header .resource-title a.resource-favourite-button { display: inline-block; width: 45px; height: 32px; line-height: 32px; background: none; margin: -12px -21px 0 0; padding: 0 15px; -webkit-transition: color 0.12s ease-in-out; -moz-transition: color 0.12s ease-in-out; -o-transition: color 0.12s ease-in-out; -ms-transition: color 0.12s ease-in-out; transition: color 0.12s ease-in-out; color: rgba(255,255,255,0.3); position: relative; z-index: 99; } body.resources-single #resource-single .resource-header .resource-title a.resource-favourite-button.active { color: #eabc0d; } body.resources-single #resource-single .resource-header .resource-title h1 { display: inline-block; cursor: default; border: 0; max-width: calc(100% - 45px); margin: 0; padding: 0 18px; color: #FFF; font-size: 18px; } @media (max-width: 767px) { body.resources-single #resource-single .resource-header .resource-title h1 { margin: 0; padding: 0 15px; } } body.resources-single #resource-single .resource-header .resource-title:after { content: ''; display: block; clear: both; } body.resources-single #resource-single .resource-header .resource-admin-edit-buttons { position: absolute; z-index: 100; top: 10px; right: 30px; background-color: white; padding: 5px; border: 2px solid #fafafa; opacity: 0.85; } body.resources-single #resource-single .resource-header .resource-admin-edit-buttons a { font-size: 20px; } body.resources-single #resource-single .resource-header .file-field { position: absolute; right: 223px; bottom: 15px; padding: 0; float: right; z-index: 50; } body.resources-single #resource-single .resource-header .file-field > i { -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } body.resources-single #resource-single .resource-header .file-field > i.mdi-camera { vertical-align: -4px; } @media (max-width: 767px) { body.resources-single #resource-single .resource-header .file-field { right: 15px; } } body.resources-single #resource-single .resource-nav .resource-tabs { position: relative; } @media (min-width: 768px) { body.resources-single #resource-single .resource-nav .resource-tabs { width: calc(100% - 248px); float: left; } } @media (max-width: 767px) { body.resources-single #resource-single .resource-nav .resource-tabs { padding-right: 45px; } } body.resources-single #resource-single .resource-nav .resource-tabs ul.tabs { display: block; } body.resources-single #resource-single .resource-nav .resource-tabs ul.tabs .tab a { padding: 0 18px; } @media (max-width: 767px) { body.resources-single #resource-single .resource-nav .resource-tabs ul.tabs .tab a { padding: 0 14px; } } body.resources-single #resource-single .resource-nav .resource-tabs:after { content: ''; display: block; clear: both; } body.resources-single #resource-single .resource-nav .resource-tabs .open-resource-menu { position: absolute; top: 0; right: 0; width: 48px; height: 46px; line-height: 46px; padding: 0 8px; margin: 0; background: none; z-index: 95; } body.resources-single #resource-single .resource-nav .resource-tabs .open-resource-menu i { font-size: 20px; vertical-align: -4px; color: #CCC; margin-right: -7px; } body.resources-single #resource-single .resource-nav .resource-item-controls { position: relative; height: 45px; line-height: 45px; } body.resources-single #resource-single .resource-nav .resource-item-controls .resource-points { position: relative; float: left; } body.resources-single #resource-single .resource-nav .resource-item-controls .resource-points .points-bar { position: absolute; bottom: 0; left: 0; width: 200px; max-width: 100%; height: 2px; overflow: hidden; background: whitesmoke; } body.resources-single #resource-single .resource-nav .resource-item-controls .resource-points .points-bar .points-bar-likes { height: 2px; background: #167ac6; } body.resources-single #resource-single .resource-nav .resource-item-controls .resource-points .points-bar .points-bar-dislikes { height: 2px; background: #b7b7b7; float: right; } body.resources-single #resource-single .resource-nav .resource-item-controls .resource-points .points-bar > div { float: left; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } body.resources-single #resource-single .resource-nav .resource-item-controls .resource-points .points-bar:after { content: ''; display: block; clear: both; } body.resources-single #resource-single .resource-nav .resource-item-controls .resource-points:after { content: ''; display: block; clear: both; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn { display: block; float: left; background: none; width: auto; height: 45px; line-height: 45px; padding: 0 15px; font-family: 'Roboto', Tahoma, sans-serif; text-align: center; color: rgba(0,0,0,0.3); } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn:hover { color: #696a6a; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.active { color: #454545; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.active i.mdi-heart { color: red; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.resource-like-content { margin-right: 8px; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.resource-favourite-button { float: right; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.resource-favourite-button.active { color: #ffca00; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.resource-points { cursor: default; padding-left: 0; font-size: 12px; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.resource-preview { text-align: left; height: 45px; line-height: 45px; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.resource-preview.active { background: #EEE; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.resource-preview i { font-size: 24px; vertical-align: -5px; margin-right: 8px; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.open-resource-menu { width: 48px; height: 45px; line-height: 45px; padding: 0 8px; margin: 0; float: right !important; background: none; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn.open-resource-menu i { font-size: 20px; vertical-align: -4px; color: #CCC; margin-left: -3px; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn i { margin: 0; font-size: 17px; vertical-align: -2px; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn i.mdi-flag { display: inline-block; margin-top: -1px; font-size: 21px; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn i.mdi-star { font-size: 21px; vertical-align: 0px; margin-top: -1px; } body.resources-single #resource-single .resource-nav .resource-item-controls a.btn span.count { display: inline-block; margin: 0 0 0 8px; font-size: 11px; color: #777; opacity: 0.75; vertical-align: 1px; } body.resources-single #resource-single .resource-nav .resource-item-controls .dropdown-content { top: 100% !important; left: auto !important; right: 0; min-width: 180px; } @media (max-width: 690px) { body.resources-single #resource-single .resource-nav .resource-item-controls .dropdown-content { top: 45px !important; } } body.resources-single #resource-single .resource-nav .resource-item-controls:after { content: ''; display: block; clear: both; } @media (max-width: 767px) { body.resources-single #resource-single .resource-nav .resource-item-controls { border-top: 1px solid #ECECEC; height: auto; }   body.resources-single #resource-single .resource-nav .resource-item-controls a.btn { display: inline-block; } } @media (min-width: 768px) { body.resources-single #resource-single .resource-nav .resource-item-controls { width: 248px; float: left; } } body.resources-single #resource-single .resource-nav:after { content: ''; display: block; clear: both; } @media (min-width: 768px) { body.resources-single #resource-single .resource-content { min-height: 590px; float: left; } } @media (min-width: 768px) { body.resources-single #resource-single .resource-content { width: calc(100% - 255px); } } body.resources-single #resource-single .resource-content #tab-info pre { font-size: 13px; } body.resources-single #resource-single .resource-content #tab-images .grid .grid-sizer, body.resources-single #resource-single .resource-content #tab-images .grid .grid-item { width: 50%; } body.resources-single #resource-single .resource-content #tab-images a.btn[data-action=photo-add] { position: relative; } body.resources-single #resource-single .resource-content #tab-images a.btn[data-action=photo-add] input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } body.resources-single #resource-single .resource-content #tab-images .forms-content { position: relative; padding: 15px 0 0 15px; } body.resources-single #resource-single .resource-content #tab-images .forms-content div.gallery-list p.no-images { padding-right: 15px; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media { position: relative; width: calc(33.3% - 15px); height: 120px; float: left; margin: 0 15px 15px 0; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media .gallery-media-inner { background-color: #EEE; background-size: cover; background-position: center; width: 100%; height: 100%; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media .progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; will-change: background-color; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-color: rgba(255,255,255,0.4); margin: 0; border-radius: 0; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media .abort { position: absolute; top: 0; right: 0; width: 24px; height: 24px; line-height: 26px; text-align: center; color: #FFF; background-color: rgba(0,0,0,0.4); cursor: pointer; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media.upload-failed .progress { height: 0%; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media.upload-failed .abort { display: none; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media.upload-completed .progress { height: 0%; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media.uploading { cursor: wait; } body.resources-single #resource-single .resource-content #tab-images .gallery-list .gallery-media.uploading .abort { display: none; } body.resources-single #resource-single .resource-content #tab-images .gallery-list:after { display: block; clear: both; content: ''; } body.resources-single #resource-single .resource-content #tab-images .grid-sizer { margin-top: -4px; } body.resources-single #resource-single .resource-sponsor { margin-bottom: 18px; } @media (max-width: 767px) { body.resources-single #resource-single .resource-sidebar { margin-top: 15px; } } body.resources-single #resource-single .resource-sidebar ul.list { margin: 0; } body.resources-single #resource-single .resource-sidebar ul.list li:not(:last-child) { margin-bottom: 5px; } body.resources-single #resource-single .resource-sidebar ul.list li:after { content: ''; display: block; clear: both; } body.resources-single #resource-single .resource-sidebar ul.list li div.user-box { left: -10px; } body.resources-single #resource-single .resource-sidebar ul.list li a { font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; color: #454545; } body.resources-single #resource-single .resource-sidebar ul.list li a img { vertical-align: -3px; margin-right: 5px; border-radius: 2px; } body.resources-single #resource-single .resource-sidebar ul.list li div.icon-wrap { width: 16px; height: 16px; line-height: 16px; font-size: 18px; float: left; margin-right: 8px; color: #AAA; } body.resources-single #resource-single .resource-sidebar ul.list li div.icon-wrap i { vertical-align: -3px; } body.resources-single #resource-single .resource-sidebar ul.list li span.time { font-size: 12px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social { margin-top: -5px; margin-bottom: -5px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a { display: inline-block; width: 16px; height: 16px; margin: 2px; background-image: url('images/generic/sprites-3.png'); } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_facebook { background-position: -19px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_googleplus { background-position: -1px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_twitter { background-position: -37px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_youtube { background-position: -55px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_steam { background-position: -73px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_origin { background-position: -89px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_skype { background-position: -106px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_youtube { background-position: -55px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_telegram { background-position: -124px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_paypal { background-position: -1px -19px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_patreon { background-position: -19px -19px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_website { background-position: -142px -1px; } body.resources-single #resource-single .resource-sidebar ul.list li ul li.social a.profile_twitch { background-position: -36px -19px; } body.resources-single #resource-single .resource-sidebar ul.list .user-box-inner { max-width: 239px; } @media (min-width: 768px) { body.resources-single #resource-single .resource-sidebar { width: 255px; float: left; } } body.resources-single #resource-single .resource-sidebar .forms:not(:last-child) { margin-bottom: 15px; } body.resources-single #resource-single #resource-extra-contents { height: 302px; margin-top: 20px; } body.resources-single #resource-single #resource-extra-contents .resources-related { position: relative; } body.resources-single #resource-single #resource-extra-contents .resources-related h4 { padding-right: 56px; } body.resources-single #resource-single #resource-extra-contents .resources-related:not(:last-child) { margin-bottom: 25px; } body.resources-single #resource-single #resource-extra-contents .resources-related .swiper-buttons { position: absolute; top: -7px; right: 0; width: 52px; height: 32px; } body.resources-single #resource-single #resource-extra-contents .resources-related .swiper-buttons > div { position: static; float: left; opacity: 1; margin: 0; width: 26px; height: 32px; line-height: 32px; text-align: center; font-size: 29px; cursor: pointer; color: #999; } body.resources-single #resource-single.resource-edit .resource-nav .resource-item-controls a.btn.open-resource-menu { height: 45px; line-height: 45px; } @media (min-width: 768px) { body.resources-single #resource-single.resource-edit form .content-block-body { min-height: 700px; } } @media (max-width: 767px) { body.resources-single #resource-single.resource-edit form .resource-nav .resource-tabs { width: 100%; } } body.resources-single #resource-single.skins .resource-header .resource-cover .resource-image-container iframe.skinviewer { width: 100%; height: 100%; border: 0; background: #36251A url('images/background/brown-skin.jpg'); } .upload-btn-container .btn { margin-bottom: 12px; } @media (min-width: 768px) { .upload-btn-container .btn { height: 48px; line-height: 48px; } } .upload-btn-container .btn i { position: absolute; top: 0; left: 18px; } .upload-btn-container .btn sup { font-size: 7px; vertical-align: 3px; opacity: 0.4; margin-left: 3px; } a.resource-opinion-button { cursor: pointer; -webkit-transition: color .150s ease-in-out; -moz-transition: color .150s ease-in-out; -o-transition: color .150s ease-in-out; -ms-transition: color .150s ease-in-out; transition: color .150s ease-in-out; } #modal-revisions-log { max-width: 500px; } #modal-revisions-log .item-related-link { display: none; } #resource-modal-report { width: 500px; max-width: 90%; height: 310px; max-height: 70%; } #resource-modal-report .modal-content { padding-bottom: 0; } #resource-modal-report h5 { margin-top: 0; } #resource-modal-report .reason-more textarea { display: none; box-shadow: none; border: 0; margin: 0; } #resource-mycontents-wrapper .row-resource-list { margin-bottom: 15px; } #resource-mycontents-wrapper .row-resource-list.not-visible { opacity: 0.7; } #resource-mycontents-wrapper .row-resource-list .resource-info > .row > div { display: none; } #resource-mycontents-wrapper .row-resource-list .resource-info > .row > div:first-child { display: block; width: 100%; } #resource-my-opinions ul.logs li span.log-username, #resource-my-favourites ul.logs li span.log-username { color: #777; } #resource-my-opinions ul.logs li span.log-username a, #resource-my-favourites ul.logs li span.log-username a { color: #777; } #resource-my-opinions ul.logs li span.log-username a img, #resource-my-favourites ul.logs li span.log-username a img { vertical-align: -3px; margin-right: 5px; border-radius: 2px; } #modal-guidelines { overflow: hidden; } #modal-guidelines .modal-footer.panel-locked:after { background: rgba(255,255,255,0.3); z-index: 9999; } #modal-guidelines .swiper-container { height: 350px; } #modal-guidelines .swiper-container .swiper-slide { padding: 15px; overflow-y: auto; } #modal-guidelines .swiper-container .swiper-slide .swipe-material-title { height: 120px; line-height: 185px; margin: -15px -15px 15px -15px; padding: 0 15px; background-image: url('images/background/bg-generic.png'); border-radius: 2px 2px 0 0; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 700; font-size: 19px; color: #fff; } #modal-guidelines .swiper-container .swiper-slide:nth-child(1) .swipe-material-title { background-color: #1275db; } #modal-guidelines .swiper-container .swiper-slide:nth-child(2) .swipe-material-title { background-color: #2cac6c; } #modal-guidelines .swiper-container .swiper-slide:nth-child(3) .swipe-material-title { background-color: #db394f; } #modal-guidelines .swiper-container .swiper-slide:nth-child(4) .swipe-material-title { background-color: #db8646; } #modal-guidelines .swiper-button-disabled { display: none; } @-webkit-keyframes resource-file-icon-animation { 0% { opacity: 0; transform: translate3d(0,30px,0); }   25% { opacity: 0; }   100% { opacity: 1; transform: translate3d(0,0,0); } } @-moz-keyframes resource-file-icon-animation { 0% { opacity: 0; transform: translate3d(0,30px,0); }   25% { opacity: 0; }   100% { opacity: 1; transform: translate3d(0,0,0); } } @-ms-keyframes resource-file-icon-animation { 0% { opacity: 0; transform: translate3d(0,30px,0); }   25% { opacity: 0; }   100% { opacity: 1; transform: translate3d(0,0,0); } } @-o-keyframes resource-file-icon-animation { 0% { opacity: 0; transform: translate3d(0,30px,0); }   25% { opacity: 0; }   100% { opacity: 1; transform: translate3d(0,0,0); } } @keyframes resource-file-icon-animation { 0% { opacity: 0; transform: translate3d(0,30px,0); }   25% { opacity: 0; }   100% { opacity: 1; transform: translate3d(0,0,0); } } @media (min-width: 768px) { body.queue #wrapper { min-height: 1200px; } } body.queue #wrapper #nav-left ul li:hover.color-resources_new, body.queue #wrapper #nav-left ul li.active.color-resources_new { box-shadow: inset 3px 0 0 0 #daa500; } body.queue #wrapper #nav-left ul li:hover.color-resources_revision, body.queue #wrapper #nav-left ul li.active.color-resources_revision { box-shadow: inset 3px 0 0 0 #F98701; } body.queue #wrapper #nav-left ul li:hover.color-resources_reports, body.queue #wrapper #nav-left ul li.active.color-resources_reports { box-shadow: inset 3px 0 0 0 #F90E01; } body.queue #wrapper #nav-left ul li:hover.color-crafting_suggest_description, body.queue #wrapper #nav-left ul li.active.color-crafting_suggest_description { box-shadow: inset 3px 0 0 0 #0EA50E; } body.queue #wrapper #nav-left ul li:hover.color-servers, body.queue #wrapper #nav-left ul li.active.color-servers { box-shadow: inset 3px 0 0 0 #0596EF; } body.queue #wrapper #nav-left ul li:hover.color-billing_info, body.queue #wrapper #nav-left ul li.active.color-billing_info { box-shadow: inset 3px 0 0 0 #C200D8; } body.queue #wrapper #queue .color-resources_new .item-related-link a { color: #daa500 !important; } body.queue #wrapper #queue .color-resources_revision .item-related-link a { color: #F98701 !important; } body.queue #wrapper #queue .color-resources_reports .item-related-link a { color: #F90E01 !important; } body.queue #wrapper #queue .color-crafting_suggest_description .item-related-link a { color: #0EA50E !important; } body.queue #wrapper #queue .color-servers .item-related-link a { color: #0596EF !important; } body.queue #wrapper #queue .color-billing_info .item-related-link a { color: #C200D8 !important; } body.queue #wrapper #queue .wrapper-item-done { margin: -2px -3px -2px -2px; padding: 2px 8px 2px 2px; overflow-y: scroll; max-height: 1130px; } body.queue #wrapper #queue .wrapper-item-done .queue-item.queue-item-done { cursor: pointer; } #queue.done .queue-item .item-info { display: none; } #queue.done .queue-item.expand .item-info { display: block; } .queue-item { position: relative; background: #FFF; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .queue-item:not(:last-child) { margin-bottom: 15px; } .queue-item:after { position: absolute; left: -3px; top: 0; bottom: -3px; width: 0; height: 100%; content: ''; background: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .queue-item[data-status="1"]:after { width: 3px; background: #15AF50; } .queue-item[data-status="2"]:after { width: 3px; background: #E2002E; } .queue-item[data-done="1"] .item-info { display: none; } .queue-item[data-hidden="1"] { opacity: 0.5; } .queue-item .operator-action { width: 28px; padding-left: 12px; line-height: 37px; text-align: center; float: left; } .queue-item .operator-action img { vertical-align: -3px; } .queue-item .operator-action .load-user-box { display: inline-block; margin: 4px 0 0 8px; } .queue-item .operator-action span.time { color: #C1C1C1; } .queue-item .item-header { position: relative; display: block; font-size: 13px; border-bottom: 1px solid rgba(0,0,0,0.08); } .queue-item .item-header .item-action { color: #777; line-height: 16px; font-size: 12px; padding: 9px 12px; } .queue-item .item-header .item-action a { color: #454545; font-weight: bold; } .queue-item .item-header .item-action a img { margin-right: 6px; vertical-align: -4px; } .queue-item .item-header .item-action span.time { color: #C1C1C1; margin-left: 5px; } .queue-item .item-header .item-related-link { margin-top: -9px; padding: 0 12px 7px 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .queue-item .item-header .item-related-link a { font-size: 12px; font-weight: bold; color: #454545; } .queue-item .item-header .item-related-link i { margin-left: 2px; font-size: 15px; vertical-align: -2px; color: #C3C3C3; } .queue-item .item-header .operator-action { position: absolute; left: 12px; bottom: 10px; } .queue-item .item-header div.queue-menu { position: absolute; top: 12px; right: 12px; font-size: 23px; } .queue-item .item-header div.queue-menu > a { color: #CCC; } .queue-item .item-header div.queue-menu > a i { width: 15px; font-size: 20px; } .queue-item .item-header div.queue-menu ul { top: 0 !important; left: auto !important; right: 0; } .queue-item .item-info { position: relative; border-bottom: 1px solid rgba(0,0,0,0.08); font-size: 12px; } .queue-item .item-info .diffresult { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .queue-item .item-info .queue-server-info { color: #b3b3b3; font-size: 11px; } .queue-item .item-info .queue-server-info .online { position: relative; display: inline-block; background-color: #15A018; width: 9px; height: 9px; border-radius: 50%; margin-left: 6px; cursor: default; } .queue-item .item-info .queue-server-info .online:after { position: absolute; top: -2px; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(255,255,255,0.1); border-radius: 50%; } @media (max-width: 480px) { .queue-item .item-info .queue-server-info .online { display: none; } } .queue-item .item-info table { border-top: 1px solid rgba(0,0,0,0.08); margin: 0; } .queue-item .item-info table:first-child { border-top: 0 !important; } .queue-item .item-info table tr:first-child td { border-top: 0; } .queue-item .item-info table tr td { padding: 5px; padding-left: 12px; padding-right: 12px; border-top: 1px solid #F2F2F2; } .queue-item .item-info table tr td.td-checkbox { padding-top: 9px; } .queue-item .item-info table tr td:first-child { width: 30%; color: #999; } .queue-item .item-info table tr td b, .queue-item .item-info table tr td strong { color: #999; } .queue-item .item-info table tr td .content-body-text { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .queue-item .item-info table tr td input:not(.smallbox) { font-size: 12px; height: 32px; margin: 0 !important; border: 0 !important; box-shadow: none !important; } .queue-item .item-info table tr td select[multiple] { height: 120px; } .queue-item .item-info table tr td input:not(.smallbox), .queue-item .item-info table tr td select, .queue-item .item-info table tr td textarea { margin: 0 !important; padding: 0; border: 0 !important; box-shadow: none !important; } .queue-item .item-info > p { padding: 15px; } .queue-item .item-info p:last-child { margin-bottom: 0 !important; } .queue-item .item-info ul.tabs { box-shadow: inset 0 -1px 0 0 #efefef; border-radius: 0; } .queue-item .item-info .queue-editor { position: relative; } .queue-item .item-info .queue-editor .open-editor { position: absolute; top: 15px; right: 12px; color: #CCC; } .queue-item .item-info .queue-editor .open-editor i { vertical-align: -2px; font-size: 20px; } .queue-item .item-info .queue-editor .queue-preview { padding: 12px 46px 12px 12px; } .queue-item .item-info .queue-editor .queue-textarea { padding: 12px; } .queue-item .item-info .queue-info-padding { padding: 12px; } .queue-item .item-info .swiper-container-horizontal { overflow: hidden; } .queue-item .item-info .swiper-container-horizontal .swiper-slide .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .queue-item .item-info .swiper-container-horizontal .swiper-slide .content-body-text { width: 100%; } .queue-item .item-footer .item-footer-btn { float: left; } .queue-item .item-footer .item-footer-btn .btn-group { float: left; margin: 0; } .queue-item .item-footer .item-footer-btn .btn-group div.btn { cursor: default; } .queue-item .item-footer .item-footer-btn .btn-group .btn { width: 42px; height: 44px; line-height: 44px; margin: 0; padding: 0; background: none; color: #D2D2D2; border-right: 1px solid rgba(0,0,0,0.08); } .queue-item .item-footer .item-footer-btn .btn-group .btn.btn-ok:hover, .queue-item .item-footer .item-footer-btn .btn-group .btn.btn-ok.active { color: #26B528; } .queue-item .item-footer .item-footer-btn .btn-group .btn.btn-ok .active { background: #F7F7F7; } .queue-item .item-footer .item-footer-btn .btn-group .btn.btn-nope:hover, .queue-item .item-footer .item-footer-btn .btn-group .btn.btn-nope.active { color: #E2002E; } .queue-item .item-footer .item-footer-btn .btn-group .btn.btn-nope .active { background: #F7F7F7; } .queue-item .item-footer .item-footer-btn .btn-group .btn i { font-size: 24px; margin: 0; } .queue-item .item-footer .item-footer-note { position: relative; width: -webkit-calc(100% - 84px); float: left; } .queue-item .item-footer .item-footer-note.points { width: -webkit-calc(100% - 274px); } .queue-item .item-footer .item-footer-note input[type="text"] { margin: 0; height: 44px; line-height: 44px; padding: 0 44px 0 12px; border: 0 !important; box-shadow: none !important; font-size: 12px; color: #999; width: 100%; box-sizing: border-box; } .queue-item .item-footer .item-footer-note .send-pm { position: absolute; top: 0; right: 0; height: 44px; line-height: 44px; float: left; cursor: pointer; padding: 0 12px; color: #CCC; font-size: 20px; } .queue-item .item-footer .item-footer-points { float: right; border-left: 1px solid rgba(0,0,0,0.08); border-right: 1px solid rgba(0,0,0,0.08); } .queue-item .item-footer .item-footer-points > .range-field { position: relative; padding-top: 12px; z-index: 9; float: left; width: 100px; } .queue-item .item-footer .item-footer-points a.info { height: 44px; line-height: 44px; float: left; cursor: pointer; padding: 0 12px; color: #CCC; font-size: 20px; } .queue-item .item-footer .item-footer-points a.info i { vertical-align: 1px; } .queue-item .item-footer .item-footer-points > .selected-points { text-align: center; float: right; width: 44px; height: 44px; line-height: 44px; } .queue-item .item-footer .item-footer-points > .selected-points .count { font-weight: bold; font-size: 14px; } .queue-item .item-footer .item-footer-points > .selected-points[data-points="-2"] .count:before { content: "-2"; color: red; } .queue-item .item-footer .item-footer-points > .selected-points[data-points="-1"] .count:before { content: "-1"; color: red; } .queue-item .item-footer .item-footer-points > .selected-points[data-points="0"] .count:before { content: "0"; color: gray; } .queue-item .item-footer .item-footer-points > .selected-points[data-points="1"] .count:before { content: "+1"; color: #009d00; } .queue-item .item-footer .item-footer-points > .selected-points[data-points="2"] .count:before { content: "+2"; color: #009d00; } .queue-item .item-footer .item-footer-points > .selected-points[data-points="3"] .count:before { content: "+3"; color: #009d00; } .queue-item .item-footer .item-footer-points > .selected-points .btn { height: 44px; line-height: 44px; padding: 0 12px; background: none; color: #888; float: right; } .queue-item .item-footer .item-footer-points > .selected-points:after { content: ''; display: block; clear: both; } .queue-item .item-footer .item-footer-points .modal .selected-points { text-align: center; margin-bottom: 35px; } .queue-item .item-footer:after { content: ''; display: block; clear: both; } .queue-item .item-footer .modal .range-field { margin: 0 auto; padding: 8px 0; width: 300px; max-width: 100%; } .queue-item .item-footer .modal .help-points { margin-top: 10px; } .queue-item .item-footer .modal .help-points .help-points-item { display: none; } .queue-item .item-footer .modal .help-points .help-points-item.active { display: block; } .queue-item.queue-item-done { padding: 0; font-size: 12px; } .queue-item.queue-item-done .item-header { cursor: pointer; color: #454545; } .queue-item.queue-item-done .item-header .item-action { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .queue-item.queue-item-done .item-header .item-related-link a { font-size: 11px; font-weight: bold; } .queue-item.queue-item-done .item-info { display: none; } .queue-item.queue-item-done .item-footer > .row { margin: 0; } .queue-item.queue-item-done .item-footer > .row > div { padding: 0; } .queue-item.queue-item-done .item-footer .btn-group .btn i { font-size: 18px; } .queue-item.queue-item-done .item-footer .item-status { width: 40px; margin-left: -1px; padding: 0 12px; line-height: 36px; text-align: center; float: left; } .queue-item.queue-item-done .item-footer .item-status i { font-size: 19px; vertical-align: -1px; } .queue-item.queue-item-done .item-footer .item-time { text-align: left; font-size: 10px; height: 36px; line-height: 34px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .queue-item.queue-item-done .item-footer .item-note { line-height: 35px; padding-right: 15px; } .queue-item.queue-item-done .item-footer .item-note i { font-size: 19px; vertical-align: -4px; margin-right: -3px; color: #999; } .queue-item.queue-item-done .item-footer .item-points { line-height: 35px; padding-right: 15px; font-size: 11px; font-weight: bold; } .queue-item.queue-item-done .item-footer .item-points[data-points="+1"], .queue-item.queue-item-done .item-footer .item-points[data-points="+2"], .queue-item.queue-item-done .item-footer .item-points[data-points="+3"] { color: #2aab6f; } .queue-item.queue-item-done .item-footer .item-points[data-points="0"] { color: #999; } .queue-item.queue-item-done .item-footer .item-points[data-points="-1"], .queue-item.queue-item-done .item-footer .item-points[data-points="-2"] { color: #ff5050; } .queue-item.queue-item-done .item-footer span.badge { position: absolute; top: 8px; right: 15px; font-size: 11px; } .queue-item.queue-item-done:not(:last-child) { margin-bottom: 15px; } .queue-item.queue-item-done:hover .item-footer { opacity: 1; } .queue-item.queue-item-done.active { background: #f6f6f6 !important; } .queue-item:not(.queue-item-done) .operator-action { display: none; } #modal-queue-info { width: 500px; overflow-x: hidden; } #modal-queue-info .queue-item .item-info { display: block; } @media (min-width: 768px) { body.help #wrapper .content-block { min-height: 1120px; } } body.help div.faq-header { text-align: center; margin-bottom: 15px; } body.help div.faq-header .forms { background-color: #F5F5F5; } body.help div.faq-header h5 { margin: 0; } body.help div.faq-header div.faq-search { max-width: 410px; margin: 0 auto; padding-bottom: 0; } body.help div.faq-header div.form-search { padding-right: 28px; } body.help div.faq-header div.faq-nav { overflow-x: auto; text-align: center; padding: 0; } body.help div.faq-header div.faq-nav .row { margin: 15px 0 0 0; min-width: 560px; } body.help div.faq-header div.faq-nav .row .item { display: block; float: left; width: 16.66666666666667%; height: 78px; padding: 15px 0; color: #555; cursor: pointer; opacity: 0.7; } body.help div.faq-header div.faq-nav .row .item i { font-size: 22px; color: #BBB; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } body.help div.faq-header div.faq-nav .row .item h6 { margin-top: 8px; margin-bottom: 0; } body.help div.faq-header div.faq-nav .row .item.active { box-shadow: inset 0 -2px 0 0 #1B9642; opacity: 1; } body.help div.faq-header div.faq-nav .row .item.active i { color: #AAA; } body.help #faqs ul { margin: 0; } body.help #faqs ul li.collection-item { position: relative; padding: 0; opacity: 0.65; } body.help #faqs ul li.collection-item a.question { display: block; padding: 15px; cursor: pointer; font-size: 14px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 600; color: #454545; } @media (max-width: 767px) { body.help #faqs ul li.collection-item a.question { font-size: 13px; } } body.help #faqs ul li.collection-item a.question .icon { float: left; margin: -4px 12px 0 0; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 25px; color: #BBB; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } @media (max-width: 767px) { body.help #faqs ul li.collection-item a.question .icon { display: none; } } body.help #faqs ul li.collection-item div.answer { display: none; padding: 0 15px 15px 15px; font-size: 13px; color: #656565; } body.help #faqs ul li.collection-item div.answer ul li { margin-left: 18px; list-style-type: square; } body.help #faqs ul li.collection-item div.answer p:last-child { margin: 0; } body.help #faqs ul li.collection-item.notice { opacity: 1; } body.help #faqs ul li.collection-item.notice a { color: #1B9642; } body.help #faqs ul li.collection-item.open { opacity: 1; } body.help #faqs ul li.collection-item.open a.question .icon { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } body.help .contact-box-header .forms p { font-size: 13px; margin-bottom: 20px; min-height: 50px; } body.help .contact-box-body { display: none; } body.about #team .team-list { padding: 30px 15px 0 15px; } body.about #team .team-list .row > div { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; margin-bottom: 15px; cursor: pointer; opacity: 0.8; } body.about #team .team-list .row > div:hover { opacity: 1; } body.about #team .team-list .row > div > a { display: block; margin-bottom: 20px; } body.about #team .team-list .row > div > a .image { margin-bottom: 12px; text-align: center; } body.about #team .team-list .row > div > a .image img { width: 120px; padding-top: 7px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.about #team .team-list .row > div > a h3 { text-align: center; font-size: 18px; font-weight: 600; margin-top: 3px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } body.about #team .team-list .row > div > a div.role { text-align: center; font-size: 12px; } body.about #team .team-list .row > div > a div.role strong { font-weight: 600; } body.about #team .team-list .row > div:nth-child(even) .image:hover img { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } body.about #team .team-list .row > div:nth-child(odd) .image:hover img { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } body.badges .content-block .content-block-header .title { text-align: center; float: none; } body.badges #badges-list .forms-content { padding: 15px 9px 11px 15px; } body.badges #badges-list .forms-content h4 { margin: 0 0 3px 0; text-align: center; } body.badges #badges-list .forms-content p { text-align: center; margin-bottom: 20px; } body.badges #badges-list .my-badge-container { margin-top: 15px; } body.badges #badges-list .my-badge-container .item .my-badge { margin: 0 auto 8px auto; } @media (max-width: 767px) { body.badges #badges-list .my-badge-container { text-align: center; }   body.badges #badges-list .my-badge-container .item { display: inline-block; float: none; }   body.badges #badges-list .my-badge-container .item .my-badge { margin: 1px; }   body.badges #badges-list .my-badge-container:after { content: ''; display: block; clear: both; } } body.badges #badges-list .my-badge-container:after { content: ''; display: block; clear: both; } body.api-cheatsheet #tabs .tab { display: none; } body.api-cheatsheet #tabs .tab h4 { margin-top: 0; } body.api-cheatsheet #tabs .tab.active { display: block; } body.api-cheatsheet .api-endpoint { border-radius: 0; margin-bottom: 15px; } body.api-cheatsheet textarea { font-size: 12px; resize: none; } body.sandbox #tabs .tab { display: none; } body.sandbox #tabs .tab h4 { margin-top: 0; } body.sandbox #tabs .tab.active { display: block; } body.sandbox #tabs .tab.tab-sandbox-html-grid .sandbox-row-highlight .row { margin: 0 -6px; } body.sandbox #tabs .tab.tab-sandbox-html-grid .sandbox-row-highlight .row > div { background: gainsboro; border: 6px solid #FAFAFA; border-top: 0; padding: 15px; } body.sandbox .sandbox-box .content-body-text { min-height: 50px; } body.sandbox .sandbox-box .sandbox-box-code { margin: 15px 0 0 0; } body.sandbox .forms .sandbox-box .forms { box-shadow: none; } body.sandbox .forms .sandbox-box .forms .forms-content { padding: 0; } body.sandbox textarea { font-size: 12px; resize: none; } #vip-wall { display: block; margin: 20px auto 0 auto; text-align: center; } #vip-wall a { position: relative; display: inline-block; margin: 0 8px 15px 8px; width: 48px; height: 48px; } body.shop.file-dragging .block-shop-banner-edit .preview-box .btn { top: 0; left: 0; width: 100% !important; height: 100% !important; line-height: 100%; background: rgba(176,176,176,0.85); color: #242424; transition: none; } body.shop.file-dragging .block-shop-banner-edit .preview-box .btn i { position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; } body.shop.file-dragging .block-shop-banner-edit .preview-box .btn input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } body.shop figure, body.shop span.figure { display: inline-block; width: 32px; height: 32px; margin: 0; vertical-align: -11px; } body.shop figure.image-emerald, body.shop span.figure.image-emerald { background: url('../images/shop/emerald.png'); } body.shop figure.image-emerald.small, body.shop span.figure.image-emerald.small { background: url('../images/shop/emerald-small.png'); } body.shop figure.image-vip-disabled, body.shop span.figure.image-vip-disabled { background: url('../images/shop/vip-disabled.png'); } body.shop figure.image-vip-gold, body.shop span.figure.image-vip-gold { background: url('../images/shop/vip-gold.png'); } body.shop figure.image-vip-diamond, body.shop span.figure.image-vip-diamond { background: url('../images/shop/vip-diamond.png'); } body.shop figure.small, body.shop span.figure.small { width: 16px; height: 16px; vertical-align: -3px; background-size: 16px; } body.shop #nav-left.logged .header { padding-left: 65px; } body.shop #nav-left.logged .header a h5 { display: block; margin: -5px 0 0 0; } body.shop #nav-left.logged .header a img, body.shop #nav-left.logged .header a i { position: absolute; left: 18px; } body.shop #nav-left.logged .header a > i { padding-top: 4px; } body.shop #nav-left.logged .message { display: block; font-size: 12px; margin-top: -4px; color: #999; } body.shop form.paypal { margin-top: 15px; } body.shop form.paypal h4.heading > span { float: right; font-size: 12px; color: #222; opacity: 0.5; margin-top: 2px; } body.shop form.paypal h4.heading > span figure { vertical-align: -3px; } body.shop form.paypal hr { border-color: #F2F2F2; margin: 12px -15px 0px -15px; } body.shop form.paypal .input-buy .select-wrapper input.select-dropdown { margin: 0; border: 1px solid #ECECEC !important; border-radius: 2px; } body.shop form.paypal .input-buy .select-wrapper ul li img { width: auto; height: auto; margin: 11px 8px; } body.shop form.paypal .accept-tos { margin-top: 18px; } body.shop form.paypal .accept-tos p { font-size: 12px; } body.shop form.paypal .accept-tos label { color: #555; } body.shop form.paypal .input-tos { margin-top: 15px; } body.shop form.paypal a.btn-pay { box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; color: #FFF; height: 45px; line-height: 45px; } body.shop form.paypal a.btn-pay.btn-pay-g2a { background: #5866b7; } body.shop form.paypal a.btn-pay.btn-pay-paypal { background: #009ee3; } body.shop form.paypal a.btn-pay span.paypal { display: inline-block; width: 58px; height: 20px; background: url('../images/shop/paypal.png') no-repeat; background-size: 60px; margin-left: 5px; vertical-align: -5px; pointer-events: none; } body.shop form.paypal a.btn-pay span.g2a { display: inline-block; width: 106px; height: 21px; background: url('../images/shop/g2apay.png') no-repeat; background-size: 106px; margin-left: 5px; vertical-align: -5px; pointer-events: none; } body.shop form.paypal:after { display: block; clear: both; content: ''; } body.shop .block-shop-index a.panel-shop { position: relative; display: block; padding: 15px; margin-bottom: 15px; font-size: 12px; color: #999; } body.shop .block-shop-index a.panel-shop img { margin-right: 15px; } body.shop .block-shop-index a.panel-shop .media-body { padding-left: 63px; } body.shop .block-shop-index a.panel-shop .media-body h5 { margin: 6px 0 5px 0; } body.shop .block-shop-index a.panel-shop .media-body a { color: #909090; } body.shop .block-shop-index a.panel-shop:hover .media-body h5 { color: #333; } body.shop .block-shop-index a.panel-shop:after { content: ''; display: block; clear: both; } body.shop .block-shop-index #accepted-payments img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.shop .block-shop-index #accepted-payments:not(:hover) img { webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; filter: grayscale(100%); opacity: 0.3; } body.shop .block-shop-vip .block-vip-available { position: relative; } body.shop .block-shop-vip .block-vip-available .swiper-buttons { position: absolute; top: -7px; right: 0; width: 52px; height: 32px; } body.shop .block-shop-vip .block-vip-available .swiper-buttons > div { position: static; float: left; opacity: 1; margin: 0; width: 26px; height: 32px; line-height: 32px; text-align: center; font-size: 29px; cursor: pointer; color: #999; } body.shop .block-shop-vip .block-vip-intro { position: relative; } body.shop .block-shop-vip .block-vip-intro .swiper-buttons { position: absolute; top: -7px; right: 0; width: 52px; height: 32px; } body.shop .block-shop-vip .block-vip-intro .swiper-buttons > div { position: static; float: left; opacity: 1; margin: 0; width: 26px; height: 32px; line-height: 32px; text-align: center; font-size: 29px; cursor: pointer; color: #999; } @media (min-width: 992px) { body.shop .block-shop-vip .block-vip-intro .forms-account-vip { margin: 0 !important; } } body.shop .block-shop-vip .block-vip-intro .forms-account-vip h4 { text-align: center; margin: 5px 0 0 0; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table { margin: 0 0 5px 0; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr td { border-top: 1px dashed #E6E6E6; line-height: 15px; text-align: center; font-family: 'Open Sans', Tahoma, sans-serif; font-size: 13px; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr td b { font-weight: 600; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr td.no-border { border-bottom: 1px solid transparent !important; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr th:first-child, body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr td:first-child { width: auto; vertical-align: middle; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr:first-child td { border: 0; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table i.mdi-open-in-new { vertical-align: -2px; font-size: 18px; margin-left: 5px; color: #CCC; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table i.icon-green { color: #10A810; font-size: 20px; vertical-align: -2px; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table i.icon-red { color: #ED3F3F; font-size: 20px; vertical-align: -2px; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table .btn { position: relative; margin-top: 5px; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table .btn img { position: absolute; bottom: -10px; right: -12px; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table .desc { font-size: 13px; color: #777; margin-top: 5px; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table .desc b { color: #14be54; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table .desc div.duration { line-height: 20px; font-size: 11px; color: #AAA; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table .desc .row { line-height: 24px; } body.shop .block-shop-vip .block-vip-intro .forms-account-vip table .my-badge { margin: 0 auto 3px auto; } @media (max-width: 767px) { body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr td,   body.shop .block-shop-vip .block-vip-intro .forms-account-vip table tr th { width: 33%; } } body.shop .block-shop-vip .block-vip-buy .vip-pack { opacity: 0.6; } body.shop .block-shop-vip .block-vip-buy .vip-pack.active { opacity: 1; } body.shop .block-shop-vip .block-vip-buy .vip-list .vip-pack { padding: 28px; } body.shop .block-shop-vip .block-vip-buy .step-2 .vip-box-summary hr { margin: 15px 0; } body.shop .block-shop-vip .block-vip-buy .step-2 .vip-box-summary figure { margin-right: 15px; } body.shop .block-shop-vip .vip-pack { position: relative; display: block; background: #FAFAFA; box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 15px; margin-bottom: 12px; color: #8E8E8E; cursor: pointer; overflow: hidden; } @media (max-width: 767px) { body.shop .block-shop-vip .vip-pack { margin-bottom: 15px; } } body.shop .block-shop-vip .vip-pack.unselectable { cursor: default; } body.shop .block-shop-vip .vip-pack img { float: left; margin: 3px 24px 0 15px; width: 32px; height: 32px; } body.shop .block-shop-vip .vip-pack div.vip-title { margin: 0; color: #454545; font-size: 16px; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } body.shop .block-shop-vip .vip-pack div.vip-price { font-size: 13px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } body.shop .block-shop-vip .vip-pack div.vip-price b .inner { color: #14be54; } body.shop .block-shop-vip .vip-pack .save { position: absolute; top: 8px; right: -32px; width: 100px; height: 22px; line-height: 22px; text-align: center; transform: rotateZ(46deg); background: #a800ea; color: white; font-size: 11px; font-weight: bold; } body.shop .block-shop-vip .vip-pack sup { top: -0.5em; color: #C1C1C1; text-transform: uppercase; } body.shop .block-shop-vip .final-vip-price { font-size: 14px; margin: 0 0 18px 0; } body.shop .block-shop-vip .final-vip-price .price { display: inline-block; width: 55px; color: #10c856; margin-left: 8px; margin-right: 8px; text-align: right; } body.shop .block-shop-vip .box-for-another-user { margin-top: 18px; } body.shop .block-shop-vip .box-for-another-user input[name=gift_username] { max-width: 320px; margin-top: 10px; margin-bottom: 0; } body.shop .block-shop-donation input.emerald-donation { background-image: url('../images/shop/emerald.png'); background-repeat: no-repeat; background-position: calc(100% - 18px) center; } body.shop .block-shop-donation i.mdi-currency-eth { background-image: url('images/generic/currency-eth.png'); background-repeat: no-repeat; height: 28px; background-size: 30px; margin-top: -3px; } body.shop .block-shop-donation .forms.donators-list .row > div { line-height: 24px; } body.shop .block-shop-donation .forms.donators-list .row > div img { margin-right: 5px; } body.shop .block-shop-donation .forms.donators-list .row:not(:last-child) { margin-bottom: 8px; } body.shop .block-shop-banner-choose a { display: block; margin-top: 40px; text-align: center; } body.shop .block-shop-banner-choose a img { margin: -28px 0 10px 0; border: 3px solid #E7E7E7; box-shadow: 0 0 0 1px #C5C5C5; border-radius: 2px; } body.shop .block-shop-banner-choose a h4 { margin: 2px 0 5px 0; text-transform: uppercase; font-weight: 600; font-size: 17px; } body.shop .block-shop-banner-choose a p { color: #999; font-size: 12px; } body.shop .block-shop-banner-choose a ul { color: #555; margin: 0 auto; max-width: 160px; text-align: left; font-size: 12px; } body.shop .block-shop-banner-choose a ul li.no-icon { list-style-type: none; font-size: 11px; color: #888; } body.shop .block-shop-banner-choose a ul li.no-icon > span { display: inline-block; } body.shop .block-shop-banner-choose a ul li.no-icon span.price { width: 40px; color: #14be54; font-weight: bold; text-align: right; } body.shop .block-shop-banner-choose a ul li.no-icon span.x { width: 15px; } body.shop .block-shop-banner-choose a ul li.no-icon-first { padding-top: 8px; } body.shop .block-shop-banner-list table thead th { padding: 15px; } body.shop .block-shop-banner-list table tbody { font-size: 12px; } body.shop .block-shop-banner-list table tbody td { padding: 15px; } body.shop .block-shop-banner-list table tbody div.name a { color: #454545; } body.shop .block-shop-banner-list table tbody ul.options { font-size: 12px; } body.shop .block-shop-banner-list table tbody ul.options li { float: left; margin-right: 8px; } body.shop .block-shop-banner-list table tbody ul.options li a { color: #999; } body.shop .block-shop-banner-edit hr { margin: 0 -15px; border-color: #ECECEC; } body.shop .block-shop-banner-edit .banner-type-list { margin-bottom: 15px; } body.shop .block-shop-banner-edit .banner-type-list small { display: block; margin-top: 15px; color: #999; font-size: 11px; } body.shop .block-shop-banner-edit .banner-type-list .banner-type { text-align: center; min-height: 136px; margin: -15px 0 0 0; padding: 60px 0; font-size: 13px; cursor: default; } body.shop .block-shop-banner-edit .banner-type-list .banner-type.active { background: #EAEAEA; border: 1px solid #CECECE; } body.shop .block-shop-banner-edit .banner-type-list .banner-type .preview-box { position: relative; margin: 0 auto; max-width: 100%; } body.shop .block-shop-banner-edit .banner-type-list .banner-type .preview-box .preview { position: absolute; top: 50%; left: 50%; } body.shop .block-shop-banner-edit .banner-type-list .banner-type .preview-box .btn { background: rgba(176,176,176,0.85); color: #242424; } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-image .preview-box { background-color: #EEE; box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #555555; overflow: hidden; } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-image .preview-box .btn { position: absolute; bottom: 0; right: 0; width: 36px; height: 36px; padding: 0; border-radius: 0; } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-image .preview-box .btn input[type="file"] { position: absolute; top: 0; right: 0; width: 36px; height: 36px; opacity: 0; } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box { background: #FFE5A4; border: 1px solid rgba(0,0,0,0.1); width: 500px; height: 46px; } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box input { border: 0; background: none; box-shadow: none; box-sizing: border-box; padding: 0 48px 0 12px; color: rgba(0,0,0,0.7); } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box input::-webkit-input-placeholder { color: rgba(0,0,0,0.3); } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box input:-moz-placeholder { color: rgba(0,0,0,0.3); } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box input::-moz-placeholder { color: rgba(0,0,0,0.3); } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box input:-ms-input-placeholder { color: rgba(0,0,0,0.3); } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box a.dropdown-button { position: absolute; top: 0; bottom: 0; right: 0; width: 48px; height: auto; line-height: 48px; padding: 0; background: none; color: rgba(0,0,0,0.5); } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box div#dropdown-color { top: 45px !important; left: auto !important; right: 0; width: 195px !important; } body.shop .block-shop-banner-edit .banner-type-list .banner-type.banner-type-text .preview-box div#dropdown-color input { display: none; } body.shop .block-shop-banner-edit .banner-type-list ul.info-top { margin: 0; font-size: 12px; } body.shop .block-shop-banner-edit .banner-type-list ul.info-top span { margin-left: 3px; color: #777; } body.shop .block-shop-banner-edit .banner-type-list.active .banner-type { cursor: pointer; } body.shop .block-shop-banner-edit table td { padding: 5px 0; } body.shop .block-shop-banner-active { margin-top: 32px; } body.shop .block-shop-banner-active .forms h5 { margin-top: 18px; margin-bottom: 0; } body.shop .block-shop-banner-active .forms img { margin: -40px 0 12px 0; border: 3px solid #E7E7E7; box-shadow: 0 0 0 1px #C5C5C5; border-radius: 2px; } body.shop .block-shop-banner-active .forms .banner-title { font-size: 12px; } body.shop .block-shop-banner-active .forms .banner-title a { font-size: 11px; } body.shop .block-shop-banner-active .forms #duration select { margin-bottom: 0; } body.shop .block-shop-banner-active .forms #price { text-align: right; line-height: 45px; font-size: 13px; color: #999; } body.shop .block-shop-banner-active .forms #price span.price { color: #14be54; font-weight: bold; font-size: 14px; margin-left: 12px; } body.shop .block-shop-banners-landing-page .circle { color: white; font-size: 14px; font-weight: bold; margin: 12px auto 0 auto; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; } body.shop .block-shop-billing-info #billing-info-choose .forms { cursor: pointer; } body.shop .block-shop-billing-info #billing-info-choose .forms .forms-content { text-align: center; padding-left: 30px; padding-right: 30px; } body.shop .block-shop-billing-info #billing-info-choose .forms .forms-content h5 { margin-top: 5px; } body.shop .block-shop-billing-info #billing-info-choose .forms .forms-content i { display: block; color: #999; font-size: 45px; height: 38px; margin: 15px 0; } body.shop .block-shop-billing-info #billing-info-data .forms[data-filter="company"] { display: none; } body.shop .block-shop-billing-info #billing-info-data[data-type="company"] .forms[data-filter="company"] { display: block; } body.shop .shop-transactions table th, body.shop .shop-transactions table td { padding: 15px; } .visible-app { display: none; } body.offline { background-color: #2B2B2B !important; } body.offline .block-support { display: none; } body.app { background-color: #EEE; padding-top: 56px !important; } body.app .visible-app { display: block; } body.app #header span.badge.mc-badge { background: #444; border: 1px solid #3c3c3c; } body.app #header.app-header { width: 100%; height: 56px; background: #1a9047; box-shadow: 0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.2); position: fixed; top: 0; right: 0; left: 0; z-index: 90; } body.app #header.app-header div.menu-icon { width: 56px; height: 56px; line-height: 68px; text-align: center; position: relative; display: block; cursor: pointer; float: left; } @media (max-width: 370px) { body.app #header.app-header div.menu-icon { width: 50px; } } body.app #header.app-header div.menu-icon i { display: block; margin-top: -6px; font-size: 24px; color: white; } body.app #header.app-header h3 { color: #fff; height: 56px; line-height: 57px; font-size: 19px; margin: 0; float: left; } body.app #header.app-header #nav-right { float: right; } body.app #header.app-header #nav-right .panel-user > ul { margin: 0; } body.app #header.app-header #nav-right .panel-user > ul > li { float: left; width: 56px; height: 56px; line-height: 56px; } @media (max-width: 370px) { body.app #header.app-header #nav-right .panel-user > ul > li { width: 50px; } } body.app #header.app-header #nav-right .panel-user > ul > li > a { display: block; text-align: center; height: 56px; color: #FFF; font-size: 23px; } body.app #header.app-header #nav-right .panel-user > ul > li > a i { vertical-align: 0; } body.app #header.app-header #nav-right .panel-user > ul > li > a i.mdi-message-outline { font-size: 23px; } body.app #header.app-header #nav-right .panel-user > ul > li > a i.mdi-earth { font-size: 23px; } body.app #header.app-header #nav-right .panel-user > ul > li > a i.mdi-magnify { font-size: 26px; } body.app #header.app-header #nav-right .panel-user > ul > li > a span.badge { position: absolute; top: 9px; right: 9px; } body.app #header.app-header #nav-right .panel-user > ul > li.li-notify > a { margin-top: -1px; display: block; } body.app #header.app-header #nav-right .panel-user > ul > li .dropdown-slide { top: 56px; } body.app #header.app-header #nav-right .panel-user > ul > li:after { content: ''; display: block; clear: both; } body.app #header.app-header #nav-right:after { content: ''; display: block; clear: both; } body.app #header.app-header .menu-inner-search form { float: left; } body.app #header.app-header .menu-inner-search form input[type="text"] { height: 56px; line-height: 56px; margin: 0; border: 0 !important; box-shadow: none !important; color: white; } body.app #app-main-menu { overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; z-index: 120; background: #FFF; overflow-y: scroll; width: 280px; -webkit-transform: translateX(-280px); -moz-transform: translateX(-280px); -ms-transform: translateX(-280px); -o-transform: translateX(-280px); transform: translateX(-280px); -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; } body.app #app-main-menu .header { margin: 0; padding: 112px 18px 16px 18px; background: #333 url(images/background/app-main-menu-bg.jpg); box-shadow: inset 0 -45px 40px rgba(16,19,11,0.9); background-size: cover; } body.app #app-main-menu .header h5 { display: inline; font-family: 'Roboto', Tahoma, sans-serif; font-weight: 700; font-size: 15px; } body.app #app-main-menu .header > div { display: block; line-height: 24px; color: white; cursor: pointer; } body.app #app-main-menu .header > div i { font-size: 24px; margin: 0; } body.app #app-main-menu .header > div img { margin: 0 13px 0 0; vertical-align: -8px; max-width: 32px; border-radius: 2px; } body.app #app-main-menu .header > div span.username { color: white; } body.app #app-main-menu .header > div span.tag { color: white; margin: 0 -2px 0 5px; padding: 2px 4px; border-radius: 2px; font-weight: bold; font-size: 9px; vertical-align: 1px; } body.app #app-main-menu .header > div .open-user-menu i { display: block; font-size: 22px; width: 17px; } body.app #app-main-menu .header > div .open-user-menu i:before { content: "\F35D"; } body.app #app-main-menu .header > div.user-offline { line-height: 36px; } body.app #app-main-menu > ul { margin: 0; padding: 10px 0; } body.app #app-main-menu > ul.user-menu { display: none; } body.app #app-main-menu > ul li:first-child { margin-top: 0; } body.app #app-main-menu > ul li.heading { margin-top: 5px; padding: 15px 12px 4px 66px; height: auto; background-color: inherit; border-bottom: 1px solid #ECECEC; color: #B8B8B8; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', Tahoma, sans-serif; font-weight: 600; } body.app #app-main-menu > ul li.divider { margin: 0; border-top: 1px solid #ECECEC; } body.app #app-main-menu > ul li > a { display: block; padding: 10px 12px; color: #333; font-size: 13px; font-weight: 500; font-family: 'Roboto', Tahoma, sans-serif; cursor: pointer; border: 0; } body.app #app-main-menu > ul li > a:hover { background-color: rgba(0,0,0,0.05) !important; } body.app #app-main-menu > ul li > a i { display: inline-block; margin: 0 24px 0 12px; width: 19px; font-size: 19px; color: #848484; vertical-align: -3px; } body.app #app-main-menu > ul li > a i.mdi-home { font-size: 21px; } body.app #app-main-menu > ul li > a i.mdi-thumb-up { font-size: 17px; } body.app #app-main-menu > ul li > a i.mdi-star { position: relative; left: -1px; font-size: 20px; } > body.app #app-main-menu > ul li.active > a { background-color: #eeeeee; } body.app #app-main-menu > ul li span.badge { margin-top: 3px; } body.app #app-main-menu > ul li .collapsible-accordion { box-shadow: none; margin: 0; } body.app #app-main-menu > ul li .collapsible-accordion .collapsible-header { height: auto; line-height: inherit; min-height: inherit; } body.app #app-main-menu > ul li .collapsible-accordion .collapsible-header i { line-height: inherit; } body.app #app-main-menu > ul li .collapsible-accordion .collapsible-body { box-shadow: none; border: none; background: none; } body.app #app-main-menu > ul li .collapsible-accordion .collapsible-body > ul > li { font-weight: 400; } body.app #app-main-menu > ul li .collapsible-accordion .collapsible-body > ul > li a { padding-left: 28px; font-weight: 300 !important; color: #6b6b6b; } body.app #app-main-menu > ul li .collapsible-accordion .collapsible-body > ul > li a i { color: #b7b7b7; } body.app #app-main-menu.user-menu-opened .header > div .open-user-menu i:before { content: "\F360"; } body.app #app-main-menu.user-menu-opened > ul { display: none; } body.app #app-main-menu.user-menu-opened > ul.user-menu { display: block; } body.app.app-main-menu-opened { overflow-y: hidden !important; } body.app.app-main-menu-opened #app-main-menu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } body.app.app-main-menu-opened #wrapper:before { width: 100%; height: 100%; background: rgba(0,0,0,0.4); } body.app #wrapper { background: #EEE; width: auto; min-height: 100%; margin: 0; } body.app #wrapper:before { position: fixed; top: 0; left: 0; content: ''; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; z-index: 99; } body.app #wrapper .content-block .content-block-header { background: none; box-shadow: none; color: #454545; height: 18px; line-height: 18px; margin: 15px 0 0 0; } body.app #wrapper .content-block .content-block-header .title { font-family: 'Roboto', Tahoma, sans-serif; font-size: 17px; font-weight: 600; color: #454545; } body.app #wrapper .content-block .content-block-body { padding-top: 15px; } body.app #wrapper .col-box { margin-right: 0 !important; } body.app #wrapper .col-sidebar { margin-top: 0 !important; } body.app #wrapper .content-body-text h4 { font-size: 15px; color: #777; } body.app #wrapper div > .content-block:not(:last-child) { margin-bottom: 0; } body.app #wrapper #sidebar { padding-bottom: 10px; } @media (max-width: 991px) { body.app #wrapper #sidebar { margin-top: -10px; } } body.app #wrapper #sidebar .block { margin-bottom: 0 !important; } @media (max-width: 991px) { body.app #wrapper #sidebar .block { padding: 0 15px 5px 15px !important; } } body.app #wrapper #sidebar .block .block-header { background: none !important; box-shadow: none !important; font-family: 'Roboto', Tahoma, sans-serif !important; font-size: 17px !important; font-weight: 600 !important; color: #454545 !important; padding: 0 !important; margin-top: 15px; margin-bottom: 15px; height: 18px; line-height: 18px; } body.app #wrapper #sidebar .block .block-header a { color: #454545; } body.app #wrapper #sidebar .block .block-header .btn-group { right: 0; top: -5px; } body.app #wrapper #sidebar .block .block-header .btn-group .btn { width: 26px; height: 26px; } body.app #wrapper #sidebar .block .block-header .btn-group .btn i { height: 26px; line-height: 26px; } body.app #wrapper #sidebar .block .block-body { background-color: #FAFAFA; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1); border-radius: 2px; } body.app #wrapper #sidebar .block.block-last-resources-uploaded .block-body { overflow: hidden; padding: 0; min-height: auto; } @media (max-width: 528px) { body.app #wrapper #sidebar .block.block-blog-categories .block-body .categories-container { text-align: left; } } @media (max-width: 528px) { body.app #wrapper #sidebar .block.block-blog-categories .block-body .categories-container a.blog-category { padding: 5px 8px; margin: 0 3px 6px 3px; } } body.app #wrapper #sidebar .block.block-teamspeak #tsstatus .form-inline-submit { margin: -15px -15px 0 -15px; } body.app #wrapper #sidebar .block.block-teamspeak #tsstatus .form-inline-submit input.nickname { padding: 0 15px; margin-bottom: 15px; border-bottom: 1px solid #ECECEC; } body.app #wrapper #sidebar .blocks-default { margin-bottom: 0; } @media (min-width: 992px) { body.app #wrapper #sidebar .blocks-fixed.fixed { position: fixed; top: 60px; } } body.app #footer { display: none; text-align: center; } body.app #footer .footer-inner { display: none; } body.app #footer .footer-inner > .container ul { list-style-type: none; } body.app #footer .footer-inner > .container ul li { text-align: center; list-style-type: none; line-height: 24px; } body.app.layout-board #wrapper .row-layout .col-sidebar #sidebar .block { margin-bottom: 18px !important; padding-bottom: 0 !important; } @media (min-width: 991px) { body.app.blog #blog-post #post-cover-image-wrapper { margin: 18px; } } body.app.forum.app .sceditor-button-maximize, body.app.forum.app .sceditor-button-php, body.app.forum.app .sceditor-button-video, body.app.forum.app .sceditor-button-emoticon, body.app.forum.app .sceditor-button-underline, body.app.forum.app .sceditor-button-strike { display: none; } body.app.forum.forum-index .col-box { padding: 15px; } body.app.forum.forum-index .col-box .content-block .content-block-header, body.app.forum.forum-index .col-box .content-block .content-block-body { padding-left: 0 !important; padding-right: 0 !important; } body.app.forum.forum-index .col-box .content-block .content-block-header { margin-bottom: 15px !important; } body.app.forum.forum-index .col-box .content-block .content-block-body { padding-top: 0 !important; padding-bottom: 5px !important; } body.app.forum.forum-index .col-box .mybreadcrumb { display: block; } body.app.forum.forum-index .col-box .mybreadcrumb ol li:nth-child(2) { display: none; } body.app.forum.forum-index .col-box #swiper-dvz-stream { margin-top: 12px; } @media (min-width: 768px) { body.app.forum.layout-bs #wrapper .row-layout .col-box { padding-top: 40px; }   body.app.forum.layout-bs #wrapper .row-layout .col-box .mybreadcrumb { height: 40px; background: #444444; position: absolute; top: 18px; left: 18px; right: 18px; }   body.app.forum.layout-bs #wrapper .row-layout .col-sidebar { padding-top: 40px; } } body.app.forum .mybreadcrumb { height: 40px; background: #444444; overflow: hidden; } body.app.forum .mybreadcrumb ol { overflow-x: auto; } body.app.forum .mybreadcrumb > .mybreadcrumb-inner > a { line-height: 40px; } body.app.forum .forumbit h4 { margin-top: 15px !important; margin-bottom: 15px; } body.app.forum .forumbit .forumbit-sections .forumbit-row { min-height: inherit; } body.app.forum .content-block .content-block-header .forum-section-title a { display: block; float: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } body.app.forum .content-block .content-block-header .expcolimage { color: #AAA; opacity: 1; width: 38px; height: 28px; line-height: 28px; margin: 10px 0 0 0; } body.app.forum .content-block .content-block-body { padding-bottom: 5px !important; } body.app.forum .thead.thead-divider-top { margin: 18px 0 12px 0 !important; padding: 0 !important; background: none; box-shadow: none; border: 0 !important; height: 18px !important; line-height: 18px; } body.app.forum .thead.thead-divider-top strong { text-shadow: none !important; font-family: 'Roboto', Tahoma, sans-serif; font-size: 17px; font-weight: 600; color: #454545 !important; } body.app.forum div > .content-block+.content-block { margin-top: 0; } @media (min-width: 992px) { body.app.resources-single #resource-single .resource-header,   body.app.resources-single #resource-single .resource-nav { margin-right: 18px; } } @media (min-width: 768px) { body.app.resources-single #resource-single .resource-content #cke_resource-description { width: auto; float: none; min-height: inherit; } } body.app.help div.faq-header div.faq-search h6 { display: none; } @media (min-width: 768px) { body.edge.modal-opened { border-right-width: 13px; }   body.edge.modal-opened:before { width: 13px; }   body.edge.modal-opened #cookieChoiceInfo { right: 0; width: auto; }   body.edge.modal-opened .modal { left: 0; }   body.edge.modal-opened.fixed #header > .inner { right: 13px; }   body.edge.modal-opened .fixed-action-btn { right: 23px; } } body.edge #nav-submenu-wrapper { min-height: 190px; }