/*
  Template Name: Agora
  Version: 2.0
  Author: Allies Interactive
  Website: http://www.diziana.com/
  Corporate Website : http://www.diziana.com
  Contact: support@diziana.com
  Follow: www.twitter.com/dizianaEngage
  Like: www.facebook.com/Diziana.Engage
  Purchase: Diziana.com
  License: You must have a valid license purchased only from
  diziana.com in order to legally use the theme for your project.
  Copyright: © 2016 Allies Interactive Services Pvt. Ltd. All Rights Reserved
*/
/* Reset CSS */

html {
    margin: 0;
    padding: 0
}
html,
body {
    height: 100%;
    background-color: #fff;
    font-family: Helvetica, Arial, sans-serif !important;
}
body img,
body iframe {
    max-width: 100%;
}
body a {
    outline: 0;
    color: #d01d18;
}
body a:hover,
body a:focus {
    outline: 0;
    text-decoration: none;
    color: #d01d18;
}
a:active,
.btn-default:focus,
.btn-default:active {
    outline: 0;
    text-decoration: none
}
body pre {
    white-space: normal;
}
ul,
ol {
    padding: 0;
    list-style-type: none
}
main[role="main"] {
    min-height: 300px;
}
::-webkit-input-placeholder {
    color: #8b8c8c;
    opacity: 1
}
:-moz-placeholder {
    /* Firefox 18- */
    
    color: #8b8c8c;
    opacity: 1
}
::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #8b8c8c;
    opacity: 1
}
:-ms-input-placeholder {
    color: #8b8c8c;
    opacity: 1
}
.subscriber-form::-webkit-input-placeholder {
    /* WebKit browsers */
    
    color: #fff
}
.subscriber-form::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #fff;
    opacity: 1
}
/* Header section starts */

