.topic-page{
    margin:60px 0 10px 0
}
.topic-page .page-container{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    -ms-align-items:flex-start;
    align-items:flex-start;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.topic-page .page-container .side-navigation{
    border:1px solid #e2e6eb;
    border-radius:3px;
    background:#fff;
    width:100%;
    margin-bottom:10px
}
.topic-page .page-container .side-navigation .nav-title{
    font-size:20px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    align-items:center;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    justify-content:space-between;
    -ms-flex-pack:space-between;
    padding:0 15px;
    line-height:48px;
    cursor:pointer;
    position:relative
}
.ie .topic-page .page-container .side-navigation .nav-title{
    display:block
}
.topic-page .page-container .side-navigation .nav-title strong{
    position:relative;
    display:block;
    text-transform:capitalize;
    font-size:15px;
    font-weight:600;
    color:#212121
}
.topic-page .page-container .side-navigation .nav-title:before{
    content:"\f107";
    font-family:"Faprika";
    position:absolute;
    right:15px;
    font-size:15px
}
.topic-page .page-container .side-navigation.open .nav-title:before{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.topic-page .page-container .side-navigation .nav-wrap{
    overflow:hidden
}
.topic-page .page-container .side-navigation .nav-wrap .nav-list{
    padding:0 15px
}
.topic-page .page-container .side-navigation .nav-wrap .nav-list li a{
    font-size:13px;
    display:block;
    line-height:40px;
    position:relative
}
.topic-page .page-container .side-navigation .nav-wrap .nav-list li a:after{
    content:"\f105";
    font-family:"Faprika";
    font-size:15px;
    font-weight:400;
    position:absolute;
    right:0
}
.topic-page .page-container .side-navigation .nav-wrap .nav-list li:not(:last-child){
    border-bottom:1px solid #e2e6eb
}
.topic-page .page-container .side-navigation .nav-wrap .nav-list li:first-child{
    border-top:1px solid #E21D69
}
.topic-page .page-container .topic-body{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    border:1px solid #e2e6eb;
    border-radius:3px;
    background:#fff;
    padding:20px
}
.ie .topic-page .page-container .topic-body{
    flex:1 1 auto;
    max-width:100%
}
.topic-page .page-container .topic-body .topic-title{
    font-size:14px;
    color:#212121;
    font-weight:700;
    padding-bottom:20px
}
.topic-page .page-container .topic-body .topic-content{
    font-size:13px;
    color:#666;
    line-height:24px
}
@media only screen and (min-width: 768px){
    .topic-page .page-container{
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .topic-page .page-container .side-navigation{
        -webkit-box-flex:0;
        -moz-box-flex:0;
        -webkit-flex:0;
        -ms-flex:0;
        flex:0;
        -webkit-flex-basis:220px;
        -moz-flex-basis:220px;
        -ms-flex-basis:220px;
        flex-basis:220px;
        margin-right:30px
    }
    .topic-page .page-container .side-navigation .nav-title{
        padding:0 20px
    }
    .topic-page .page-container .side-navigation .nav-title:before{
        display:none
    }
    .topic-page .page-container .side-navigation .nav-wrap .nav-list{
        padding:0 20px
    }
}
@media only screen and (min-width: 992px){
    .topic-page{
        margin:20px 0
    }
    .topic-page .page-container .sidebar{
        margin-right:30px
    }
}