/*---------------------------------------*/
/*--------   Table of contents   --------*/
/*
1. External module
	1.1 Bootstrap
	1.2 Magnific Popup
	1.3 Perfect scrollbar
	1.4 Form
	1.5 typography
2. Header
3. Page Content
	3.1 Basic settings for page content
	3.2 Topic list item
	3.3 Single Topic
	3.4 Badge
	3.5 Modal
	3.6 Popup Settings
	3.7 User header
	3.8 Default Tabs
	3.9 Editor
	3.10 Gallery
	3.11 Login
	3.12 Categories List
	3.13 Categories Singles
	3.14 Layout Tab
	3.15 Layout404
	3.16 Followers List
	3.17 Messages Layout
	3.18 Create Topic
---------------------------------------*/
/* Colors */
/*-------  1.1 Bootstrap  --------*/
/* Bootstrap variables */
/* Colors */
/* Grid */
/* Custom variables */
/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*{
    font-family: 'Poppins';
}
/*-------  1.5 typography  --------*/
html.touch-device {
    overflow-x: hidden;
    height: 100%; }

@-webkit-keyframes fade-in {
    0% {
        opacity: 0.1; }
    100% {
        opacity: 1; } }

@keyframes fade-in {
    0% {
        opacity: 0.1; }
    100% {
        opacity: 1; } }

        .list-group-item{
            color: var(--secondary-color-1) !important;
            border: none !important;
        }
body {
    margin: 0;
    overflow-x: hidden;
    font-size: 14px;
    line-height: 26px;
    -webkit-animation: fade-in 0.3s linear;
    animation: fade-in 0.3s linear; }

body.no-scroll {
    overflow: hidden;
    width: 100%;
    position: fixed;
    z-index: 0; }

body.no-scroll:not(.touch-device),
html.win.ie body.no-scroll {
    padding-right: 17px; }
body.no-scroll:not(.touch-device) #tt-header,
html.win.ie body.no-scroll #tt-header {
    padding-right: 17px; }

@media (max-width: 767px) {
    [class^="col"],
    .container-fluid,
    .container {
        padding-right: 10px;
        padding-left: 10px; }
    > .row {
        margin-right: 0px;
        margin-left: 0px; } }

/*
	Typography
*/


/*
    Title separator
*/
.tt-title-separator {
    color: var(--secondary-color-5);
    font-size: 16px;
    position: relative;
    text-align: center;
    margin-bottom: 37px;
    margin-top: 35px; }
.tt-title-separator span {
    background-color: #f8f9fb;
    position: relative;
    z-index: 2;
    display: inline-block; }
.tt-title-separator:before {
    border-top: 1px solid #e2e7ea;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1; }
.tt-title-separator + .tt-topic-list {
    margin-top: 37px; }
@media (min-width: 576px) {
    .tt-title-separator span {
        padding: 0 30px; } }
@media (max-width: 575px) {
    .tt-title-separator span {
        padding: 0 20px; } }

@media (min-width: 576px) {
    .tt-wrapper-inner {
        margin-left: 30px;
        margin-right: 30px; } }

@media (max-width: 575px) {
    .tt-wrapper-inner {
        margin-left: 20px;
        margin-right: 20px; } }

/*
    Video responsive
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none; }

/* button-icon (*page-create-topic.html)*/
@media (max-width: 410px) {
    .tt-w410-col-02 [class^="col"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }

.tt-button-icon {
    background-color: #e2e7ea;
    border-radius: 3px;
    border: 2px solid #e2e7ea;
    display: block;
    padding-top: 28px;
    padding-bottom: 19px;
    -webkit-transition: border 0.2s linear;
    transition: border 0.2s linear; }
.tt-button-icon .tt-icon {
    display: block;
    text-align: center; }
.tt-button-icon .tt-icon svg {
    max-width: 78px;
    max-height: 78px;
    fill: #666e74; }
.tt-button-icon .tt-text {
    color: #182730;
    display: block;
    text-align: center;
    margin-top: 21px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.01em; }
.tt-button-icon:hover, .tt-button-icon.active {
    border-color: #2172cd; }
@media (max-width: 767px) {
    .tt-button-icon {
        padding-top: 17px;
        padding-bottom: 9px; }
    .tt-button-icon .tt-icon svg {
        max-width: 55px;
        max-height: 55px; }
    .tt-button-icon .tt-text {
        margin-top: 11px; } }
@media (max-width: 575px) {
    .tt-button-icon .tt-icon svg {
        max-width: 60px;
        max-height: 60px; } }

.tt-wrapper-btnicon {
    padding-bottom: 5px; }
@media (min-width: 576px) {
    .tt-wrapper-btnicon {
        margin-top: -30px; }
    .tt-wrapper-btnicon .tt-button-icon {
        margin-top: 30px; } }
@media (max-width: 575px) {
    .tt-wrapper-btnicon {
        margin-top: -20px; }
    .tt-wrapper-btnicon .tt-button-icon {
        margin-top: 20px; } }

@media (max-width: 575px) {
    .tt-hidden-mobile {
        display: none; } }

.tt-offset-top-30 {
    margin-top: 30px; }

.tt-offset-top-55 {
    margin-top: 55px; }

.tt-wrapper-section {
    background-color: #f2f4f6;
    position: relative; }

/* tt-list-btn */
.tt-list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -15px; }
.tt-list-btn [class^="btn"],
.tt-list-btn .tt-btn-icon {
    margin-top: 15px; }
.tt-list-btn [class^="btn"]:not(.btn-icon):not(:last-child) {
    margin-right: 15px; }

.tt-avatar-icon.tt-size-md svg {
    width: 40px;
    height: 40px; }

/*
    Responsive Table
*/
@media (max-width: 575px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-sm table {
        width: 575px; } }

/* dl-layout-01 */
.dl-layout-01 dt {
    color: #182730;
    font-weight: 600; }
.dl-layout-01 dt:not(:first-child) {
    margin-top: 25px; }

/*
    List
*/
/* tt-list-dot */
.tt-list-dot {
    list-style: none;
    padding: 0; }
.tt-list-dot li {
    position: relative;
    padding: 0 0 0 19px;
    color: #666f74; }
.tt-list-dot li:not(:last-child) {
    padding-bottom: 8px; }
.tt-list-dot li:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #666f74;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0; }
@media (min-width: 1025px) {
    .tt-list-dot {
        margin: 0 0 0 35px; } }
@media (max-width: 1024px) and (min-width: 576px) {
    .tt-list-dot {
        margin: 0 0 0 25px; } }

.tt-indent-top01 {
    margin-top: 42px; }

.tt-indent-top02 {
    margin-top: 26px; }

/*---------------------------------------*/
/*--------     2. Header         --------*/
/*---------------------------------------*/
/*
	Header
*/
#tt-header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e7ea;
    z-index: 17; }
#tt-header .tt-row > .col-auto {
    min-height: 69px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media (min-width: 1025px) {
    #tt-header > [class^="container"] {
        padding-left: 45px;
        padding-right: 45px; } }
@media (max-width: 1024px) {
    #tt-header > [class^="container"] {
        padding-left: 25px;
        padding-right: 25px; } }
@media (max-width: 575px) {
    #tt-header > [class^="container"] {
        padding-left: 10px;
        padding-right: 10px; } }
#tt-header .tt-logo + * {
    margin-left: 45px; }
@media (max-width: 1229px) {
    #tt-header .tt-logo + * {
        margin-left: 26px; } }
@media (max-width: 1024px) {
    #tt-header .tt-logo + * {
        margin-left: 10px; } }
#tt-header .tt-logo img {
    max-width: 36px;
    height: auto; }
#tt-header .tt-desktop-menu + * {
    margin-left: 36px; }
@media (max-width: 1229px) {
    #tt-header .tt-desktop-menu + * {
        margin-left: 25px; }
    #tt-header .tt-desktop-menu nav > ul > li > a {
        padding-left: 7px;
        padding-right: 7px; } }
@media (max-width: 767px) {
    #tt-header .tt-desktop-menu + * {
        margin-left: 20px; } }
@media (max-width: 1229px) {
    #tt-header .tt-search {
        width: 250px; } }
@media (max-width: 767px) {
    #tt-header .tt-search {
        width: 210px; } }
@media (max-width: 575px) {
    #tt-header .tt-search {
        width: 142px; } }
@media (max-width: 440px) {
    #tt-header .tt-search {
        width: 137px; } }
@media (max-width: 413px) {
    #tt-header .tt-search {
        width: inherit; } }
@media (max-width: 413px) {
    #tt-header .tt-search {
        position: static; }
    #tt-header .tt-search .search-wrapper {
        display: none;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        background: #ffffff;
        position: absolute;
        z-index: -2;
        opacity: 0;
        width: 100vh;
        top: 15px;
        left: 0; }
    #tt-header .tt-search .search-wrapper .tt-search__close {
        display: inline-block; }
    #tt-header .tt-search.tt-open-popup .search-wrapper {
        top: 0;
        height: 100%;
        z-index: 3;
        opacity: 1; } }
@media (max-width: 767px) {
    #tt-header .tt-account-btn [class^="btn"] {
        background: transparent;
        color: #182730;
        padding-left: 9px;
        padding-right: 9px; }
    #tt-header .tt-account-btn [class^="btn"]:not(:first-child) {
        margin-left: 0px; }
    #tt-header .tt-account-btn [class^="btn"]:hover {
        color: #2172cd; } }
@media (max-width: 440px) {
    #tt-header .tt-account-btn [class^="btn"] {
        padding-left: 7px;
        padding-right: 7px; } }

/* header logo*/
.tt-logo {
    display: inline-block;
    position: relative; }

/* header desktop-menu*/
.tt-desktop-menu {
    display: inline-block;
    position: relative; }
@media (max-width: 1024px) {
    .tt-desktop-menu {
        display: none; } }
.tt-desktop-menu nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: 0; }
.tt-desktop-menu nav > ul > li {
    position: relative; }