header.header {
    background-color: #f8f8f8;
    min-height: 50px;
}
header > .header-inner > .logo {
    float: left;
    padding: 5px 0;
    width: 20%
}
header > .header-inner > .form-wrapper {
    float: left;
    padding: 5px 0;
    width: 35%
}
header > .header-inner > .login-area {
    float: left;
    text-align: right;
    width: 25%
}
.logo img {
    
}
#logo,
.search-bar {
    margin-top: 10px;
}
a.login {
    height: 50px;
    color: #fff;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 800;
}
a.login:hover,
a.login:active,
a.login:focus {
    color: #fff;
}
header.header > .header-inner form {
    border: 1px solid #fff;
    bottom: 0;
    display: block;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 100%
}
header.header > .header-inner .search input[type="search"] {
    background-color: transparent;
    border: 1px solid #8b8c8c;
    border-radius: 0;
    color: #8b8c8c;
    font-size: .95em;
    font-weight: 300;
    height: 30px;
    overflow: hidden;
    padding: 0 40px 0 15px;
    text-align: left;
    vertical-align: middle;
    width: 100%
}
header.header > .header-inner form.search input[type="submit"] {
    border-color: #8b8c8c;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    height: 30px;
    position: absolute;
    right: 0;
    text-indent: 999px;
    top: 0;
    vertical-align: middle;
    width: 10%
}
nav.navigation-menu {
    background-color: #d01d18;
    padding: 3px 0
}
.navbar-nav > li > a {
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.5px
}
body .nav>li>a:focus, body .nav>li>a:hover {background-color: #fff;}
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active a {
    background-color: #fff;
    color: #d01d18;
    font-weight: 700
}
.nav > li.active a {
    font-weight: 700
}
.navigation-button {
    display: inline-block;
    height: 20px;
    width: 36px
}
.slider-content {
    display: inline-block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    width: 100%
}
.slider-wrapper {
    height: 225px;
    position: relative;
    width: 100%;
    margin-bottom: 25px
}
.slider-content > h2 {
    color: #fff;
    font-size: 2.6em;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    display: inline-block;
}
.slider-content > p {
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    margin: 0 auto;
    max-width: 600px;
    text-align: left
}
h2.search-results-subheading {
    font-size: 1.3em;
    text-transform: uppercase;
    background-color: #d01d18;
    padding: 10px;
    color: #fff;
}
/* Header section ends */
/* Footer section starts */

.footer .full-width > p {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 0;
    text-align: right;
    padding-right: 10px
}
.footer-inner div {
    padding: 0
}
footer.footer {
    background-color: #2e2e2e;
    display: block;
    margin-top: 50px;
    padding: 15px 0;
    vertical-align: middle
}
footer.footer h3 {
    color: #fff;
    font-size: 1.1em;
    font-weight: 500
}
footer > .footer-inner ul > li > a {
    color: #fff;
    font-size: .9em;
    font-weight: 300
}
.article-body {
    overflow-x: auto;
}
footer.footer .subscriber-form {
    float: left;
    width: 100%;
    padding-top: 3%
}
footer.footer .subscriber-form > input {
    background: transparent;
    color: #fff;
    font-size: .9em;
    height: 30px
}
footer.footer .subscriber-form > input[type="text"] {
    border-radius: 0;
    float: left;
    margin-right: 10px;
    width: 25%
}
footer.footer .subscriber-form > input[type="email"] {
    border-radius: 0;
    float: left;
    margin-right: 10px;
    width: 50%
}
footer.footer .subscriber-form > .btn {
    background-color: #fff;
    border-radius: 0;
    color: #2e2e2e;
    float: left;
    font-size: .9em;
    line-height: 20px;
    padding: 4px 7px 0 0;
    width: 19%;
    height: 30px
}
footer ul.social-share li {
    display: inline-block;
    padding-right: 6px
}
footer ul.social-share li a {
    display: inline-block;
    height: 38px;
    width: 38px;
    background-color: #fff;
    border-radius: 100%;
    color: #2E2E2E;
    padding: 6px 11px;
    font-size: 1.4em;
}
footer ul.social-share li a:hover {
    opacity: .4
}
/* Footer section ends */

h1.article-title {
    border-bottom: 0 solid #ededed;
    color: #2c2e2e;
    display: inline-block;
    font-size: 1.6em;
    font-weight: 700;
    margin: 0;
    padding: 10px 0
}
/* Search result page starts */

.search-result-wrapper h1.article-title {
    border-bottom: 0 solid #ededed;
    color: #2c2e2e;
    display: inline-block;
    font-size: 1.6em;
    font-weight: 700;
    margin: 0;
    padding: 10px 0
}
.search-result-wrapper ul > li > h2 {
    border-top: 1px solid #ececec;
    color: #2c2e2e;
    font-size: 1.1em;
    font-weight: 500;
    margin: 0;
    padding: 20px 0
}
.search-result {
    border-top: 1px solid #ececec;
    padding: 10px 0
}
.search-result-link {
    color: #d01d18;
    font-size: 1.2em;
    font-weight: 500
}
.search-result-link:hover {
    color: #d01d18
}
.search-result-wrapper ul > li > ul > li > .search-result-description,
.search-result-wrapper ul > li > ul > li > p {
    color: #5d5d5d;
    font-size: 1em;
    font-weight: 400
}
/* Search result page ends */
/* Category page starts */

.category-wrapper ul > li.category {
    float: left;
    width: 100%
}
.category-wrapper .section-tree section.section {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}
.category-wrapper .section-tree section.section h3 {
    font-size: 1.6em;
}
.category-wrapper .section-tree section.section h3 a {
    color: #2c2e2e;
}
.section-tree .section ul.article-list,
.article-body ol,
.comment-body ol, .answer-text ol, .question-text ol {
    color: #5d5d5d;
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 18px
}
.section-tree .section ul.article-list li {
    padding: 2px 0;
}
.section-list > li {
    padding: 0 0 5px 10px
}
.section-list > li > a {
    color: #5b5b5b;
    font-size: 1.1em;
    font-weight: 500;
}
.section-list > li > a:hover {
    color: #d01d18
}
a.see-all-articles {
    background-color: #d01d18;
    color: #fff;
    display: inline-block;
    margin: 20px 0 20px -15px;
    padding: 3px 20px;
    border-radius: 3px
}
a.see-all-articles:hover,
a.see-all-articles:focus {
    background-color: #333;
    color: #fff
}
.find-ans {
    float: left;
    width: 100%
}
.find-ans > h3 {
    color: #2c2e2e;
    font-size: 2.1em;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 40px
}
.find-ans > .search-box {
    border: 1px solid #5b5b5b;
    display: inline-block;
    float: left;
    padding: 20px 35px;
    /*width:65%*/
}
.find-ans > .search-box > p {
    color: #5d5d5d;
    display: inline-block;
    font-size: 1.7em;
    font-weight: 300;
    margin: 0
}
.find-ans > .search-box > p > a {
    font-weight: 500;
    color: #d01d18
}
.find-ans > .search-box > form {
    float: right;
    max-width: 250px;
    width: 100%
}
.find-ans > .search-box > form > input[type="search"] {
    border: 1px solid #555;
    border-radius: 0;
    margin-bottom: 0;
    padding: 5px;
    width: 100%;
}
.find-ans > .search-box > form > input[type="submit"] {
    display: none;
}
/* Category page ends */
/* Section wrapper starts */

.section-wrapper ul > li > ul > li.section > h3 {
    color: #2c2e2e;
    font-size: 1.2em;
    font-weight: 600
}
.section-wrapper ul > li.category {
    float: left;
    width: 100%
}
.section-wrapper ul > li > ul > li > ul.article-list > li > a {
    color: #5d5d5d;
    font-size: 1.1em;
    font-weight: 400
}
.section-wrapper ul > li > ul > li > ul.article-list > li > a:hover {
    color: #d01d18
}
.section-wrapper ul > li > ul > li > ul.article-list,
.article-body ul,
.comment-body ul, .answer-text ul, .question-text ol {
    list-style-type: disc;
    padding-left: 20px
}
.section-wrapper ul > li > ul > li > ul.article-list>li {
    padding: 5px 0
}
.article-page .col-md-8,
.article-page .col-md-4 {
    padding-left: 0;
}
/* Section wrapper ends */
/* Index page starts */

.current-wrapper {
    border: 1px solid #5b5b5b;
    float: left;
    margin: 10px 0px 30px 0px;
    padding: 40px 15px;
    width: 100%;
}
.current-wrapper > ul {
    float: left;
    width: 100%;
}
.current-wrapper > ul > li {
    float: left;
    width: 100%;
}
.current-wrapper > ul > li > ul > li {
    float: left;
    padding: 0 50px;
    position: relative;
    width: 33.33%;
}
.current-wrapper > ul > li > ul > li > h3,
.single-category .category h2 {
    color: #2c2e2e;
    font-size: 1.3em;
    font-weight: 700;
    height: 25px;
    padding-left: 45px;
}
.single-category .category h2 {
    padding-left: 0;
}
.single-category .category h2 a {
    color: #2c2e2e;
}
.single-category .category section h3 {
    font-size: 1.1em;
    margin: 0;
}
.single-category .category section h3 a {
    color: #545454;
}
.single-category .category section.section {
    padding-left: 0;
}
.single-category .category section.section i {
    font-size: 0.3em;
    vertical-align: middle;
}
/*.current-wrapper li.section section > ul {
    padding-left: 45px;
}*/

.current-wrapper li.section section ul li a {
    color: #5d5d5d;
    display: block;
    font-size: 0.9em;
    font-weight: 500;
    padding: 10px 0;
}
.current-wrapper li.section section ul li a:hover {
    color: #d01d18;
}
.ticket-wrapper {
    float: left;
    width: 100%;
}
.ticket-wrapper > h3 {
    color: #2c2e2e;
    font-size: 1.3em;
    font-weight: 700;
}
.ticket-wrapper > p {
    color: #5d5d5d;
    font-size: 1.1em;
    max-width: 900px;
    font-weight: 500;
}
.ticket-wrapper > nav {
    padding: 15px 0 50px;
}
.ticket-wrapper > nav > a {
    background-color: #d01d18;
    color: #fff;
    display: inline-block;
    padding: 10px 50px;
    border-radius: 2px;
    margin-bottom: 2px;
}
.user-nav .submit-a-request {
    border-right: 0;
    font-size: 1.1em;
}
.ticket-wrapper > nav > a:hover {
    background-color: #777;
}
.services-view ul {
    background-color: #eeeeee;
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.services-view ul li {
    padding: 15px;
    text-align: center;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin: -2px;
}
.services-view .icon-block {
    border: 2px solid #2c2e2e;
    border-radius: 10px;
    display: inline-block;
    height: 90px;
    margin: 10px auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    transition: all 0.4s ease-in 0s;
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.services-view .icon-block img {
    padding: 20px;
}
.services-view .icon-block:hover {
    background-color: #d01d18;
    border-color: #d01d18;
    transition: all 0.4s ease-in 0s;
}
.services-view p,
.category-list li h3 {
    margin: 0;
    font-weight: 600;
    color: #2c2e2e;
    font-size: 1.3em;
}
.help-wrapper {
    float: left;
    width: 100%;
}
.help-wrapper > .container {
    padding: 0;
}
.services-view {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.manuals-downloads {
    float: left;
    width: 100%;
}
.most-popular-articles > li {
    border-right: 1px solid #2c2e2e;
}
.most-popular-articles > li:last-child {
    border-right: 0px solid #fff;
}
/* Index page ends */
/* Contributions Page & Following Page */

main .inner-pages {
    margin: 0 auto;
    padding: 0 20px;
    width: 980px
}
.my-activities-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding: 25px 0;
    background: #fff
}
.my-activities-header .breadcrumbs li:first-child,
.my-activities-header .breadcrumbs li::before,
section.recent-articles ul li:last-child {
    display: none
}
.my-activities-header .breadcrumbs li {
    color: #000;
    font-size: 20px;
    font-weight: 400
}
ol.breadcrumbs li {
    display: inline-block;
}
ol.breadcrumbs li a {
    color: #d01d18;
}
.breadcrumbs li + li::before {
    content: ">>";
    margin: 0 4px
}
.my-activities-nav {
    margin-bottom: 50px;
    margin-top: 2%
}
.nav-bordered li,
.nav-spaced li {
    display: inline-block;
    font-weight: 700;
    background: transparent
}
.nav-bordered li a,
.nav-spaced li a,
.community-nav li a,
.side-column a,
.main-column a {
    font-weight: 400
}
.my-activities-nav ul,
.my-activities-sub-nav ul,
ul.comment-list {
    padding-left: 0
}
.my-activities-sub-nav {
    margin-bottom: 15px
}
.my-activities-table {
    overflow-x: auto
}
table {
    border-collapse: collapse;
    text-align: left;
    width: 100%
}
th {
    border-width: 1px 0;
    color: #bebebe;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap
}
td,
th {
    border-color: #dadada;
    border-style: solid;
    padding: 12px!important
}
td {
    border-width: 0 0 1px
}
/* Contributions & Following Page End */
/* Request list page start */

.request-table-toolbar {
    display: table;
    padding: 8px;
    width: 100%;
    box-shadow: 4px 3px 0 1px #efefef;
    background-color: #d01d18;
}
select#request-status-select {
    border: 0;
    padding: 7px 10px;
    border-radius: 25px;
    outline: 0;
}
label.request-filter {
    color: #fff;
}
.requests-search {
    border-radius: 20px;
    outline: medium none;
    padding: 6px 15px;
    border: 1px solid #efefef
}
.request-table-filters {
    display: table-cell;
    text-align: right
}
.request-table-filters label::before {
    content: " ";
    display: inline-block;
    width: 25px
}
.reply-form {
    padding-top: 3%
}
/* Request list page end */
/* Request page */

.request-id,
.comment-published {
    color: #bebebe
}
.comment-list {
    margin-bottom: 25px
}
.comment-list >:first-child {
    border-top: 1px solid #eee
}
.comment,
.comment-form {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 15px;
}
.comment-list > * {
    border-bottom: 1px solid #eee;
    padding: 25px 0
}
.comment-avatar {
    position: relative;
    width: 85px
}
.comment > *,
.comment-form > * {
    display: table-cell;
    vertical-align: top
}
.comment-avatar img {
    border-radius: 3px;
    max-height: 65px;
    max-width: 65px
}
.comment-published::before {
    content: " ";
    display: inline-block;
    width: 5px
}
.comment-published {
    color: #bebebe
}
.comment-published,
.comment-pending,
.comment-official {
    border: 1px solid rgba(0, 0, 0, 0);
    float: right;
    font-size: 11px;
    padding: 1px 5px
}
.comment-form textarea {
    border-radius: 2px 2px 0 0;
    border-width: 1px
}
textarea,
input[type="text"] {
    width: 100%;
    border-color: #e7e7e7;
}
textarea {
    height: 100px;
    padding: 7px 10px;
    resize: vertical
}
.comment-attachments {
    margin-top: -1px
}
.upload-dropzone {
    border: 1px solid #e7e7e7;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #fff
}
.upload-dropzone input[type="file"] {
    cursor: pointer;
    font-size: 250px;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}
.upload-dropzone span::before {
    content: "";
    font-family: "entypo";
    font-size: 30px;
    margin-right: 5px;
    position: relative;
    top: -2px;
    vertical-align: middle
}
.upload-dropzone span {
    color: #d1d1d1;
    display: inline-block
}
.upload-pool {
    margin: 0;
    overflow: hidden;
    padding: 0
}
.main-column {
    width: 100%
}
.main-column,
.side-column {
    display: inline-block;
    vertical-align: top
}
.side-column {
    width: 100%;
    padding-top: 4%
}
.side-column [role=button] {
    background: #d01d18;
    color: #fff
}
.request-details {
    border: 1px solid #424242;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 15px 20px
}
.request-details dt ~ dt {
    font-weight: 700;
    margin-top: 15px
}
.request-details dd {
    margin: 2px 0 0;
    word-wrap: break-word
}
.request-status {
    border-radius: 3px
}
section.main-column > h1 {
    font-size: 1.4em
}
.label,
.request-status {
    border-radius: 20px;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}
.request-status {
    font-weight: 800;
    color: #fff;
    padding: 3px 10px;
}
.request-open {
    background: #59BBE0
}
.request-answered {
    background: #F5CA00
}
.request-solved {
    background: #78A300
}
button,
[role="button"],
[type="button"],
[type="submit"] {
    border: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}
header button,
[role="button"],
[type="button"],
[type="submit"] {
    border: 0
}
h1.subject-head {
    font-size: 1.6em;
    padding: 25px 0;
    font-weight: 600
}
/* Request page end */
/* Error page start */

.error-page {
    text-align: center;
    padding-top: 4%;
    min-height: 400px
}
.error-page a {
    color: #d01d18;
    font-weight: 500;
    padding: 10px;
    box-shadow: 0 5px 5px 0 #EBEBEB;
    transition: all .4s ease
}
.error-page a:hover,
.error-page a:active,
.error-page a:focus {
    background: transparent;
    border: 1px solid;
    transition: all .4s ease
}
.error-page > p {
    padding-bottom: 3%;
    font-weight: 600;
    max-width: 350px;
    margin: 0 auto
}
.error-page h2 {
    font-size: 1.2em;
    padding: 15px 0
}
.error-page > img {
    width: 100%;
    max-width: 482px;
    margin: 0 auto
}
/* Error page end */
/* New Request page starts */

.form {
    max-width: 700px;
}
.form-field {
    margin-top: 10px;
}
.form-field label {
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 1.1em
}
.form footer {
    margin-top: 40px;
    text-align: right;
    background: transparent
}
.answer-form-controls input[type="submit"],
.comment-form input[type="submit"] {
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
    padding: 5px 20px
}
footer input[type="submit"],
form footer a {
    background: none repeat scroll 0 0 #d01d18;
    padding: 0 26px;
    font-size: 1.2em;
    border-radius: 3px;
    float: left;
    color: #fff
}
footer input[type="submit"] {
    min-height: 43px
}
.form footer {
    border-top: 0
}
.comment-form input[type="submit"] {
    margin-top: 10px;
    float: right;
    font-size: .9em;
    background-color: #d01d18
}
form footer a {
    color: #fff!important;
    padding: 9px 25px;
    vertical-align: middle;
    margin: 0 2px
}
.form input {
    height: 35px;
    border-radius: 0;
    border: 1px solid #e7e7e7;
    padding: 0 10px
}
.form-field #request_description {
    border-color: #e7e7e7;
    margin-bottom: 10px;
    border-radius: 0
}
nav.pagination {
    margin: 10px 0 0 0;
}
.my-activities-table nav.pagination {
    margin-top: 20px;
}
.article-comments nav.pagination {
    margin-bottom: 20px;
}
nav.pagination ul li {
    background: #fff;
    padding: 4px 10px;
    box-shadow: 4px 5px 4px 2px #efefef;
    display: inline-block
}
nav.pagination ul li a {
    font-weight: 500;
    color: #333
}
h1.page-header {
    font-size: 1.8em;
    color: #555;
    border-color: transparent
}
/* New Request page end */
/* Community page starts */

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table
}
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    line-height: 0
}
.clearfix::after {
    clear: both
}
.community-heading {
    font-size: 18px;
    margin-top: 4%;
    width: 100%
}
.community-nav {
    margin-bottom: 0px;
    padding: 10px 0px 5px 0;
}
.community-nav li {
    display: inline-block;
    font-weight: 700;
    padding-right: 30px
}
/*.community-nav li + li {
    border-left:1px none #eee;
    padding-left:30px
}*/

.community-nav li a {
    font-weight: 400
}
.topic-header,
.question-header {
    border-bottom: 1px solid #eee;
    display: table;
    padding-bottom: 10px
}
.topic-heading,
.question-heading,
.answer-list-heading {
    font-size: 13px;
    font-weight: 700;
    width: 100%
}
.topic-header > *,
.question-header > * {
    display: table-cell;
    vertical-align: middle
}
.topic-header .topic-meta,
.question-header .question-meta {
    padding: 0 15px;
    white-space: nowrap
}
.question-meta,
.answer-meta,
.topic-meta {
    color: #ccc;
    font-size: 11px
}
.question,
.answer {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    position: relative
}
.question-topic-list {
    margin: -20px 0 30px
}
.question-topic-list li {
    display: inline-block;
    margin: 10px 10px 0 0
}
.question-topic-list a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    color: #ccc;
    display: inline-block;
    font-size: 11px;
    padding: 7px 15px
}
.vote {
    display: table-cell;
    margin-left: 15px;
    margin-right: 10px;
    min-width: 95px;
    vertical-align: top
}
.vote-sum {
    font-size: 30px;
    font-weight: 700;
    min-width: 60px;
    text-align: center
}
.vote-sum,
.vote-controls {
    display: inline-block;
    vertical-align: middle
}
.vote-controls {
    border-radius: 5px
}
.vote-up::before {
    content: "<"
}
.vote-down::before {
    content: ">"
}
.vote-controls:hover a {
    background: none repeat scroll 0 0 #fff;
    border-color: #a6a6a6;
    color: #bbb
}
.question-avatar-agent::after,
.answer-avatar-agent::after {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: 14px auto;
    content: " ";
    height: 15px;
    left: 30px;
    position: absolute;
    top: 30px;
    width: 15px
}
.question-avatar,
.answer-avatar {
    display: table-cell;
    margin-right: 10px;
    min-width: 50px;
    position: relative;
    vertical-align: top
}
.question-avatar img,
.answer-avatar img {
    border-radius: 3px;
    max-height: 38px;
    max-width: 38px;
    border-radius: 100%;
}
.question-body,
.answer-body,
.answer-official-body {
    display: table-cell;
    vertical-align: top;
    width: 100%
}
.question-title,
.topic-title {
    font-size: 15px;
    margin: -3px 0 5px
}
.markdown {
    line-height: 1.7;
    word-wrap: break-word
}
.question-body .question-meta,
.answer-body .answer-meta,
.answer-official-body .answer-meta {
    float: left
}
.topic-meta span + span::before,
.question-meta span + span::before,
.answer-meta span + span::before {
    content: "•";
    font-size: 10px;
    margin: 0 10px
}
.answer-form {
    margin: 30px 0 0 95px
}
.sub-nav form {
    display: none
}
.answer-form-controls {
    margin-top: 10px;
    text-align: right
}
.answer-form-controls .pull-left {
    float: left
}
.answer-form-controls input[type="submit"] {
    margin-left: 15px;
    background-color: #d01d18;
}
ul.share {
    display: inline
}
.accordion-topics .panel-title > a,
.community-accordion .panel-title > a {
    color: #888;
    display: flex;
    vertical-align: middle;
    width: 100%
}
.accordion-topics .glyphicon,
.community-accordion .glyphicon {
    font-size: 25px;
    display: table;
    float: none;
    height: 30px;
    width: 30px;
    top: 5px
}
.accordion-topics .heading,
.community-accordion .heading {
    display: table-cell;
    float: none;
    /* font-size: 1.2em; */
    
    line-height: 24px;
    overflow: hidden;
    padding: 8px 0 4px;
    position: relative;
    text-align: left;
    vertical-align: middle
}
.topic-controls,
.question-controls,
.answer-controls {
    float: right;
    font-size: 11px
}
.topic-meta span + span::before,
.question-meta span + span::before,
.answer-meta span + span::before {
    content: "•";
    font-size: 10px;
    margin: 0 10px
}
.question-share,
.answer-share {
    position: relative
}
.share-label, .powered-by-zendesk {
    display: none;

}
.share-label + .share::before,
.share-label + .share::after {
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute
}
.share-label + .share {
    line-height: 70px;
    text-align: center;
    white-space: nowrap;
    z-index: 1
}
.share li,
.share a {
    display: inline-block;
}
.share a::before {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: "entypo";
    text-align: center;
    width: 100%
}
.share-facebook::before {
    content: "";
    background: #3b5998
}
.share-twitter::before {
    content: "";
    background: #00ACED
}
.share-linkedin::before {
    content: "";
    background: #007BB6
}
.share-googleplus::before {
    content: "";
    background: #DD4A3A
}
.share a {
    height: 31px;
    line-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px
}
.share li,
.share a {
    display: inline-block
}
input[type="checkbox"] + label {
    display: inline-block;
    margin-left: 5px
}
lable {
    font-size: 12px
}
.community-sub-nav {
    padding: 15px 0;
    position: relative;
    width: 100%
}
.community-sub-nav a,
.question-list a {
    font-weight: 400
}
.community-sub-nav li {
    display: inline-block;
    font-weight: 700;
    padding-right: 15px
}
.community-sub-nav li + li {
    padding-left: 15px
}
.community-nav li:last-child {
    border: 0 none;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px
}
.community-nav li:last-child a::before {
    content: "✎";
    font-family: "entypo";
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle
}
.community-nav li:last-child a {
    color: #fff;
    padding: 8px;
}
body .topic {
    display: inline-block;
    padding: 20px 30px 20px 0;
    vertical-align: top;
    width: 49.5%
}
.question-meta,
.answer-meta,
.topic-meta {
    color: #ccc;
    font-size: 11px
}
form#new_question {
    padding: 30px 10px
}
form#new_question input {
    margin-bottom: 2px
}
form#new_question textarea {
    margin-bottom: 15px
}
h2.request-heading {
    font-size: 1.7em;
    text-transform: capitalize
}
.community-temp > .clearfix {
    padding: 0 0 0 30px
}
section.related-questions {
    padding: 10px 2px 27px 25px;
    line-height: 1.8em;
    border: 1px solid #efefef;
    margin-top: -6px
}
section.related-questions ul,
.community-sub-nav ul,
ul.question-list {
    padding-left: 0
}
textarea#answer_body {
    height: 100px;
    padding: 12px;
    border: 1px solid #efefef
}
footer > a:hover {
    color: #fff
}
.clearfix > h1,
.form-column > h1 {
    font-size: 1.8em
}
.community-nav > ul,
.community-sub-nav > ul {
    border-bottom: 1px solid #efefef;
    margin: 0 0 0 0px;
    padding: 0 0 0px
}
form#new_question .form-field input,
form#new_question .form-field textarea {
    margin-bottom: 5px;
    min-height: 35px;
    border-radius: 0
}
form#new_question .form-field input,
.form-field input {
    min-height: 40px
}
textarea#question_details,
#request_description {
    min-height: 120px!important;
    border: 1px solid #e7e7e7
}
.nesty-input {
    margin: 0;
    border-color: #e7e7e7;
    border-radius: 0;
    min-height: 40px
}
.nesty-input:after {
    color: #424242;
    padding-top: 4px
}
.searchbox {
    margin-top: 12px;
    margin-bottom: 10px;
}
.searchbox > label {
    font-size: 1.1em
}
.searchbox-suggestions ul {
    padding-left: 0
}
.searchbox-suggestions ul li {
    padding: 3px 0
}
.searchbox-suggestions ul li a {
    color: #333;
    font-weight: 500;
    font-size: .9em
}
.searchbox-suggestions {
    padding: 9px 0 0 10px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #fff
}
h3.related-questions-heading {
    text-transform: capitalize
}
/* Community page ends */