.tt-desktop-menu nav > ul > li > a {
    font-size: 16px;
    line-height: 30px;
    color: #182730;
    font-weight: 500;
    padding: 0px 15px;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0.01em;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
.tt-desktop-menu nav > ul > li > a span {
    display: inline-block;
    position: relative;
    padding-top: 18px;
    padding-bottom: 20px; }
.tt-desktop-menu nav > ul > li > a span:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    width: 0%;
    height: 2px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #2172cd;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear; }
.tt-desktop-menu nav > ul > li > a.is-hover span:before {
    width: 100%; }
.tt-desktop-menu nav > ul > li > a:hover span:before {
    width: 100%; }
.tt-desktop-menu nav > ul > li ul {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    display: block;
    margin: 0;
    padding: 17px 0 19px 0;
    width: 255px;
    position: absolute;
    z-index: 7;
    top: auto;
    left: 0px;
    background-color: #ffffff;
    border-top: 1px solid #e2e7ea;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09); }
.tt-desktop-menu nav > ul > li ul li {
    display: block;
    position: relative; }
.tt-desktop-menu nav > ul > li ul li a {
    color: #303344;
    font-size: 16px;
    line-height: 22px;
    padding: 5px 10px 5px 30px;
    display: block;
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear; }
.tt-desktop-menu nav > ul > li ul li a:hover, .tt-desktop-menu nav > ul > li ul li a.active, .tt-desktop-menu nav > ul > li ul li a.is-hover {
    color: #182730;
    font-weight: 600; }
.tt-desktop-menu nav > ul > li ul ul {
    margin-top: -18px; }
.tt-desktop-menu nav > ul > li ul ul:not(.right-popup) {
    top: 0;
    left: 100%; }
.tt-desktop-menu nav > ul > li ul ul.right-popup {
    left: -100%;
    top: 0; }
.tt-desktop-menu nav > ul > li.active > a span:before {
    width: 100%; }
.tt-desktop-menu nav > ul li:hover > ul {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    z-index: 9;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear; }

/* header search*/
.tt-search {
    display: inline-block;
    position: relative;
    width: 350px; }
.tt-search form {
    display: block; }
.tt-search .tt-search__input {
    border: none;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: #182730;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding: 3px 15px 5px 47px;
    width: 100%;
    background-color: #e2e7ea;
    border-radius: 3px;
    height: 39px; }
.tt-search .tt-search__btn {
    background: none;
    border: none;
    outline: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 5px 7px 15px; }
.tt-search .tt-search__btn .tt-icon {
    width: 18px;
    height: 18px;
    fill: #666f74; }
.tt-search .tt-search__btn:hover .tt-icon {
    fill: #2172cd; }
.tt-search .tt-search__close {
    position: absolute;
    right: -43px;
    top: 2px;
    display: none;
    background: none;
    border: none;
    outline: none;
    padding: 5px 15px; }
.tt-search .tt-search__close .tt-icon {
    width: 13px;
    height: 13px;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear; }
.tt-search .tt-search__close:hover .tt-icon {
    fill: #2172cd; }
.tt-search .search-form {
    position: relative; }
.tt-search .search-wrapper {
    display: block; }
.tt-search .search-results {
    position: absolute;
    background-color: #ffffff;
    border-left: 1px solid #e2e7ea;
    border-right: 1px solid #e2e7ea;
    border-bottom: 1px solid #e2e7ea;
    top: auto;
    left: 0;
    margin-top: -2px;
    width: 100%;
    padding: 1px;
    border-radius: 3px;
    display: none; }
.tt-search .search-results ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    overflow: hidden; }
.tt-search .search-results ul li:not(:last-child) {
    border-bottom: 1px solid #e2e7ea; }
.tt-search .search-results ul li a {
    color: #666f74;
    display: block;
    padding: 24px 30px 22px;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
.tt-search .search-results ul li a .tt-title {
    color: #182730;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
.tt-search .search-results ul li a:hover .tt-title {
    color: #2172cd; }
.tt-search .search-results ul li .tt-description {
    font-size: 14px;
    line-height: 1; }
.tt-search .search-results ul li > a,
.tt-search .search-results ul li .tt-title,
.tt-search .search-results ul li .tt-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.tt-search .search-results ul li:nth-child(odd) {
    background-color: #f8f9fa; }
.tt-search .search-results .tt-view-all {
    background-color: #ffffff;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #666f74;
    font-size: 16px;
    line-height: 1.1;
    height: 39px;
    width: 100%;
    font-weight: 500;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
.tt-search .search-results .tt-view-all:hover {
    color: #182730; }
.tt-search .tt-search-scroll {
    height: 261px;
    overflow: hidden;
    position: relative; }

.tt-search-toggle {
    background: none;
    border: none;
    outline: none; }
@media (min-width: 414px) {
    .tt-search-toggle {
        display: none; } }
.tt-search-toggle .tt-icon {
    width: 18px;
    height: 18px;
    fill: #666f74; }
.tt-search-toggle:hover .tt-icon {
    fill: #2172cd; }
.tt-search-toggle:focus {
    outline: none; }

/*tt-account-btn*/
.tt-account-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.tt-account-btn [class^="btn"] {
    margin-top: 7px;
    margin-bottom: 7px; }
.tt-account-btn [class^="btn"]:not(:first-child) {
    margin-left: 15px; }

/* toggle-mobile-menu */
.toggle-mobile-menu {
    padding: 10px;
    margin-right: 10px; }
@media (min-width: 1025px) {
    .toggle-mobile-menu {
        display: none; } }
.toggle-mobile-menu .tt-icon {
    width: 16px;
    height: 14px;
    fill: #666f74;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear; }
.toggle-mobile-menu:hover .tt-icon {
    fill: #2172cd; }

/* tt-user-info */
.tt-user-info select {
    max-width: 120px;
    overflow: hidden; }

@media (min-width: 1230px) {
    .tt-user-info > *:not(:first-child) {
        margin-left: 12px; } }

@media (max-width: 1229px) {
    .tt-user-info > *:not(:first-child) {
        margin-left: 0px; } }

.tt-user-info > *:not(:first-child).custom-select-01 {
    margin-left: 6px; }

@media (max-width: 767px) {
    .tt-user-info .custom-select-01 select {
        width: 23px;
        padding-left: 10px;
        padding-right: 0;
        font-size: 0; }
    .tt-user-info .custom-select-01 select option {
        font-size: 16px; } }

/*
    Mobile menu
*/
.panel-menu,
.mmpanels,
.mmpanels > .mmpanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: inherit; }

.panel-menu {
    width: 270px;
    background: #ffffff;
    position: fixed;
    z-index: 50;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06); }
.panel-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
.panel-menu ul li {
    margin: 0;
    width: 100%; }
.panel-menu ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 27px 9px 29px;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    color: #182730;
    background: transparent;
    position: relative;
    font-weight: 500;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
.panel-menu ul li a:hover {
    color: #2172cd;
    background: transparent; }
.panel-menu #mm0.mmpanel a:not(.mm-close) {
    color: #182730;
    background-color: transparent; }
.panel-menu #mm0.mmpanel a:not(.mm-close):after {
    color: #182730; }
.panel-menu #mm0.mmpanel a:not(.mm-close):hover {
    color: #2172cd;
    background-color: transparent; }
.panel-menu #mm0.mmpanel a:not(.mm-close):hover:after {
    color: #2172cd; }
.panel-menu #mm0.mmpanel .mm-next-level:after {
    top: 12px; }
.panel-menu .mmpanel .mm-original-link .tt-badge {
    top: -1px; }
.panel-menu .mm-close,
.panel-menu .mm-prev-level,
.panel-menu .mm-original-link {
    display: block;
    color: #182730;
    background-color: transparent;
    background-color: transparent; }
.panel-menu .mm-close:before,
.panel-menu .mm-prev-level:before,
.panel-menu .mm-next-level:after {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #182730; }
.panel-menu .mm-close:hover,
.panel-menu .mm-prev-level:hover,
.panel-menu .mm-next-level:hover {
    color: #2172cd;
    background-color: transparent; }
.panel-menu .mm-close:hover:before .mm-prev-level:hover:before,
.panel-menu .mm-next-level:hover:after {
    color: #2172cd; }
.panel-menu li.mm-close-parent {
    margin-bottom: 15px; }
.panel-menu li.mm-close-parent .mm-close {
    padding: 24px 16px 23px 29px;
    color: #182730;
    border-bottom: 1px solid #e2e7ea;
    background-color: transparent; }
.panel-menu li.mm-close-parent .mm-close .tt-icon {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 23px 10px 23px; }
.panel-menu li.mm-close-parent .mm-close .tt-icon svg {
    width: 14px;
    height: 14px;
    fill: #687176; }
.panel-menu li.mm-close-parent .mm-close:hover {
    color: #2172cd;
    background-color: transparent; }
.panel-menu li.mm-close-parent .mm-close:hover svg {
    fill: #2172cd; }
.panel-menu .mm-prev-level {
    padding: 14px 16px 15px 29px;
    color: #182730;
    background-color: transparent;
    border-bottom: 1px solid #e2e7ea;
    margin-bottom: 15px; }
.panel-menu .mm-prev-level:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8L3.43431 7.43431L2.86863 8L3.43431 8.56569L4 8ZM10.4343 0.434315L3.43431 7.43431L4.56569 8.56569L11.5657 1.56569L10.4343 0.434315ZM3.43431 8.56569L10.4343 15.5657L11.5657 14.4343L4.56569 7.43431L3.43431 8.56569Z' fill='%23666f74'/%3E%3C/svg%3E%0A");
    padding-right: 10px;
    position: relative;
    top: 2px;
    color: #182730;
    display: inline-block; }
.panel-menu .mm-prev-level:hover {
    color: #2172cd;
    background-color: transparent; }
.panel-menu .mm-prev-level:hover:before {
    color: #2172cd; }
.panel-menu .mm-next-level {
    color: #182730;
    background-color: transparent; }
.panel-menu .mm-next-level:after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L11 8L4 15' stroke='%23666f74' stroke-width='1.6'/%3E%3C/svg%3E%0A");
    padding-left: 10px;
    top: 10px;
    right: 30px;
    position: absolute;
    color: #182730; }
.panel-menu .mm-next-level:hover {
    color: #2172cd;
    background-color: transparent; }
.panel-menu .mm-next-level:hover:after {
    color: #2172cd; }
.panel-menu .mm-original-link {
    font-weight: 700;
    color: #182730;
    background-color: transparent; }
.panel-menu .mm-original-link:before {
    padding-right: 10px;
    color: #182730; }
.panel-menu .mm-original-link:hover {
    color: #2172cd;
    background-color: transparent; }
.panel-menu .mm-original-link:hover:before {
    color: #2172cd; }

.mm-open {
    overflow: hidden; }
.mm-open .mm-fullscreen-bg {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 23;
    display: none; }

.mmitemopen.panel-menu,
.mmitemopen.panel-menu.mm-right {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.panel-menu {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

.panel-menu.mm-right,
.mmitemopen.panel-menu.mm-right.mmhide {
    left: auto;
    right: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

.mmitemopen.panel-menu.mmhide {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

.mmpanel {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

.mmpanels {
    overflow: hidden; }

.mmpanel.mmopened {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.mmpanel.mmsubopened {
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0); }

.mmpanels > .mmpanel {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto; }

.mmpanels,
.mmpanels >
.mmpanel {
    background: inherit;
    border-color: inherit; }

.mmpanels > .mmpanel:not(.mmhidden) {
    display: block; }

.mmpanels > .mmpanel:after {
    content: '';
    display: block;
    height: 20px; }

.mmhidden,
.mm-nav-btn {
    display: none; }

.mm-fullscreen-bg,
.mm-fullscreen-bg:focus,
.mm-fullscreen-bg:active,
.mm-fullscreen-bg:hover {
    outline: none; }

.tt-menu-slider {
    max-height: 389px; }

/*---------------------------------------*/
/*--------   3. Page Content     --------*/
/*---------------------------------------*/
/*-------  3.1 Basic settings for page content  --------*/
#tt-pageContent:not([class^="tt-offset"]) {
    padding-top: 100px; }

#tt-pageContent.tt-offset-small {
    padding-top: 70px; }

@media (max-width: 575px) {
    #tt-pageContent .container[class^="tt-custom-"] {
        padding-left: 0;
        padding-right: 0; } }

#tt-pageContent p {
    margin-bottom: 26px; }

#tt-pageContent p:last-child {
    margin-bottom: 0; }

#tt-pageContent .container.tt-custom-mobile-indent {
    padding-left: 22px;
    padding-right: 22px; }

/*-------  3.2 Topic list item                  --------*/
/* Topic list item */
.tt-topic-list .tt-list-search .tt-title {
    color: #303344;
    font-size: 16px;
    font-weight: 500; }

@media (min-width: 768px) {
    .tt-topic-list .tt-list-search {
        padding: 0 30px; } }

@media (max-width: 767px) {
    .tt-topic-list .tt-list-search {
        padding: 0 20px; }
    .tt-topic-list .tt-list-search .tt-search {
        width: 244px; } }

@media (min-width: 576px) {
    .tt-topic-list .tt-list-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }

@media (max-width: 575px) {
    .tt-topic-list .tt-list-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tt-topic-list .tt-list-search > *:not(:first-child) {
        margin-top: 10px; } }

.tt-topic-list .tt-topic-alert {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    padding: 6px 6px 7px 123px;
    width: 100%; }
.tt-topic-list .tt-topic-alert.tt-alert-default {
    background-color: #d1e4f9;
    border-left: 2px solid #2172cd; }
.tt-topic-list .tt-topic-alert.tt-alert-default a {
    color: #182730;
    display: inline-block;
    position: relative; }
.tt-topic-list .tt-topic-alert.tt-alert-default a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 5px;
    width: 0%;
    height: 1px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #182730;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear; }
.tt-topic-list .tt-topic-alert.tt-alert-default a:hover:before {
    width: 100%; }
@media (max-width: 1229px) {
    .tt-topic-list .tt-topic-alert {
        padding: 6px 6px 7px 103px; } }
@media (max-width: 1024px) {
    .tt-topic-list .tt-topic-alert {
        padding-left: 23px; } }
@media (max-width: 370px) {
    .tt-topic-list .tt-topic-alert {
        font-size: 14px;
        line-height: 20px; }
    .tt-topic-list .tt-topic-alert.tt-alert-default a:before {
        bottom: 3px; } }

.tt-topic-list .tt-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    color: #303344;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.01em; }
.tt-topic-list .tt-list-header .tt-col-topic {
    width: 50%;
    -webkit-box-flex: 2;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto; }
.tt-topic-list .tt-list-header .tt-col-category {
    width: 16.66667%; }
@media (max-width: 991px) {
    .tt-topic-list .tt-list-header .tt-col-category {
        display: none; } }
.tt-topic-list .tt-list-header .tt-col-value {
    width: 8.33333%; }
.tt-topic-list .tt-list-header .tt-col-value-large {
    width: 95px;
    min-width: 95px; }
.tt-topic-list .tt-list-header > [class^="tt-col"] {
    padding: 20px 15px 22px; }
@media (max-width: 991px) {
    .tt-topic-list .tt-list-header .tt-col-topic {
        width: 68.66666%; }
    .tt-topic-list .tt-list-header .tt-col-category {
        width: 23%; }
    .tt-topic-list .tt-list-header .tt-col-value {
        text-align: right; } }
@media (max-width: 991px) {
    .tt-topic-list .tt-list-header .tt-col-category,
    .tt-topic-list .tt-list-header .tt-col-value {
        display: none; } }
.tt-topic-list .tt-list-header.tt-border-bottom {
    border-bottom: 2px solid #e2e7ea;
    margin-bottom: 30px; }

.tt-topic-list .tt-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 101px;
    padding: 20px 15px; }
@media (max-width: 767px) {
    .tt-topic-list .tt-item {
        padding-left: 10px;
        padding-right: 10px; } }
.tt-topic-list .tt-item.tt-itemselect {
    background-color: #f9efe3;
    border-bottom: 1px solid #e2e7ea; }
.tt-topic-list .tt-item:nth-child(even):not(.tt-itemselect):not(.tt-item-popup) {
    background-color: #f2f4f6; }
.tt-topic-list .tt-item:nth-child(odd):not(.tt-itemselect):not(.tt-item-popup) {
    background-color: #ffffff; }
.tt-topic-list .tt-item .tt-col-avatar .tt-icon {
    width: 40px;
    height: 40px; }
@media (min-width: 992px) {
    .tt-topic-list .tt-item .tt-col-avatar {
        width: 8.33333%; } }
@media (max-width: 991px) {
    .tt-topic-list .tt-item .tt-col-avatar {
        width: 10.33333%; } }
@media (max-width: 767px) {
    .tt-topic-list .tt-item .tt-col-avatar {
        width: 12.33333%;
        min-width: 50px; } }
@media (max-width: 575px) {
    .tt-topic-list .tt-item .tt-col-avatar .tt-icon {
        width: 30px;
        height: 30px; } }
.tt-topic-list .tt-item .tt-col-description {
    -webkit-box-flex: 2;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    padding-bottom: 2px; }
@media (min-width: 992px) {
    .tt-topic-list .tt-item .tt-col-description {
        width: 41.66667%; } }
@media (max-width: 991px) {
    .tt-topic-list .tt-item .tt-col-description {
        width: 58.33333%; } }
@media (max-width: 767px) {
    .tt-topic-list .tt-item .tt-col-description {
        width: 76.33333%; } }
.tt-topic-list .tt-item .tt-col-description .tt-title {
    color: #303344;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0 0 0 0;
    letter-spacing: 0.01em; }
.tt-topic-list .tt-item .tt-col-description .tt-title a {
    color: #303344;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
.tt-topic-list .tt-item .tt-col-description .tt-title a:hover {
    color: #2172cd; }
.tt-topic-list .tt-item .tt-col-description .tt-title .tt-icon {
    width: 18px;
    height: 18px;
    fill: #666f74;
    margin-right: 8px;
    position: relative;
    top: -1px; }
@media (max-width: 370px) {
    .tt-topic-list .tt-item .tt-col-description .tt-title {
        font-size: 14px;
        line-height: 22px; }
    .tt-topic-list .tt-item .tt-col-description .tt-title .tt-icon {
        width: 15px;
        height: 15px;
        margin-right: 4px; } }
.tt-topic-list .tt-item .tt-col-description > *:last-child {
    padding-bottom: 0; }
.tt-topic-list .tt-item .tt-col-description > .row > [class^="col"]:first-child {
    padding-right: 15px; }
.tt-topic-list .tt-item .tt-col-description > .row .ml-auto {
    text-align: right; }
.tt-topic-list .tt-item .tt-col-description .tt-content {
    color: #666f74;
    font-size: 16px;
    line-height: 26px;
    margin-top: 6px; }
.tt-topic-list .tt-item .tt-col-description .tt-value {
    white-space: nowrap; }
@media (max-width: 370px) {
    .tt-topic-list .tt-item .tt-col-description .tt-value {
        font-size: 14px; } }
.tt-topic-list .tt-item .tt-col-description > *:nth-child(1) {
    margin-top: 0; }
.tt-topic-list .tt-item .tt-col-description > *:not(:first-child) {
    margin-top: 6px; }
@media (min-width: 992px) {
    .tt-topic-list .tt-item .tt-desktop-hide {
        display: none; } }
@media (min-width: 992px) {
    .tt-topic-list .tt-item .tt-col-category:not(.tt-col-value-large) {
        width: 16.66667%; } }
@media (max-width: 991px) {
    .tt-topic-list .tt-item .tt-col-category:not(.tt-col-value-large) {
        width: 23%; } }
@media (max-width: 991px) {
    .tt-topic-list .tt-item .tt-col-category {
        display: none; } }
.tt-topic-list .tt-item .tt-btn-icon .tt-icon svg {
    width: 22px;
    height: 18px; }
.tt-topic-list .tt-item .tt-col-value {
    width: 8.33333%; }
.tt-topic-list .tt-item .tt-col-value-large {
    width: 95px;
    min-width: 95px; }
@media (min-width: 1025px) {
    .tt-topic-list .tt-item > [class^="tt-col"] {
        padding-left: 15px;
        padding-right: 15px; } }
@media (max-width: 1024px) {
    .tt-topic-list .tt-item > [class^="tt-col"] {
        padding-left: 10px;
        padding-right: 10px; } }
.tt-topic-list .tt-item.tt-item-popup {
    background-color: #1cbbb4;
    color: #ffffff; }
@media (min-width: 992px) {
    .tt-topic-list .tt-item.tt-item-popup .tt-col-message {
        width: 61.33334%; } }
@media (max-width: 991px) {
    .tt-topic-list .tt-item.tt-item-popup .tt-col-message {
        width: 53.66667%; } }
.tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right; }
@media (min-width: 992px) {
    .tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
        width: 33.33332%; } }
@media (max-width: 991px) {
    .tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
        width: 40.99999%; } }
.tt-topic-list .tt-item.tt-item-popup .tt-col-btn > [class^="btn"]:not(.btn-icon) {
    margin-left: 15px; }
.tt-topic-list .tt-item.tt-item-popup .tt-col-btn .btn-icon {
    margin-left: 5px; }
.tt-topic-list .tt-item.tt-item-popup .btn-icon {
    background: no-repeat;
    border: none;
    outline: none;
    padding: 15px 0px 15px 10px;
    margin: 0; }
.tt-topic-list .tt-item.tt-item-popup .btn-icon .tt-icon {
    width: 13px;
    height: 18px;
    fill: #ffffff;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear; }
.tt-topic-list .tt-item.tt-item-popup .btn-icon:hover .tt-icon {
    fill: #333333; }
@media (max-width: 767px) {
    .tt-topic-list .tt-item.tt-item-popup {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tt-topic-list .tt-item.tt-item-popup .tt-col-message {
        width: 81.99998%;
        padding-right: 24px; } }
@media (max-width: 767px) and (max-width: 370px) {
    .tt-topic-list .tt-item.tt-item-popup .tt-col-message {
        font-size: 14px;
        line-height: 22px; } }
@media (max-width: 767px) {
    .tt-topic-list .tt-item.tt-item-popup .tt-col-btn {
        display: block;
        text-align: left;
        width: 81.99998%;
        margin-left: 12.33333%;
        margin-top: 13px; }
    .tt-topic-list .tt-item.tt-item-popup .tt-col-btn .btn-icon {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -28px;
        padding-left: 22px;
        padding-right: 22px; }
    .tt-topic-list .tt-item.tt-item-popup .tt-col-btn [class^="btn"] {
        float: left; }
    .tt-topic-list .tt-item.tt-item-popup .tt-col-btn [class^="btn"]:first-child {
        margin-left: 0; } }

.tt-topic-list .tt-color-select {
    color: #182730;
    font-weight: 500; }

.tt-topic-list .tt-list-badge {
    margin-top: -8px; }

@media (min-width: 992px) {
    .tt-topic-list .show-mobile {
        display: none; } }

@media (min-width: 992px) {
    .tt-topic-list .hide-desktope {
        display: none; } }

@media (max-width: 991px) {
    .tt-topic-list .hide-mobile {
        display: none; } }

.tt-row-btn {
    text-align: center;
    padding: 65px 0; }
.tt-row-btn .btn-icon {
    background-color: transparent;
    border: none;
    padding: 5px;
    display: inline-block;
    outline: none; }
.tt-row-btn .btn-icon svg {
    width: 23px;
    height: 29px;
    fill: #666f74;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear; }
.tt-row-btn .btn-icon:hover svg {
    fill: #182730; }
@media (max-width: 767px) {
    .tt-row-btn {
        padding: 45px 0; } }

/*-------  3.3 Single Topic                     --------*/
/*
	Single-Topic
*/
.tt-single-topic-list > .tt-item:not(:first-child) {
    margin-top: 30px; }

.tt-single-topic-list > .tt-item:not([class^="tt-wrapper-success"]) {
    background-color: #ffffff; }

.tt-single-topic-list > .tt-item.tt-wrapper-success {
    border: 1px solid #68c193;
    background-color: #e6fbf0; }

.tt-single-topic-list > .tt-item.tt-wrapper-danger {
    border: 1px dashed #f56e6f;
    background-color: #fff2f2; }

.tt-single-topic {
    position: relative; }
.tt-single-topic .tt-item-header .tt-item-info.info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 8px; }
.tt-single-topic .tt-item-header .tt-item-info.info-top .tt-avatar-icon .tt-icon svg {
    width: 40px;
    height: 40px; }
.tt-single-topic .tt-item-header .tt-item-info.info-top .tt-avatar-title {
    color: #666f74;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.01em;
    padding-right: 15px; }
.tt-single-topic .tt-item-header .tt-item-info.info-top .tt-avatar-title a {
    color: #666f74;
    display: inline-block;
    margin-right: 11px; }
.tt-single-topic .tt-item-header .tt-item-info.info-top .tt-avatar-title a:hover {
    color: #2172cd; }
.tt-single-topic .tt-item-header .tt-item-info.info-top .tt-info-time {
    white-space: nowrap;
    font-size: 14px;
    color: #666f74;
    padding: 0 0px 0 0; }
.tt-single-topic .tt-item-header .tt-item-info.info-top .tt-info-time .tt-icon {
    margin-right: 16px; }
.tt-single-topic .tt-item-header .tt-item-info.info-top .tt-info-time .tt-icon svg {
    width: 16px;
    height: 16px; }
.tt-single-topic .tt-item-header .tt-item-title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    margin: 3px 0 0 0;
    letter-spacing: 0.01em; }
.tt-single-topic .tt-item-header .tt-item-title a {
    display: inline-block;
    color: #303344;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear; }
.tt-single-topic .tt-item-header .tt-item-title a:hover {
    color: #2172cd; }
.tt-single-topic .tt-item-header .tt-item-tag {
    margin-top: 12px; }
.tt-single-topic .tt-item-header:not(.pt-noborder) {
    border-bottom: 1px solid #e2e7ea;
    padding: 0 0 30px 0; }
.tt-single-topic .tt-item-header.pt-noborder + .tt-item-description {
    padding-top: 5px; }
.tt-single-topic .tt-item-description {
    padding-top: 21px;
    letter-spacing: 0.01em; }
.tt-single-topic .tt-item-description .tt-title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #182730;
    padding: 0;
    margin: 0; }
.tt-single-topic .tt-item-description .tt-title a {
    color: #182730; }
.tt-single-topic .tt-item-description .tt-title a:hover {
    color: #2172cd; }
.tt-single-topic .tt-item-description img {
    max-width: 100%;
    height: auto; }
.tt-single-topic .tt-item-description .video-container {
    max-width: 713px; }
.tt-single-topic .tt-item-description .topic-inner-list {
    margin-top: 37px;
    padding-bottom: 8px; }
.tt-single-topic .tt-item-description .topic-inner-list .topic-inner:not(:first-child) {
    margin-top: 30px; }
.tt-single-topic .tt-item-description .topic-inner {
    background-color: #f7f8fa;
    border-left: 2px solid #2172cd;
    padding: 30px 43px 22px 28px; }
.tt-single-topic .tt-item-description .topic-inner .topic-inner-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.tt-single-topic .tt-item-description .topic-inner .topic-inner-title .topic-inner-avatar svg {
    width: 40px;
    height: 40px; }
@media (min-width: 1025px) {
    .tt-single-topic .tt-item-description .topic-inner .topic-inner-title .topic-inner-avatar {
        margin-right: 30px; } }
@media (max-width: 1024px) {
    .tt-single-topic .tt-item-description .topic-inner .topic-inner-title .topic-inner-avatar {
        margin-right: 25px; } }
.tt-single-topic .tt-item-description .topic-inner .topic-inner-title .topic-inner-title {
    color: #666f74;
    font-size: 14px; }
.tt-single-topic .tt-item-description .topic-inner .topic-inner-title .topic-inner-title a {
    color: #666f74; }
.tt-single-topic .tt-item-description .topic-inner .topic-inner-title .topic-inner-title a:hover {
    color: #2172cd; }
@media (min-width: 576px) {
    .tt-single-topic .tt-item-description .topic-inner .topic-inner-description {
        padding: 5px 0 0 70px; } }
@media (max-width: 575px) {
    .tt-single-topic .tt-item-description .topic-inner .topic-inner-description {
        padding: 13px 0 0 0px; } }
.tt-single-topic .tt-item-description .pt-gallery-layout {
    margin-top: 7px; }
.tt-single-topic .tt-item-info.info-bottom {
    margin-top: 34px; }
@media (min-width: 1025px) {
    .tt-single-topic {
        padding: 30px 30px 40px 125px; }
    .tt-single-topic .tt-avatar-icon {
        position: absolute;
        top: 30px;
        left: 30px; } }
@media (max-width: 1024px) {
    .tt-single-topic {
        padding: 30px 20px 40px 20px; }
    .tt-single-topic .tt-item-header .tt-item-info.info-top .tt-avatar-title {
        -ms-flex: 2 1 auto;
        -webkit-box-flex: 2;
        flex: 2 1 auto;
        padding-left: 25px; } }
@media (min-width: 576px) {
    .tt-single-topic .tt-item-info.info-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
    .tt-single-topic .tt-item-info.info-bottom .col-separator {
        background: red;
        -ms-flex: 2 1 auto;
        -webkit-box-flex: 2;
        flex: 2 1 auto; } }
@media (max-width: 575px) {
    .tt-single-topic .tt-item-info.info-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
    .tt-single-topic .tt-item-info.info-bottom .col-separator {
        background: green;
        -ms-flex: 2 1 auto;
        -webkit-box-flex: 2;
        flex: 2 1 auto; }
    .tt-single-topic .tt-item-info.info-bottom .col-separator {
        display: none; }
    .tt-single-topic .tt-item-info.info-bottom .tt-icon-btn {
        margin-left: 0px; }
    .tt-single-topic:not(.tt-small-indent) + .tt-icon-btn {
        margin-left: 18px; }
    .tt-single-topic .tt-text {
        display: none; } }

.tt-info-box {
    background-color: #ffffff; }
.tt-info-box .tt-title {
    color: #182730;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    padding: 0 0 19px 0;
    margin: 0;
    letter-spacing: 0.01em; }
.tt-info-box .tt-title +
hr + .row-object-inline {
    margin-top: -2px; }
@media (min-width: 576px) {
    .tt-info-box {
        padding: 21px 30px 30px; }
    .tt-info-box .row-object-inline .tt-select {
        display: none; } }
@media (max-width: 575px) {
    .tt-info-box {
        padding: 21px 20px 30px; }
    .tt-info-box .row-object-inline .tt-list-badge {
        display: none; } }

.tt-row-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -15px;
    margin-top: -15px; }
.tt-row-icon .tt-item {
    margin-left: 15px;
    margin-top: 15px; }

.tt-icon-avatar svg {
    width: 40px;
    height: 40px; }

.row-object-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.row-object-inline .tt-title {
    padding-right: 15px;
    position: relative;
    top: 9px; }

/*-------  3.4 Badge                            --------*/
.tt-badge {
    font-size: 14px;
    padding: 1px 7px 2px;
    color: #ffffff;
    line-height: 1;
    font-weight: 500;
    height: 25px;
    border: none;
    outline: none;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 3px;
    color: #ffffff; }
.tt-badge:not([class^="tt-color"]) {
    color: #d7dadc;
    background-color: #d7dadc;
    color: #182730; }

.tt-badge.tt-colorb {
    background-color: #084561; }
.tt-badge.tt-color01 {
    background-color: var(--primary-color-1); }
.tt-badge.tt-color03 {
    background-color: #3ebafa; }
.tt-badge.tt-color04 {
    background-color: #777da7; }
.tt-badge.tt-color05 {
    background-color: #f26522; }
.tt-badge.tt-color06 {
    background-color: #464646; }
.tt-badge.tt-color07 {
    background-color: #1cbbb4; }
.tt-badge.tt-color08 {
    background-color: #f4555b; }
.tt-badge.tt-color09 {
    background-color: #00746b; }
.tt-badge.tt-color10 {
    background-color: #f69679; }
.tt-badge.tt-color11 {
    background-color: #7e7b47; }
.tt-badge.tt-color12 {
    background-color: #5674b9; }
.tt-badge.tt-color13 {
    background-color: #3cb878; }
.tt-badge.tt-color14 {
    background-color: #92278f; }
.tt-badge.tt-color15 {
    background-color: #00a651; }
.tt-badge.tt-color16 {
    background-color: #a864a8; }
.tt-badge.tt-color17 {
    background-color: #92278f; }
.tt-badge.tt-color18 {
    background-color: #448ccb; }
.tt-badge.tt-color19 {
    background-color: #39b54a; }
.tt-badge.tt-color20 {
    background-color: #ed9731; }
.tt-badge.tt-color21 {
    background-color: #8781bd; }

.tt-list-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: -8px 0 0 -8px; }
.tt-list-badge li {
    margin-left: 8px;
    margin-top: 8px; }
.tt-list-badge.tt-size-lg {
    margin: -15px 0 0 -15px; }
.tt-list-badge.tt-size-lg li {
    margin: 15px 0 0 15px; }
.tt-list-badge.tt-size-lg .tt-badge {
    height: 39px;
    font-size: 16px;
    padding: 1px 14px 2px;
    letter-spacing: 0.01em; }

.nav-mytabs {
    margin-top: 2rem; }

.nav-mytabs li:not(:last-child) {
    margin-right: 7px; }

.nav-mytabs a {
    position: relative;
    top: 4px;
    padding: 10px 25px;
    border-radius: 2px 2px 0 0;
    background: white;
    color: black;
    opacity: 0.7;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }

.nav-mytabs a.active,
.nav-mytabs a:hover {
    opacity: 1;
    top: 0; }

.mytab-content {
    position: relative;
    z-index: 2;
    padding: 25px;
    border-radius: 0 4px 4px 4px;
    background: white; }

/*-------  3.5 Modal                            --------*/
/*
	Modal
*/
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    -webkit-overflow-scrolling: touch;
    outline: none;
    text-align: center;
    padding: 10px;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0; }
.modal.show {
    opacity: 1; }
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }
.modal .modal-dialog {
    display: inline-block;
    vertical-align: middle; }
@media (min-width: 576px) {
    .modal .modal-dialog {
        max-width: inherit; } }
@media (min-width: 460px) {
    .modal .modal-sm {
        width: 410px; } }
@media (max-width: 459px) {
    .modal .modal-sm {
        width: 370px; } }
@media (max-width: 420px) {
    .modal .modal-sm {
        width: 280px; } }
@media (min-width: 780px) {
    .modal .modal-md {
        width: 730px; } }
@media (max-width: 779px) {
    .modal .modal-md {
        width: 410px; } }
@media (max-width: 420px) {
    .modal .modal-md {
        width: 280px; } }
.modal .modal-title {
    font-size: 20px;
    line-height: 26px;
    margin: 34px 0 0 0;
    padding-bottom: 19px;
    letter-spacing: 0.02em; }
.modal .close {
    width: 56px;
    height: 56px;
    line-height: 1;
    position: absolute;
    top: 0px;
    right: 0;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1;
    outline: none; }
.modal .close:before, .modal .close:after {
    position: absolute;
    top: 18px;
    right: 20px;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear; }
.modal .close:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzNDMgMC40MzQzMTVMMC40MzQzMTUgMTQuNDM0M0wxLjU2NTY5IDE1LjU2NTdMMTUuNTY1NyAxLjU2NTY5TDE0LjQzNDMgMC40MzQzMTVaTTAuNDM0MzE1IDEuNTY1NjlMMTQuNDM0MyAxNS41NjU3TDE1LjU2NTcgMTQuNDM0M0wxLjU2NTY5IDAuNDM0MzE1TDAuNDM0MzE1IDEuNTY1NjlaIiBmaWxsPSIjRDBEMEQwIi8+Cjwvc3ZnPgo="); }
.modal .close:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzNDMgMC40MzQzMTVMMC40MzQzMTUgMTQuNDM0M0wxLjU2NTY5IDE1LjU2NTdMMTUuNTY1NyAxLjU2NTY5TDE0LjQzNDMgMC40MzQzMTVaTTAuNDM0MzE1IDEuNTY1NjlMMTQuNDM0MyAxNS41NjU3TDE1LjU2NTcgMTQuNDM0M0wxLjU2NTY5IDAuNDM0MzE1TDAuNDM0MzE1IDEuNTY1NjlaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=");
    opacity: 0; }
.modal .close:hover:before {
    opacity: 0; }
.modal .close:hover:after {
    opacity: 1; }
.modal .close.pt-color-white:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzNDMgMC40MzQzMTVMMC40MzQzMTUgMTQuNDM0M0wxLjU2NTY5IDE1LjU2NTdMMTUuNTY1NyAxLjU2NTY5TDE0LjQzNDMgMC40MzQzMTVaTTAuNDM0MzE1IDEuNTY1NjlMMTQuNDM0MyAxNS41NjU3TDE1LjU2NTcgMTQuNDM0M0wxLjU2NTY5IDAuNDM0MzE1TDAuNDM0MzE1IDEuNTY1NjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); }
.modal .modal-header {
    border: none; }
.modal .modal-content {
    border-radius: 0;
    border: none; }
.modal .modal-content {
    background-color: #ffffff; }
.modal .modal-content.noindent {
    padding: 0; }
@media (min-width: 1025px) {
    .modal .modal-content:not(.noindent) {
        padding: 30px; } }
@media (max-width: 1024px) {
    .modal .modal-content:not(.noindent) {
        padding: 40px 30px; } }
@media (max-width: 767px) {
    .modal .modal-content:not(.noindent) {
        padding: 40px 20px; } }
.modal .modal-footer {
    border: none; }

.modal-backdrop {
    background: #000000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 24; }
.modal-backdrop.show {
    opacity: 0.5; }

/* Modal layout */
.modal .modal-content {
    text-align: left;
    position: relative; }
.modal .modal-content .tt-modal-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    color: #303344;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 27px 24px 0;
    border-bottom: 1px solid #e2e7ea;
    margin-bottom: 30px;
    margin-top: -3px; }
.modal .modal-content .tt-modal-title .pt-icon {
    padding-right: 27px; }
.modal .modal-content .tt-modal-title .pt-icon svg {
    width: 18px;
    height: 18px; }
.modal .modal-content .tt-modal-title .pt-close-modal {
    color: #687176;
    display: inline-block;
    position: absolute;
    padding: 5px;
    right: -5px;
    top: -4px; }
.modal .modal-content .tt-modal-title .pt-close-modal svg {
    width: 13px;
    height: 13px; }
.modal .modal-content .tt-modal-title .pt-close-modal:hover {
    color: #2172cd; }
.modal .modal-content .form-default .form-group {
    margin-bottom: 21px; }
.modal .modal-content .form-default .form-group .checkbox-group:last-child label {
    padding-bottom: 0 !important;
    margin-bottom: 0; }
.modal .modal-content .form-default .form-group label:not(.error) {
    padding-bottom: 7px; }
.modal .modal-content .form-default .form-group label:not(.error) + .checkbox-group {
    margin-top: 6px; }
.modal .modal-content .form-default .form-group .checkbox-group label:not(.error) {
    padding-bottom: 15px; }
.modal .modal-content .form-default .checkbox-group + .form-group {
    margin-top: 25px; }
.modal .modal-content .form-default .btn {
    margin-top: 9px; }

/* open modal mobile menu */
body:not(.touch-device).mm-open {
    padding-right: 17px; }
body:not(.touch-device).mm-open .pt-stuck-nav.stuck {
    padding-right: 17px; }

/* open modal bootstrap */
.modal-open {
    overflow: hidden; }
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

body:not(.touch-device).modal-open {
    overflow-x: hidden;
    padding-right: 17px; }
body:not(.touch-device).modal-open .pt-stuck-nav.stuck {
    padding-right: 17px; }

html.ie.gecko body.modal-open {
    padding-right: 0px !important; }

/* Modal Age Confirmation */
.tt-modal-confirmation {
    padding: 6px 0 40px 0;
    letter-spacing: 0.01em; }
.tt-modal-confirmation .tt-title {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #303344;
    font-weight: 600;
    margin: 0;
    padding: 0; }
.tt-modal-confirmation .tt-confirmation-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 38px; }
.tt-modal-confirmation .tt-confirmation-btn > *:first-child .tt-icon:before {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #e2e7ea; }
.tt-modal-confirmation .tt-confirmation-btn .tt-col {
    width: 50%; }
@media (min-width: 768px) {
    .tt-modal-confirmation .tt-confirmation-btn .btn {
        width: 151px; } }
.tt-modal-confirmation .tt-option-btn {
    text-align: center;
    display: block; }
.tt-modal-confirmation .tt-option-btn .tt-icon {
    position: relative;
    display: block;
    padding: 55px 0 70px; }
.tt-modal-confirmation .tt-option-btn .tt-icon svg {
    width: auto;
    height: 186px; }
.tt-modal-confirmation .tt-option-btn .btn {
    margin-top: 30px; }
.tt-modal-confirmation .tt-option-btn:hover .btn {
    background-color: #2172cd;
    color: #ffffff; }
@media (max-width: 779px) {
    .tt-modal-confirmation {
        padding: 0 0px 7px; }
    .tt-modal-confirmation .tt-option-btn .tt-icon {
        padding: 15px 0; }
    .tt-modal-confirmation .tt-option-btn .tt-icon svg {
        max-width: 80px; } }
@media (max-width: 420px) {
    .tt-modal-confirmation .tt-confirmation-btn {
        margin-top: 28px; }
    .tt-modal-confirmation .tt-confirmation-btn > :first-child .tt-icon:before {
        display: none; }
    .tt-modal-confirmation .tt-option-btn .tt-icon {
        padding: 0; }
    .tt-modal-confirmation .tt-option-btn .tt-icon svg {
        width: auto;
        height: 70px; }
    .tt-modal-confirmation .tt-option-btn .btn {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px; } }

/* Modal Level Up */
.tt-modal-level-up {
    padding: 6px 0 40px 0;
    letter-spacing: 0.01em; }
.tt-modal-level-up .tt-title {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #303344;
    font-weight: 600;
    margin: 0;
    padding: 0; }
.tt-modal-level-up .tt-option-btn {
    text-align: center;
    display: block; }
.tt-modal-level-up .tt-option-btn .tt-icon {
    position: relative;
    display: block;
    padding: 77px 0 29px; }
.tt-modal-level-up .tt-option-btn .tt-icon svg {
    width: auto;
    height: 133px; }
.tt-modal-level-up .tt-option-btn .btn {
    margin-top: 70px;
    width: 151px; }
.tt-modal-level-up .tt-option-btn:hover .btn {
    background-color: #2172cd;
    color: #ffffff; }
@media (max-width: 779px) {
    .tt-modal-level-up {
        padding-bottom: 20px; }
    .tt-modal-level-up .tt-option-btn .tt-icon {
        padding: 29px 0; }
    .tt-modal-level-up .tt-option-btn .tt-icon svg {
        height: 100px; }
    .tt-modal-level-up .tt-option-btn .btn {
        margin-top: 53px; } }
@media (max-width: 420px) {
    .tt-modal-level-up .tt-option-btn .tt-icon {
        padding: 29px 0; }
    .tt-modal-level-up .tt-option-btn .tt-icon svg {
        width: 70px;
        height: 80px; }
    .tt-modal-level-up .tt-option-btn .btn {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px; } }

/* Modal Advanced Search */
.tt-modal-advancedSearch .form-default .checkbox-group + .form-group {
    margin-top: 13px !important; }

/*-------  3.6 Popup Settings                   --------*/
.tt-popup-settings {
    position: fixed;
    display: block;
    margin: 0;
    padding: 70px 30px;
    background: #ffffff;
    z-index: 14;
    top: 0;
    right: -150%;
    height: 100%;
    max-width: inherit;
    text-align: left;
    -webkit-transition: right 0.3s linear;
    transition: right 0.3s linear; }
.tt-popup-settings.column-open {
    right: 0; }
.tt-popup-settings .tt-btn-col-close {
    margin-bottom: 25px;
    position: relative; }
.tt-popup-settings .tt-btn-col-close .tt-icon-title {
    pointer-events: none;
    position: relative;
    top: -1px;
    margin-right: 30px; }
.tt-popup-settings .tt-btn-col-close .tt-icon-title svg {
    width: 17px;
    height: 18px;
    fill: #666f74; }
.tt-popup-settings .tt-btn-col-close .tt-icon-close {
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 35px; }
.tt-popup-settings .tt-btn-col-close .tt-icon-close svg {
    width: 13px;
    height: 12px;
    fill: #70797d;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear; }
.tt-popup-settings .tt-btn-col-close a {
    display: block;
    color: #303344;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    padding: 36px 0 22px;
    border-bottom: 1px solid #e2e7ea;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear; }
.tt-popup-settings .tt-btn-col-close a:hover {
    color: #2172cd; }
.tt-popup-settings .tt-btn-col-close a:hover .tt-icon-close svg {
    fill: #182730; }
.tt-popup-settings .tt-form-upload {
    padding-bottom: 27px; }
.tt-popup-settings .tt-form-upload .tt-avatar svg {
    width: 40px;
    height: 40px; }
.tt-popup-settings .tt-form-upload .btn {
    min-width: 170px; }
.tt-popup-settings .form-default .form-group {
    margin-bottom: 21px; }
.tt-popup-settings .form-default .form-group label:not(.error) {
    padding-bottom: 7px; }
.tt-popup-settings .form-default .form-group label:not(.error) + .checkbox-group {
    margin-top: 7px; }
.tt-popup-settings .form-default .btn {
    min-width: 160px; }
.tt-popup-settings .checkbox-group + .checkbox-group {
    margin-top: 8px; }
.tt-popup-settings textarea.form-control {
    height: 129px;
    padding: 19px 12px 12px 28px; }
@media (min-width: 451px) {
    .tt-popup-settings {
        width: 410px; } }
@media (max-width: 450px) {
    .tt-popup-settings {
        width: 320px;
        padding-left: 20px;
        padding-right: 20px; }
    .tt-popup-settings .form-group .btn {
        width: 100%; } }

.modal-filter {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 11;
    display: block;
    opacity: 0;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear; }

/*-------  3.7 User header                      --------*/
/*
    user-header(*page-single-user.html)
*/
.tt-user-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 29px 0 29px 15px; }
.tt-user-header .tt-col-avatar {
    padding-left: 15px;
    padding-right: 15px;
    width: 8.33333%; }
.tt-user-header .tt-col-avatar .tt-icon {
    width: 40px;
    height: 40px; }
@media (max-width: 575px) {
    .tt-user-header .tt-col-avatar .tt-icon {
        width: 30px;
        height: 30px; } }
@media (max-width: 991px) {
    .tt-user-header .tt-col-avatar {
        width: 10.33333%; } }
@media (max-width: 767px) {
    .tt-user-header .tt-col-avatar {
        width: 12.33333%;
        min-width: 50px; } }
.tt-user-header .tt-col-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 2;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto; }
.tt-user-header .tt-col-title .tt-title {
    color: #182730;
    font-weight: 600; }
.tt-user-header .tt-col-title .tt-title a {
    color: #182730;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear; }
.tt-user-header .tt-col-title .tt-title a:hover {
    color: #2172cd; }
.tt-user-header .tt-col-title > *:not(:first-child) {
    margin-left: 15px; }
.tt-user-header .tt-btn-icon svg {
    width: 18px;
    height: 18px; }
@media (min-width: 768px) {
    .tt-user-header .btn {
        min-width: 110px; } }
@media (max-width: 767px) {
    .tt-user-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tt-user-header .tt-col-btn {
        width: 100%;
        display: block;
        margin-top: 20px; }
    .tt-user-header .tt-col-btn .tt-btn-icon {
        padding-left: 0; } }
@media (max-width: 1024px) {
    .tt-user-header > [class^=tt-col] {
        padding-left: 10px;
        padding-right: 10px; } }

/*-------  3.8 Default Tabs                     --------*/
/*
    default tabs
*/
.tt-tab-wrapper .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e2e7ea; }
.tt-tab-wrapper .nav-tabs .nav-item a {
    color: #182730;
    display: inline-block;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    font-weight: 500; }
.tt-tab-wrapper .nav-tabs .nav-item a span {
    padding-top: 22px;
    padding-bottom: 23px;
    display: inline-block;
    position: relative;
    letter-spacing: 0.01em; }
.tt-tab-wrapper .nav-tabs .nav-item a span:after {
    content: '';
    display: block;
    position: absolute;
    background-color: transparent;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear; }
.tt-tab-wrapper .nav-tabs .nav-item a:hover {
    color: #2172cd; }
.tt-tab-wrapper .nav-tabs .nav-item a.active {
    color: #2172cd; }
.tt-tab-wrapper .nav-tabs .nav-item a.active span:after {
    background-color: #2172cd; }
.tt-tab-wrapper .nav-tabs .nav-item:first-child a {
    padding-left: 0; }
.tt-tab-wrapper .nav-tabs .nav-item:last-child a {
    padding-right: 0; }
@media (min-width: 992px) {
    .tt-tab-wrapper .nav-tabs .nav-item {
        padding-left: 14px;
        padding-right: 14px; }
    .tt-tab-wrapper .nav-tabs .nav-item:first-child {
        padding-left: 0; } }
@media (max-width: 991px) {
    .tt-tab-wrapper .nav-tabs .nav-item {
        padding-left: 12px;
        padding-right: 12px; }
    .tt-tab-wrapper .nav-tabs .nav-item:first-child {
        padding-left: 0; } }
@media (max-width: 767px) {
    .tt-tab-wrapper .nav-tabs .nav-item.tt-hide-md {
        display: none; } }
@media (max-width: 575px) {
    .tt-tab-wrapper .nav-tabs .nav-item.tt-hide-xs {
        display: none; } }

.tt-tab-wrapper .tab-content .tab-pane:not(.active) {
    display: none; }

.tt-tab-wrapper .tab-content .tab-pane:not(.tt-indent-none) {
    padding: 40px 0 0 0; }

/*-------  3.9 Editor  ---                         -----*/
/*
    Editor
*/
.pt-editor {
    padding-top: 36px; }
.pt-editor .pt-title {
    color: #182730;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 12px 0;
    letter-spacing: 0.01em; }
.pt-editor .pt-row {
    padding-bottom: 12px; }
.pt-editor .pt-row [class^=col]:first-child {
    padding-left: 0; }
.pt-editor .pt-row [class^=col]:last-child {
    padding-right: 0; }
@media (min-width: 576px) {
    .pt-editor .pt-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
@media (max-width: 575px) {
    .pt-editor .pt-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
.pt-editor .pt-row > *:not(:last-child) {
    margin-bottom: 10px; }
.pt-editor textarea {
    height: 169px; }
.pt-editor .btn-custom {
    min-width: 97px; }
.pt-editor .pt-edit-btn {
    padding: 0 0 8px 0;
    margin: 0 0 0 -14px;
    list-style: none; }
.pt-editor .pt-edit-btn .btn-icon {
    background: none;
    outline: none;
    border: none;
    padding: 5px 14px; }
.pt-editor .pt-edit-btn .btn-icon svg {
    width: 18px;
    height: 18px;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear; }
.pt-editor .pt-edit-btn .btn-icon + .btn-icon {
    margin-right: 22px; }
.pt-editor .pt-edit-btn .btn-icon:hover {
    fill: #2172cd; }
.pt-editor .pt-edit-btn hr {
    display: none; }
.pt-editor .btn-width-lg {
    min-width: 160px; }
@media (min-width: 576px) {
    .pt-editor .pt-edit-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
@media (max-width: 575px) {
    .pt-editor .pt-edit-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 3px; }
    .pt-editor .pt-edit-btn li.hr {
        display: block;
        width: 100%;
        height: 1px;
        margin: 12px 0 10px;
        background-color: #e2e7ea; }
    .pt-editor .pt-edit-btn .btn-icon {
        padding-left: 8px;
        padding-right: 8px; } }

/*-------  3.10 Gallery                         --------*/
/*
    Gallery
 */
.tt-gallery-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
@media (min-width: 1025px) {
    .tt-gallery-layout {
        margin-top: -30px;
        margin-left: -30px; }
    .tt-gallery-layout .tt-item {
        margin-top: 30px;
        margin-left: 30px;
        width: calc(33.333% - 30px); } }
@media (max-width: 1024px) {
    .tt-gallery-layout {
        margin-top: -20px;
        margin-left: -20px; }
    .tt-gallery-layout .tt-item {
        margin-top: 20px;
        margin-left: 20px;
        width: calc(33.333% - 20px); } }
@media (max-width: 470px) {
    .tt-gallery-layout .tt-item {
        width: calc(50% - 20px); } }

.tt-gallery-obj {
    display: block;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
.tt-gallery-obj img {
    width: 100%;
    height: auto; }
.tt-gallery-obj:before {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTQ0IDkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNDQgOTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNmZmZmZmY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03MiwwQzMyLjI0LDAsMCwzNiwwLDQ1czMyLjI0LDQ1LDcyLDQ1czcyLTM2LDcyLTQ1UzExMS43NiwwLDcyLDB6IE03Miw3MmMtMTQuOTEsMC0yNy0xMi4wOS0yNy0yNw0KCWMwLTE0LjkxLDEyLjA5LTI3LDI3LTI3YzE0LjkxLDAsMjcsMTIuMDksMjcsMjdDOTksNTkuOTEsODYuOTEsNzIsNzIsNzJ6Ii8+DQo8L3N2Zz4NCg==");
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -20px;
    width: 40px;
    height: 25px;
    position: absolute;
    display: block;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
    pointer-events: none; }
@media (min-width: 1025px) {
    .tt-gallery-obj:before {
        -webkit-transform: scale(0);
        transform: scale(0); }
    .tt-gallery-obj:hover:before {
        -webkit-transform: scale(1);
        transform: scale(1); } }

/*-------  3.11 Login                           --------*/
/* Login page*/
.tt-loginpages {
    letter-spacing: 0.01em; }
@media (min-width: 576px) {
    .tt-loginpages {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09);
        padding: 30px 30px 37px;
        margin-top: 50px;
        margin-bottom: 50px; } }
@media (max-width: 575px) {
    .tt-loginpages {
        padding: 30px 20px 37px;
        margin-top: 30px;
        margin-bottom: 30px; } }
.tt-loginpages .tt-block-title {
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 21px;
    display: block; }
.tt-loginpages .tt-block-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 160px;
    height: 1px;
    background-color: #e2e7ea; }
.tt-loginpages .tt-block-title .tt-title {
    color: #303344;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-top: 21px;
    padding: 0;
    letter-spacing: 0.01em; }
.tt-loginpages .tt-block-title > *:nth-child(1) {
    margin-top: 0; }
.tt-loginpages .tt-block-title .tt-title {
    position: relative;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
.tt-loginpages .tt-block-title:hover .tt-title {
    color: #2172cd; }
.tt-loginpages .tt-description {
    color: #303344; }
.tt-loginpages .form-default .form-group {
    margin-bottom: 21px; }
.tt-loginpages .form-default .form-group label:not(.error) {
    padding-bottom: 7px; }
.tt-loginpages .form-default .form-group .btn {
    margin-top: 9px; }
.tt-loginpages .form-default .form-group .checkbox-group label:not(.error) {
    padding-bottom: 0; }
.tt-loginpages .form-default p {
    margin-bottom: 13px !important; }
.tt-loginpages .tt-notes {
    position: relative;
    font-size: 14px;
    line-height: 26px;
    padding-top: 21px;
    margin-top: 22px; }
.tt-loginpages .tt-notes:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 1px;
    background-color: #e2e7ea; }

.tt-loginpages-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
@media (min-width: 471px) {
    .tt-loginpages-wrapper .tt-loginpages {
        width: 410px; } }
@media (max-width: 470px) {
    .tt-loginpages-wrapper .tt-loginpages {
        width: 100%; } }

/*-------  3.12 Categories List                 --------*/
.tt-categories-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e7ea;
    margin-bottom: 30px; }
.tt-categories-title .tt-title {
    color: #303344;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.01em; }
.tt-categories-title .tt-search {
    width: 255px; }

.tt-categories-list .tt-item {
    background-color: #ffffff;
    border-radius: 3px; }
.tt-categories-list .tt-item .tt-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 21px; }
.tt-categories-list .tt-item .tt-item-header .tt-title {
    color: #182730;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400; }
.tt-categories-list .tt-item .tt-item-header .tt-title a {
    color: #182730;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
.tt-categories-list .tt-item .tt-item-header .tt-title a:hover {
    color: #2172cd; }
.tt-categories-list .tt-item .tt-item-layout .tt-title {
    font-size: 14px;
    line-height: 26px;
    color: #182730;
    font-weight: 700;
    margin-bottom: 6px; }
.tt-categories-list .tt-item .tt-item-layout .innerwrapper {
    letter-spacing: 0.01em; }
.tt-categories-list .tt-item .tt-item-layout .innerwrapper:not(:first-child) {
    margin-top: 12px; }
.tt-categories-list .tt-item .tt-item-layout .tt-btn-icon {
    margin-top: 19px;
    padding-left: 0;
    padding-bottom: 0;
    height: auto; }
.tt-categories-list .tt-item .tt-item-layout .tt-btn-icon svg {
    width: 20px;
    height: 18px; }

@media (min-width: 576px) {
    .tt-categories-list {
        margin-top: -30px; }
    .tt-categories-list .tt-item {
        padding: 30px;
        margin-top: 30px; } }

@media (max-width: 575px) {
    .tt-categories-list {
        margin-top: -20px; }
    .tt-categories-list .tt-item {
        padding: 20px;
        margin-top: 20px; }
    .tt-categories-list .tt-item .tt-item-header {
        padding-bottom: 11px; }
    .tt-categories-list .tt-item .tt-item-layout .innerwrapper:not(:first-child) {
        margin-top: 2px; }
    .tt-categories-list .tt-item .tt-item-layout .tt-btn-icon {
        margin-top: 16px; } }

/*-------  3.13 Categories Singles               --------*/
.tt-catSingle-title {
    padding: 0 0 30px;
    letter-spacing: 0.01em;
    border-bottom: 1px solid #e2e7ea; }
.tt-catSingle-title .tt-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.tt-catSingle-title .tt-row .tt-col-left {
    -webkit-box-flex: 2;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto; }
.tt-catSingle-title .tt-row .tt-col-item {
    display: inline-block; }
.tt-catSingle-title .tt-row .tt-search {
    width: 255px; }
.tt-catSingle-title .tt-value {
    color: #182730;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400; }
.tt-catSingle-title .tt-title {
    color: #182730;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 6px;
    margin-bottom: 0; }
.tt-catSingle-title .tt-btn-icon .tt-icon svg {
    width: 20px;
    height: 18px; }
.tt-catSingle-title .tt-innerwrapper:not(:first-child) {
    margin-top: 13px; }
@media (min-width: 768px) {
    .tt-catSingle-title {
        margin-left: 30px;
        margin-right: 30px; }
    .tt-catSingle-title .tt-row .tt-col-right .tt-col-item {
        margin-left: 11px; } }
@media (max-width: 767px) {
    .tt-catSingle-title {
        margin-left: 10px;
        margin-right: 10px; }
    .tt-catSingle-title .tt-search {
        width: auto !important; }
    .tt-catSingle-title .tt-search .search-wrapper {
        display: none; }
    .tt-catSingle-title .tt-search .tt-search-toggle {
        display: inline-block; }
    .tt-catSingle-title .tt-btn-icon {
        padding-left: 10px;
        padding-right: 10px; } }

/*-------  3.14 Layout Tab                      --------*/
.tt-layout-tab {
    letter-spacing: 0.01em; }
.tt-layout-tab .tt-title {
    color: #303344;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    padding: 0 0 0px 0;
    margin-bottom: -1px; }
.tt-layout-tab .tt-title:not(:first-child) {
    margin-top: 28px; }
.tt-layout-tab .tt-title.tt-size-lg {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 29px; }
.tt-layout-tab .table-responsive {
    margin-top: 15px; }
.tt-layout-tab .tt-indent-top {
    margin-top: 38px; }

.table-01 {
    width: 100%; }
.table-01 caption {
    color: #303344;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 600;
    caption-side: top;
    margin: 0;
    padding-top: 0; }
.table-01 tr th {
    color: #303344;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    padding: 12px 0 25px; }
.table-01 tr td {
    color: #666f74;
    font-size: 16px;
    line-height: 1.1;
    padding: 27px 0;
    padding-right: 5px; }
.table-01 tr td:first-child {
    color: #303344;
    font-weight: 500;
    padding-left: 30px;
    width: 28%; }
.table-01 tr td:not(:first-child) {
    width: 24%; }
@media (min-width: 768px) {
    .table-01 caption {
        padding-left: 30px; }
    .table-01 tr th:first-child {
        padding-left: 30px; }
    .table-01 tr td:first-child {
        padding-left: 30px; } }
@media (max-width: 767px) {
    .table-01 caption {
        padding-left: 20px; }
    .table-01 tr th:first-child {
        padding-left: 20px; }
    .table-01 tr td:first-child {
        padding-left: 20px; } }

.table-zebra tr:nth-child(even) {
    background-color: #ffffff; }

.table-zebra tr:nth-child(odd) {
    background-color: #f2f4f6; }

/* list avatar */
.tt-list-avatar {
    margin-top: -7px; }
.tt-list-avatar .tt-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px; }
.tt-list-avatar .tt-avatar .tt-col-icon .tt-icon {
    width: 40px;
    height: 40px; }
.tt-list-avatar .tt-avatar .tt-col-icon + .tt-col-description {
    margin-left: 30px; }
.tt-list-avatar .tt-avatar .tt-col-description .tt-title {
    color: #182730;
    font-size: 16px;
    line-height: 1.1;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0; }
.tt-list-avatar .tt-avatar .tt-col-description .tt-title:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    width: 0%;
    height: 1px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #182730;
    -webkit-transition: width .2s linear;
    transition: width .2s linear; }
.tt-list-avatar .tt-avatar .tt-col-description .tt-value {
    color: #666f74;
    font-size: 14px;
    line-height: 1.1;
    margin-top: 3px; }
.tt-list-avatar .tt-avatar .tt-col-description *:nth-child(1) {
    margin-top: 0; }
.tt-list-avatar .tt-avatar:hover .tt-title:before {
    width: 100%; }
@media (max-width: 767px) {
    .tt-list-avatar .tt-avatar .tt-col-icon + .tt-col-description {
        margin-left: 25px; } }
@media (max-width: 400px) {
    .tt-list-avatar [class^=col] {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%; } }

/*-------  3.15 Layout404                       --------*/
/*
    Page 404
*/
.tt-layout-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.01em; }
.tt-layout-404 .tt-title {
    color: #303344;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    margin-top: 64px;
    padding-bottom: 8px; }
@media (min-width: 576px) {
    .tt-layout-404 {
        padding: 112px 0 17px 0; } }
@media (max-width: 575px) {
    .tt-layout-404 {
        padding: 17px 0 17px 0; }
    .tt-layout-404 .tt-icon svg {
        width: 200px;
        height: 100px; } }

/*-------  3.16 Followers List                  --------*/
/*
	Followers List
*/
.tt-followers-list > .tt-item:nth-child(odd) {
    background-color: #f2f4f6; }

.tt-followers-list > .tt-item:nth-child(even) {
    background-color: #ffffff; }

.tt-followers-list .tt-list-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    color: #303344;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.01em; }
.tt-followers-list .tt-list-header > [class^="tt-col"] {
    padding: 20px 15px 22px; }
.tt-followers-list .tt-list-header.tt-border-bottom {
    border-bottom: 2px solid #e2e7ea;
    margin-bottom: 30px; }
.tt-followers-list .tt-list-header .tt-col-name {
    width: 22.666%; }
.tt-followers-list .tt-list-header .tt-col-value-large {
    width: 16.666%; }
.tt-followers-list .tt-list-header .tt-col-value {
    width: 10%;
    max-width: 95px;
    width: 95px; }

.tt-followers-list .tt-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 101px;
    padding: 20px 15px; }
@media (max-width: 767px) {
    .tt-followers-list .tt-item {
        padding-left: 10px;
        padding-right: 10px; } }
@media (min-width: 1025px) {
    .tt-followers-list .tt-item > [class^="tt-col"] {
        padding-left: 15px;
        padding-right: 15px; } }
@media (max-width: 1024px) {
    .tt-followers-list .tt-item > [class^="tt-col"] {
        padding-left: 10px;
        padding-right: 10px; } }
.tt-followers-list .tt-item .tt-col-avatar .tt-icon {
    width: 40px;
    height: 40px; }
@media (min-width: 1025px) {
    .tt-followers-list .tt-item .tt-col-description {
        padding-left: 30px; } }
@media (max-width: 1024px) {
    .tt-followers-list .tt-item .tt-col-description {
        padding-left: 15px; } }
.tt-followers-list .tt-item .tt-col-description .tt-title {
    color: #303344;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
    padding: 0 0 0px 0;
    letter-spacing: 0.01em; }
.tt-followers-list .tt-item .tt-col-description .tt-title a {
    color: #303344;
    display: inline-block;
    position: relative; }
.tt-followers-list .tt-item .tt-col-description .tt-title a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 2px;
    width: 0%;
    height: 1px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #303344;
    -webkit-transition: width .2s linear;
    transition: width .2s linear; }
.tt-followers-list .tt-item .tt-col-description .tt-title a:hover:before {
    width: 100%; }
.tt-followers-list .tt-item .tt-col-description ul {
    list-style: none;
    margin: 0;
    padding: 0; }
.tt-followers-list .tt-item .tt-col-description ul li a {
    color: #666f74;
    font-size: 14px;
    -webkit-transition: color .2s linear;
    transition: color .2s linear; }
.tt-followers-list .tt-item .tt-col-description ul li a:hover {
    color: #2172cd; }
.tt-followers-list .tt-item .tt-col-merged {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22.666%; }
.tt-followers-list .tt-item .tt-col-value-large {
    width: 16.666%; }
.tt-followers-list .tt-item .tt-col-value {
    width: 10%;
    max-width: 95px;
    width: 95px; }
.tt-followers-list .tt-item .tt-color-select {
    color: #182730;
    font-weight: 500; }

@media (min-width: 992px) {
    .tt-followers-list .show-mobile {
        display: none; } }

@media (max-width: 991px) {
    .tt-followers-list .hide-mobile {
        display: none; } }

.tt-row-btn {
    text-align: center;
    padding: 65px 0; }
.tt-row-btn .btn-icon {
    background-color: transparent;
    border: none;
    padding: 5px;
    display: inline-block;
    outline: none; }
.tt-row-btn .btn-icon svg {
    width: 23px;
    height: 29px;
    fill: #666f74;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear; }
.tt-row-btn .btn-icon:hover svg {
    fill: #182730; }
@media (max-width: 767px) {
    .tt-row-btn {
        padding: 45px 0; } }

/*-------  3.17 Messages Layout                 --------*/
@media (max-width: 767px) {
    .tt-messages-layout .tt-aside {
        background-color: #ffffff;
        position: fixed;
        width: 100%;
        left: -150%;
        top: 0;
        z-index: 12;
        -webkit-transition: left 0.3s linear;
        transition: left 0.3s linear; }
    .tt-messages-layout .tt-aside.column-open {
        left: 0; } }

.tt-messages-layout .tt-aside {
    border-right: 1px solid #e2e7ea; }
.tt-messages-layout .tt-aside .tt-title-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e2e7ea;
    padding: 9px 0 9px 30px;
    min-height: 71px; }
.tt-messages-layout .tt-aside .tt-title-aside .tt-title {
    color: #182730;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    padding: 0;
    margin: 0; }
.tt-messages-layout .tt-aside .tt-title-aside .tt-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 21px 30px 10px 10px;
    -webkit-transition: fill .2s linear;
    transition: fill .2s linear;
    fill: #666f74; }
.tt-messages-layout .tt-aside .tt-title-aside .tt-icon svg {
    width: 19px;
    height: 18px; }
.tt-messages-layout .tt-aside .tt-title-aside:hover .tt-icon {
    fill: #3571b8; }

.tt-messages-layout .tt-title-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e2e7ea;
    padding: 9px 0 9px 30px;
    min-height: 71px;
    margin-bottom: 17px; }
.tt-messages-layout .tt-title-content .tt-title {
    color: #182730;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 0;
    margin: 0; }
.tt-messages-layout .tt-title-content .tt-description {
    color: #666f74;
    font-size: 14px;
    line-height: 22px; }
.tt-messages-layout .tt-title-content .tt-icon-link {
    position: absolute;
    top: 0;
    right: 0;
    padding: 21px 20px 10px 10px;
    fill: #666f74; }
.tt-messages-layout .tt-title-content .tt-icon-link svg {
    width: 3px;
    height: 18px; }
.tt-messages-layout .tt-title-content .tt-icon-link:hover {
    fill: #3571b8; }
.tt-messages-layout .tt-title-content .tt-toggle-aside {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 10px 15px 0;
    display: inline-block;
    color: #666f74;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
    display: none; }
.tt-messages-layout .tt-title-content .tt-toggle-aside svg {
    width: 10px;
    height: 18px; }
.tt-messages-layout .tt-title-content .tt-toggle-aside:hover {
    color: #2172cd; }
@media (max-width: 767px) {
    .tt-messages-layout .tt-title-content .tt-toggle-aside {
        display: block; } }

@media (max-width: 767px) {
    .tt-messages-layout .tt-title-content {
        padding-left: 20px; } }

.tt-list-time-topic .tt-item-title {
    position: relative;
    color: #666f74;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 12px;
    letter-spacing: 0.01em; }
.tt-list-time-topic .tt-item-title:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e2e7ea;
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    display: block; }
.tt-list-time-topic .tt-item-title span {
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    background-color: #f8f9fa; }

.tt-list-time-topic .tt-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 30px;
    letter-spacing: 0.01em; }
.tt-list-time-topic .tt-item:not(:first-child) {
    margin-top: 30px; }
.tt-list-time-topic .tt-item .tt-col-avatar .tt-icon {
    width: 40px;
    height: 40px; }
.tt-list-time-topic .tt-item .tt-col-description {
    padding: 0 0 0 53px; }
.tt-list-time-topic .tt-item .tt-col-description .tt-title {
    padding: 0 0 2px 0;
    margin: 0; }
.tt-list-time-topic .tt-item .tt-col-description .tt-title a {
    position: relative;
    display: inline-block;
    color: #182730; }
.tt-list-time-topic .tt-item .tt-col-description .tt-title a:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 5px;
    width: 0%;
    height: 1px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #182730;
    -webkit-transition: width .2s linear;
    transition: width .2s linear; }
.tt-list-time-topic .tt-item .tt-col-description .tt-title a:hover:before {
    width: 100%; }
.tt-list-time-topic .tt-item .tt-col-description .tt-title .time {
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
    font-weight: normal; }

.tt-list-time-topic .tt-item-title + .tt-item {
    margin-top: 0; }

.tt-list-time-topic .tt-item + .tt-item-title {
    margin-top: 26px; }

@media (max-width: 1024px) {
    .tt-list-time-topic .tt-item .tt-col-description {
        padding: 0 0 0 30px; } }

@media (max-width: 767px) {
    .tt-list-time-topic .tt-item {
        padding-left: 15px; }
    .tt-list-time-topic .tt-item .tt-col-description {
        padding: 0 0 0 15px; } }

.tt-list-time-topic + .tt-wrapper-inner {
    margin-top: 35px; }

.tt-all-avatar .tt-box-search {
    position: relative;
    height: 76px; }
.tt-all-avatar .tt-box-search .tt-input {
    background: transparent;
    border: none;
    outline: none;
    height: 73px;
    padding: 0 0 6px 63px;
    color: #182730;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    width: calc(100% - 43px);
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1; }
.tt-all-avatar .tt-box-search .tt-btn-input {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 30px;
    fill: #666f74;
    -webkit-transition: fill .2s linear;
    transition: fill .2s linear; }
.tt-all-avatar .tt-box-search .tt-btn-input svg {
    width: 18px;
    height: 18px; }
.tt-all-avatar .tt-box-search .tt-btn-input:hover {
    fill: #2172cd; }
.tt-all-avatar .tt-box-search .tt-btn-icon {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 20px;
    display: inline-block;
    padding: 10px;
    fill: #666f74;
    -webkit-transition: fill .2s linear;
    transition: fill .2s linear; }
.tt-all-avatar .tt-box-search .tt-btn-icon svg {
    width: 18px;
    height: 18px; }
.tt-all-avatar .tt-box-search .tt-btn-icon:hover {
    fill: #2172cd; }

.tt-all-avatar .tt-list-avatar {
    overflow: hidden;
    position: relative; }
@media (min-width: 768px) {
    .tt-all-avatar .tt-list-avatar {
        height: calc(100vh - 210px); } }
@media (max-width: 767px) {
    .tt-all-avatar .tt-list-avatar {
        height: calc(100vh - 140px); } }
.tt-all-avatar .tt-list-avatar .tt-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 30px 27px 30px;
    position: relative;
    cursor: pointer; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-avatar {
    margin-top: 2px; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-avatar .tt-icon {
    width: 40px;
    height: 40px;
    display: inline-block; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-description {
    -webkit-box-flex: 2;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    padding: 0 0 0 30px; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-description .tt-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    width: 100%;
    color: #182730;
    font-size: 16px;
    line-height: 26px; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-description .tt-title span:not([class]) {
    position: relative; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-description .tt-title span:not([class]):before {
    content: '';
    display: block;
    position: absolute;
    bottom: 5px;
    width: 0%;
    height: 1px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #182730;
    -webkit-transition: width .2s linear;
    transition: width .2s linear; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-description .tt-title .time {
    display: inline-block;
    color: #666f74;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-description .tt-message {
    margin-top: -3px;
    color: #666f74;
    font-size: 14px;
    letter-spacing: 0.01em; }
.tt-all-avatar .tt-list-avatar .tt-item .tt-col-description .tt-message.tt-select {
    color: #2172cd; }
.tt-all-avatar .tt-list-avatar .tt-item:nth-child(odd) {
    background-color: #f2f4f6; }
.tt-all-avatar .tt-list-avatar .tt-item:nth-child(even) {
    background-color: #ffffff; }
.tt-all-avatar .tt-list-avatar .tt-item:before {
    content: '';
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear; }
.tt-all-avatar .tt-list-avatar .tt-item:hover:before {
    background-color: #2172cd; }
.tt-all-avatar .tt-list-avatar .tt-item:hover .tt-col-description .tt-title span:before {
    width: 100%; }

@media (max-width: 1024px) {
    .tt-all-avatar .tt-list-avatar .tt-item {
        padding-left: 15px; }
    .tt-all-avatar .tt-list-avatar .tt-item .tt-col-description {
        padding-left: 15px; }
    .tt-all-avatar .tt-list-avatar .tt-item .tt-col-description .tt-message {
        line-height: 20px;
        margin-top: 0; } }

@media (max-width: 1024px) and (min-width: 768px) {
    .tt-all-avatar .tt-box-search .tt-input {
        padding-left: 40px; }
    .tt-all-avatar .tt-box-search .tt-btn-input {
        left: 10px; }
    .tt-all-avatar .tt-box-search .tt-btn-icon {
        right: 15px; } }

@media (max-width: 767px) {
    .tt-all-avatar .tt-box-search .tt-btn-icon {
        right: 20px; } }

.tt-search-compose {
    position: relative; }
.tt-search-compose .tt-input {
    height: 69px;
    border-bottom: 1px solid #e2e7ea; }
.tt-search-compose .tt-input .tt-search-input {
    border: none;
    background-color: transparent;
    color: #182730;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding: 20px 0 20px 30px;
    outline: none;
    width: 100%; }
.tt-search-compose .tt-input .tt-search-input:not(:focus)::-webkit-input-placeholder {
    color: #182730; }
.tt-search-compose .tt-input .tt-search-input:not(:focus)::-moz-placeholder {
    color: #182730; }
.tt-search-compose .tt-input .tt-search-input:not(:focus):-moz-placeholder {
    color: #182730; }
.tt-search-compose .tt-input .tt-search-input:not(:focus):-ms-input-placeholder {
    color: #182730; }
.tt-search-compose .tt-search-results {
    margin: 0 0 0 30px;
    background-color: #ffffff;
    height: 290px;
    overflow: hidden;
    position: relative; }
.tt-search-compose .tt-search-results .tt-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    padding: 8px 30px 7px; }
.tt-search-compose .tt-search-results .tt-item:first-child {
    padding-top: 16px; }
.tt-search-compose .tt-search-results .tt-item:last-child {
    padding-bottom: 16px; }
.tt-search-compose .tt-search-results .tt-item .tt-col-avatar .tt-icon {
    width: 40px;
    height: 40px; }
.tt-search-compose .tt-search-results .tt-item .tt-col-description {
    padding: 0 0 0 25px; }
.tt-search-compose .tt-search-results .tt-item .tt-col-description .tt-title {
    padding: 0;
    margin: 0;
    color: #182730;
    font-size: 16px;
    line-height: 20px; }
.tt-search-compose .tt-search-results .tt-item .tt-col-description .tt-value {
    color: #666f74;
    font-size: 14px;
    line-height: 19px; }
.tt-search-compose .tt-search-results .tt-item:hover {
    background-color: #f2f4f6; }
@media (max-width: 767px) {
    .tt-search-compose .tt-input .tt-search-input {
        padding-left: 20px;
        padding-right: 20px; }
    .tt-search-compose .tt-search-results {
        margin-left: 20px;
        margin-right: 20px; } }

.tt-title-content + .tt-search-compose {
    margin-top: -17px; }

/*-------  3.18 Create Topic                    --------*/
.tt-btn-create-topic {
    display: inline-block;
    position: fixed;
    z-index: 13;
    right: 60px; }
@media (max-width: 1282px) {
    .tt-btn-create-topic.column-open {
        z-index: 13; } }

.tt-btn-create-topic .tt-icon {
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear;
    fill: #ffffff; }
.tt-btn-create-topic .tt-icon svg {
    width: 45px;
    height: 45px; }
.tt-btn-create-topic .tt-icon:hover {
    fill: #182730; }

@media (min-width: 1285px) {
    .tt-btn-create-topic {
        bottom: 25px;
        right: 100px;
    } }
@media (max-width: 1682px) {
    .tt-btn-create-topic {
        bottom: 25px; } }
.tt-btn-create-topic.column-open {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }



.icn-rounded {
    font-size: 1.6rem;
    font-weight: 300;
    color: #666f74;
    transition: all .2s ease; }
.icn-rounded:hover {
    transform: translateY(-0.2rem);
}
.icn-rounded.--like:hover {
    color: var(--primary-color-1);
}
.icn-rounded.--true:hover {
    color: #68c193;
}
.--before-active:hover {
    background-color: var(--primary-color-1);
    color: #fff;
}
.tt-badge.--active {
    color: #fff;
    background-color: var(--primary-color-1); }
.navigation-bar__link-active {
    font-size: 1.5rem;
    transition: all .2s ease;
    color: var(--primary-color-1); }
.navigation-bar__link-active:hover {
    font-size: 1.5rem;
    transition: all .2s ease;
    color: var(--primary-color-1); }
.icn-rounded.--red {
    color: red;
}
.icn-rounded.--orange {
    color: var(--primary-color-1);
}
.icn-rounded.--green {
    color: #68c193;
}
.--m-right {
    margin-right: 24px;
}



.tt-position-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center; }
.tt-position-bottom .tt-text {
    display: block;
    padding-top: 4px;
    width: 100%;
    margin-left: 0;
    color: #303344;
    letter-spacing: 0.01em; }


.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: var(--primary-color-1);
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
    color: #303344;
}
.callout {
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: rgb(206, 206, 206) rgb(206, 206, 206) rgb(206, 206, 206);
    border-image: initial;
    padding: 20px;
    margin: 10px 0px;
    border-left: 5px solid;
    border-radius: 3px;
  }
#main-offcanvas .fa-solid {
    color: #5a5a5a;
    margin-right: 5px;
}


.swiper {
    max-width: 1200px;
    /* max-height: 350px; */
    margin: 5px !important;
    user-select: none;
  }

  .swiper-slide {
    text-align: center;
    font-size: 14px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.display-none{
    display: none !important;
}

/* custume button */
.button-48 {
  appearance: none;
  background-color: #FFFFFF;
  border-width: 0;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: Clarkson,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
  margin: 0;
  opacity: 1;
  outline: 0;
  padding: 1.5em 2.2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-rendering: geometricprecision;
  text-transform: uppercase;
  transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1),background-color 100ms cubic-bezier(.694, 0, 0.335, 1),color 100ms cubic-bezier(.694, 0, 0.335, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}

.button-48:before {
  animation: opacityFallbackOut .5s step-end forwards;
  backface-visibility: hidden;
  background-color: #EBEBEB;
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1);
  width: 100%;
}

.button-48:hover:before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
}

.button-48:after {
  background-color: #FFFFFF;
}

.button-48 span {
  z-index: 1;
  position: relative;
}

.custome-shadow{
    box-shadow: 0Px 0px 10px 1px #3434344a;
}
.forum-active-link{
    background-color: #005792 !important;
    color: #fff !important;
}
.forum-active-link .fa-solid{
    color: #fff !important;
}
.card-hover:hover{
    position: relative;
    transform:scale(1.05);
    z-index: 9999 !important;
    transition: .3s ease-in-out all;
    box-shadow: 0px 0px 3px 2px #47464626;
    border-radius: 5px;
}
.col .card{
    transition: all .3s ease-in-out;
}
.badge-border{
    border: 1px solid #3b3b3b;
}
.sujet-block{
    border-left: 3px solid;
    margin-bottom: 3px;
    cursor: pointer;
}
.text-overflow-clamp {
    width: 100%;
    /* this code clamps based on specified lines */
    overflow: hidden;
   -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
 }
 .groupe-card{
    height: 250px !important;
 }

.message-card{
    padding: 5px;
    border-bottom: 1Px solid #2121216b;
    transition: all .3s ease !important;
}
.message-card:hover{
    border-left: 3px solid #006494e6;
    background-color: #5821cd14;
    transform: scale(1.02);
}

.swal2-popup .swal2-styled.swal2-cancel{
    color: #f2f4f6 !important;
}
.callout{
    transition: .3s all ease-in-out;
    z-index: 9999;
}
.blog-article{
    background-color: #d6d6d61c;
}
.article-nice{
    line-height: 2;

}

/* .new article button */

.btn-new-article {
    position: relative;
    outline: none;
    text-decoration: none;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize;
    height: 45px;
    opacity: 1;
    border: 1px solid var(--primary-color-1);
    width: 173px;
    background-color: var(--primary-color-1);
    color: #fff;
  }

  .btn-new-article span {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.7px;
  }

  .btn-new-article:hover {
    animation: btn-new-articlerotate 0.7s ease-in-out both;
  }

  .btn-new-article:hover span {
    animation: btn-new-articlestorm 0.7s ease-in-out both;
    animation-delay: 0.06s;
  }

  @keyframes btn-new-articlerotate {
    0% {
      transform: rotate(0deg) translate3d(0, 0, 0);
    }
    25% {
      transform: rotate(3deg) translate3d(0, 0, 0);
    }
    50% {
      transform: rotate(-3deg) translate3d(0, 0, 0);
    }
    75% {
      transform: rotate(1deg) translate3d(0, 0, 0);
    }
    100% {
      transform: rotate(0deg) translate3d(0, 0, 0);
    }
  }

  @keyframes btn-new-articlestorm {
    0% {
      transform: translate3d(0, 0, 0) translateZ(0);
    }
    25% {
      transform: translate3d(4px, 0, 0) translateZ(0);
    }
    50% {
      transform: translate3d(-3px, 0, 0) translateZ(0);
    }
    75% {
      transform: translate3d(2px, 0, 0) translateZ(0);
    }
    100% {
      transform: translate3d(0, 0, 0) translateZ(0);
    }
  }
  /* end button */


  /* CGU checkbox */

 .checkbox-wrapper-19 {
    box-sizing: border-box;
    --background-color: #fff;
    --checkbox-height: 25px;
  }

  @-moz-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @-webkit-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-webkit-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-moz-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  .checkbox-wrapper-19 input[type=checkbox] {
    display: none;
  }

  .checkbox-wrapper-19 .check-box {
    height: var(--checkbox-height);
    width: var(--checkbox-height);
    background-color: transparent;
    border: calc(var(--checkbox-height) * .1) solid #000;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
  }
  .checkbox-wrapper-19 .check-box::before,
  .checkbox-wrapper-19 .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: calc(var(--checkbox-height) * .2);
    background-color: #34b93d;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: " ";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
  }
  .checkbox-wrapper-19 .check-box::before {
    top: calc(var(--checkbox-height) * .72);
    left: calc(var(--checkbox-height) * .41);
    box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .checkbox-wrapper-19 .check-box::after {
    top: calc(var(--checkbox-height) * .37);
    left: calc(var(--checkbox-height) * .05);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
  .checkbox-wrapper-19 .check-box.checked {
    border-color: #34b93d;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
  .checkbox-wrapper-19 .check-box.checked::after {
    height: calc(var(--checkbox-height) / 2);
    -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    animation: dothabottomcheck-19 0.2s ease 0s forwards;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
  .checkbox-wrapper-19 .check-box.checked::before {
    height: calc(var(--checkbox-height) * 1.2);
    -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
    animation: dothatopcheck-19 0.4s ease 0s forwards;
  }

  .message-active-tab{
    border-bottom: 4px solid #2772db;
  }


@media (min-width: 992px) {
    .col-md-1-5 { width: 20%; }
    .col-md-2-5 { width: 40%; }
    .col-md-3-5 { width: 60%; }
    .col-md-4-5 { width: 80%; }
    .col-md-5-5 { width: 100%; }
  }

  @media (min-width: 1200px) {
    .col-lg-1-5 { width: 20%; }
    .col-lg-2-5 { width: 40%; }
    .col-lg-3-5 { width: 60%; }
    .col-lg-4-5 { width: 80%; }
    .col-lg-5-5 { width: 100%; }
  }
/* .sujets-row {
    flex-wrap: wrap;
    display: flex;
    max-width: 100vw;
    align-items: center;
} */

  /* CGU checkbox end */
/* .select2-dropdown--below{
    min-width: 230px !important;
  }

.select2-selection--single{
    display: none !important;
  }

.select2-container--open .select2-dropdown--below {
    min-width: 230px !important;
} */