.article-voting {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 15px 0;
    margin: 20px 0;
}
.article-vote {
    display: inline-block;
    vertical-align: top;
}
.article-voting ul.share {
    float: right;
}
.article-sidebar ul li a {
    color: #5d5d5d;
}
.article-sidebar ul li a:hover {
    color: #d01d18;
}
.article-sidebar ul {
    list-style-type: disc;
    padding-left: 18px;
    color: red #d01d18;
}
.article-vote,
.comment-form textarea,
.error-page a:hover {
    border-color: #5d5d5d!important
}
a.article-vote-up:before {
    content: "Yes"
}
a.article-vote-down:before {
    content: "No"
}
.article-vote-controls a {
    color: #fff !important;
    font-size: .9em;
    font-weight: 600;
    background-color: #d01d18
}
.article-vote-controls a:hover {
    color: #fff
}
.article-vote-controls {
    padding: 0px 2px;
    display: inline-block;
}
span.article-vote-question {
    font-size: 1.2em
}
section.article-comments > h2 {
    font-size: 1.5em
}
.question-controls a + a,
.answer-controls a + a {
    margin-left: 15px
}
#user {
    background-color: #d01d18;
}
img#user-avatar {
    height: 40px;
    width: 40px;
    border-radius: 100%;
}
#user #user-dropdown {
    left: inherit;
}
#user #user-name,
#user .dropdown-toggle:after {
    font-weight: 400;
    color: #ffffff;
    font-size: 1.2em
}
#user #user-name {
    max-width: 80px;
}
#user,
a.submit-a-request,
.language-selector {
    display: inline-block
}
.language-selector {
    background-color: #fff;
    border: 1px solid #8b8c8c;
    padding: 1px 10px;
    margin-right: 5px;

}
.language-selector > a.dropdown-toggle {color: #424242;}
.language-selector .dropdown-toggle:after {
    border-left: 1px solid #888;
    padding: 3px 0;
}
.login-area a.submit-a-request {
    border-right: 1px solid #424242;
    padding: 0 7px 0 0;
    font-weight: 400;
    color: #424242;
    font-size: 1.1em;
    margin-right: 5px;
}
body .dropdown-menu[aria-expanded=true] {
    left: inherit;
    right: 0;
}
.current-wrapper li.section section > h3,
.current-wrapper h2.recent-activity-header {
    display: none
}
.current-wrapper section > ul,
.current-wrapper ul.recent-activity-list {
    list-style-type: disc;
    padding-left: 15px;
}
.current-wrapper a.recent-activity-item-parent {
    display: none;
}
.current-wrapper a.recent-activity-item-link {
    font-weight: 800;
    color: #000;
    padding-left: 5px;
}
.recent-activity-item-comment:before {
    display: inline-block;
    content: "\2022";
}
.recent-activity-item-comment span:before {
    font-family: "entypo";
    content: "\00a0\00a0\e718";
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
    color: #d01d18;
}
li.recent-activity-item {
    padding: 5px 0;
}
.recent-activity a {
    font-size: 0.9em;
    color: #5d5d5d;
    font-weight: 500;
}
.recent-activity-controls > a {
    font-weight: 800;
    color: #000;
}
.recent-activity a:hover {
    color: #d01d18;
}
.recent-activity {
    overflow: auto;
    max-height: 400px;
}
.recent-activity-item-comment,
.recent-activity-item-time {
    display: inline-block;
}
.content-section ul.article-list {
    margin-top: 5%
}
.my-activities-table > p {
    padding: 20px 0
}
.comment-body,
.answer-text {
    word-wrap: break-word;
    word-break: break-word
}
.con-table table tbody tr td + td,
.con-table table thead tr th + th {
    text-align: center
}
ul.article-list li a {
    color: #5d5d5d;
}
.comment-body > p {
    padding-top: 9px
}
footer.comment-footer {
    background: transparent;
    margin-top: 0;
    padding: 0;
    box-shadow: 0 0 2px 1px #fff
}
.comment-footer .comment-actions {
    float: right;
}
.comment-actions .dropdown-toggle:before,
.question-controls span.dropdown-toggle:before,
.answer-controls span.dropdown-toggle:before {
    content: "\2699";
    font-size: 11px;
    font-family: "entypo";
}
.question-controls span.dropdown-toggle:before {
    padding-right: 3px;
}
.community-temp .sub-nav {
    background: transparent
}
.comment-page form .comment-form .comment-container #request_comment_body {
    border-color: #424242
}
.comment-mark-as-solved {
    padding-top: 15px
}
.article-user-info img {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    margin-bottom: 5px;
}
.article-user-info {
    margin-bottom: 20px;
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 17px;
}
a.article-subscribe,
a.article-unsubscribe,
a.question-unsubscribe,
a.question-subscribe {
    background-color: #d01d18;
    color: #fff !important;
    float: right;
}
.search-result-votes {
    background: #d01d18;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    line-height: 1;
    margin-left: 5px;
    padding: 4px 5px;
    position: relative;
    top: -2px;
}
.search-result-votes:before {
    content: "\1F44D";
    font-family: "entypo";
    margin-right: 3px;
}
ul.attachment-list li:before,
ul.attachments li:before {
    content: "\1F4CE";
    font-family: entypo;
    margin-right: 2px;
}
.article-attachments {
    padding-top: 20px;
}
.scrollup {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    background-color: #d01d18;
    border: 2px solid;
    border-color: #d01d18;
    color: #fff !important;
    border-radius: 4px;
    padding-left: 14px;
    padding-top: 11px;
}
.scrollup:before {
    content: "\e113";
    font-family: 'Glyphicons Halflings';
}
.my-activities-nav li.not-active,
.community-nav li.not-active,
.my-activities-sub-nav ul li.not-active {
    background-color: #fff;
    border-color: #ddd;
}
.my-activities-nav li,
.community-nav li {
    padding: 10px 16px;
    border: 1px solid transparent;
    background-color: #d01d18;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.my-activities-sub-nav ul li {
    padding: 6px 10px;
    background-color: #d01d18;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
}
li.not-active a,
li.not-active a:focus,
li.not-active a:active {
    color: #454545;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
select#request-status-select {
    border: 0;
    padding: 6px;
    border-radius: 40px;
    outline: none;
}
/* Responsive CSS start */

@media all and (max-width: 767px) {
    .services-view ul li,
    ul.category-list > li {
        width: 30%;
    }
    .current-wrapper > ul > li > ul > li {
        padding: 0 15px;
    }
    .current-wrapper > ul > li > ul > li {
        padding: 0 15px;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid;
        padding-bottom: 20px;
    }
    .current-wrapper > ul > li > ul > li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .login-section {
        width: 100% !important;
    }
    .community-nav li:last-child {
        float: none;
        top: 10px;
        display: block;
    }
}
@media all and (max-width: 600px) {
    .category-wrapper .section-tree section.section {
        width: 100%;
    }
    .slider-content > p {
        padding: 0 20px;
    }
    header.header > .header-inner form.search input[type="submit"] {
        background-size: 80%;
    }
    .login-area a.login, .login-area div#user {float: right;}
}
@media all and (max-width: 480px) {
    .services-view ul li,
    ul.category-list > li,
    .my-activities-nav li,
    .community-nav li {
        width: 100%;
    }
    #user #user-name {
        max-width: 0;
    }
    .login-section {margin-top: 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .current-wrapper > ul > li > ul > li {
        padding: 0 20px;
    }
}
@media all and (max-width: 992px) {
    .article-voting ul.share {
        float: none;
        display: block;
        padding-top: 10px;
    }
}

.embed-container {
	position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}