@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: Aftika;
    src: url("/fonts/FontsFreeNetAftikaRegular.woff");
  }

.vue-notifyjs.notifications .alert{
    z-index:10000
}
.vue-notifyjs.notifications .list-move{
    transition:transform .3s,opacity .4s
}
.vue-notifyjs.notifications .list-item{
    display:inline-block;
    margin-right:10px
}
.vue-notifyjs.notifications .list-enter-active{
    transition:transform .2s ease-in,opacity .4s ease-in
}
.vue-notifyjs.notifications .list-leave-active{
    transition:transform 1s ease-out,opacity .4s ease-out
}
.vue-notifyjs.notifications .list-enter{
    opacity:0;
    transform:scale(1.1)
}
.vue-notifyjs.notifications .list-leave-to{
    opacity:0;
    transform:scale(1.2,.7)
}
.fade-enter-active,.fade-leave-active{
    transition:opacity .1s
}
.fade-enter,.fade-leave-to{
    opacity:0
}
/*! ========================================================= * Vue Paper Dashboard - v1.0.1 ========================================================= * Product Page: http://www.creative-tim.com/product/paper-dashboard * Copyright 2023 Creative Tim (http://www.creative-tim.com) * Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard/blob/master/LICENSE.md) ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */
.ct-blue{
    stroke:#7a9e9f!important
}
.ct-azure{
    stroke:#8c79ea!important
}
.ct-green{
    stroke:#41b883!important
}
.ct-orange{
    stroke:#f3bb45!important
}
.ct-red{
    stroke:#eb5e28!important
}
.brand,.h1,.h2,.h3,.h4,.h5,.h6,.navbar,.td-name,a,h1,h2,h3,h4,h5,h6,p,td{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:"Aftika",sans-serif;
}
.h1,.h2,.h3,.h4,h1,h2,h3,h4{
    font-weight:400;
    margin:30px 0 15px
}
.h1,h1{
    font-size:3.2em
}
.h2,h2{
    font-size:2.6em
}
.h3,h3{
    font-size:1.825em;
    line-height:1.4;
    margin:20px 0 10px
}
.h4,h4{
    font-size:1.5em;
    font-weight:600;
    line-height:1.2em
}
.h5,h5{
    font-size:1.25em;
    font-weight:400;
    line-height:1.4em;
    margin-bottom:15px
}
.h6,h6{
    font-size:.9em;
    font-weight:600;
    text-transform:uppercase
}
p{
    font-size:16px;
    line-height:1.4em
}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{
    color:#9a9a9a;
    font-weight:300;
    line-height:1.4em
}
h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{
    font-size:60%
}
.title-uppercase{
    text-transform:uppercase
}
blockquote{
    font-style:italic
}
blockquote small{
    font-style:normal
}
.text-muted{
    color:#ddd
}
.text-primary,.text-primary:hover{
    color:#427c89
}
.text-info,.text-info:hover{
    color:#745fe0
}
.text-success,.text-success:hover{
    color:#229863
}
.text-warning,.text-warning:hover{
    color:#bb992f
}
.text-danger,.text-danger:hover{
    color:#b33c12
}
.glyphicon{
    line-height:1
}
strong{
    color:#403d39
}
.icon-primary{
    color:#7a9e9f
}
.icon-info{
    color:#8c79ea
}
.icon-success{
    color:#41b883
}
.icon-warning{
    color:#f3bb45
}
.icon-danger{
    color:#eb5e28
}
.chart-legend .text-primary,.chart-legend .text-primary:hover{
    color:#7a9e9f
}
.chart-legend .text-info,.chart-legend .text-info:hover{
    color:#8c79ea
}
.chart-legend .text-success,.chart-legend .text-success:hover{
    color:#41b883
}
.chart-legend .text-warning,.chart-legend .text-warning:hover{
    color:#f3bb45
}
.chart-legend .text-danger,.chart-legend .text-danger:hover{
    color:#eb5e28
}
body{
    color:#000;
    font-size:14px;
    font-family:"Aftika",sans-serif;
    overflow-y: scroll;

    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */

    
}

.main-panel, .settings-icon-mobile, .open-pop-up {
    animation: fadeInAnimation ease-in 0.4s !important;
    /* animation-delay: .3s; */
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.main-panel{
    background-color:#fff;
    position:relative;
    z-index:2;
    float:right;
    width:calc(100% - 350px);
    min-height:100%;
    overflow:auto;
    padding-bottom: 30px;
}

.banner {
    opacity: 0;
    animation: fadeInAnimation ease 0.4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /* animation-delay: .3s; */
}

.topic-row {
    opacity: 0;
    animation: fadeInAnimation ease 0.4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /* animation-delay: .3s; */
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
body .wrapper{
    position:relative
}
a{
    color:#8c79ea;
    text-decoration: none;
}
a:focus,a:hover{
    color:#745fe0;
    text-decoration:none
}
a:active,a:focus,button::-moz-focus-inner,input::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,select::-moz-focus-inner{
    outline:0!important
}
.navbar-toggle,.ui-slider-handle:focus,button:focus,input:focus{
    outline:0!important
}
.navbar.navbar-default{
    z-index:2
}
.form-control,.input-group-addon,.navbar,.navbar .alert,.tagsinput{
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
.sidebar .nav a,.table>tbody>tr .td-actions .btn{
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    -o-transition:all .15s ease-in;
    -ms-transition:all .15s ease-in;
    transition:all .15s ease-in
}
.btn{
    -webkit-transition:all .1s ease-in;
    -moz-transition:all .1s ease-in;
    -o-transition:all .1s ease-in;
    -ms-transition:all .1s ease-in;
    transition:all .1s ease-in
}
.fa{
    width:21px;
    text-align:center
}
.fa-base{
    font-size:1.25em!important
}
.margin-top{
    margin-top:50px
}
hr{
    border-color:#f1eae0
}
@media(min-width:992px){
    .typo-line{
        padding-left:140px;
        margin-bottom:40px;
        position:relative
    }
    .typo-line .category{
        transform:translateY(-50%);
        top:50%;
        left:0;
        position:absolute
    }
}
.icon-section{
    margin:0 0 3em;
    clear:both;
    overflow:hidden
}
.icon-container{
    width:240px;
    padding:.7em 0;
    float:left;
    position:relative;
    text-align:left
}
.icon-container [class*=" ti-"],.icon-container [class^=ti-]{
    color:#000;
    position:absolute;
    margin-top:3px;
    transition:.3s
}
.icon-container:hover [class*=" ti-"],.icon-container:hover [class^=ti-]{
    font-size:2.2em;
    margin-top:-5px
}
.icon-container:hover .icon-name{
    color:#000
}
.icon-name{
    color:#aaa;
    margin-left:35px;
    font-size:.8em;
    transition:.3s
}
.icon-container:hover .icon-name{
    margin-left:45px
}
.places-buttons .btn{
    margin-bottom:30px
}
.sidebar .nav>li.active-pro{
    position:absolute;
    width:100%;
    bottom:10px
}
.sidebar .nav>li.active-pro a{
    background:hsla(0,0%,100%,.14);
    opacity:1;
    color:#fff
}
.table-upgrade td:nth-child(2),.table-upgrade td:nth-child(3){
    text-align:center
}

.banner{
    height: 500px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

/* .home.banner{
    height: 570px;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    background-image: url("/img/home-banner-bg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top:50px;
    background-position: center;
} */

.home.banner {
    height: auto;
    background-color: #8C79EA;
    margin-top: 0;
    background-image: url(/img/home-bg-mobile.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 50% 90%;
    padding: 100px 0 70px;
}

.banner .inner-banner{
    width:55%;
    background-color:rgba(197,179,233,.8078431373);
    border-radius:20px;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    padding:70px 20px
}
.banner .inner-banner .banner-play{
    display:flex;
    align-items:center
}
.banner .inner-banner .banner-play img{
    width:60px;
    margin-right:15px
}
.banner .banner-image{
    width: 60%;
    display: inline-flex;
}
.banner .banner-image img{
    width:100%
}

.banner h2{
    font-weight: 600;
    margin: 0 0 30px 0;
    color: #545454;
}
.home.banner h2{
    font-weight: 600;
    margin: 0 0 30px 0;
    font-family: "Aftika", sans-serif;
    color: #fff;
    letter-spacing: 2px;
}

.home.banner .topic span {
    color: #fff;
    font-family: "Aftika", sans-serif;
    font-weight: bold;
    font-size:18px;
    letter-spacing: 2px;
}

.banner p{
    color:#fff;
    font-size:25px;
    margin:0
}
.profile-banner{
    height:250px;
    background-color:#8c79ea;
    justify-content:center;
    align-items:center;
    margin-bottom:30px
}
.profile-banner .inner-banner{
    width:50%
}
.profile-banner .inner-banner .inner-profile{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px
}
.profile-banner .inner-banner .inner-profile .profile{
    text-align:center;
    color:#fff;
    width: auto;
    
}
.profile-banner .inner-banner .inner-profile .profile p {
    font-family: "Poppins", sans-serif;
}
.content{
    padding:0 70px
}
.profile-options{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:0 auto;
    width:550px
}
.profile-options .setting-list{
    margin-bottom:20px
}
.profile-options .setting-list a{
    margin-bottom:20px;
    display: inline-flex;
    align-items: center;
}
.profile-options .setting-list a,.profile-options .setting-list p{
    font-size:28px;
    margin:0;
    color:#000
}
.profile-options .setting-list img{
    width:100%;
}
.login img{
    width:100%
}
.login .login-form{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    padding:0 30px;
    width: 100%;
}
.login .login-form input{
    padding:10px;
    border-radius:15px;
    background-color:#fff;
    border:1px solid #707070;
    margin:0 60px 30px 60px
}

.login .login-form label {
    margin: 0 50px 20px 50px;
}

.login .login-form label #terms {
    margin: 0;
}

.login .login-form button{
    margin-left:50px;
    margin-right:50px
}
.login .login-form h2{
    font-weight:700
}

.welcome a {
    width: 230px;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 1px;
}

.login .welcome {
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    padding:0 30px;
    height:100%
}

.login .welcome h2 {
    font-weight:600;
    font-family: "Poppins", sans-serif;
    line-height: 1.4em;
    color: #262626;
}

.login .welcome p {
    font-weight:400;
    font-family: "Poppins", sans-serif;
    color: #727272;
    margin-bottom: 20px;
    line-height: 1.6em;
}

.logo-container{
    padding:50px 20px
}

.logo-container img {
    max-width: 330px;
}
.plan-card {
    border-radius:30px;
    box-shadow:0 5px 5px rgba(0,0,0,.1607843137);
    padding:30px;
    text-align:center;
    margin-top:30px;
}

.img-plan {
    position: relative;
}

.plan-card .coming-soon {
    bottom: 30px;
    top: unset;
    right: 30px;
    width: 90px;
    height: 90px;
    transform: rotate(0);
    font-size: 20px;
}

.plan-card button .coming-soon {
    bottom: 10px;
    top: unset;
    right: -20px;
    width: 55px;
    height: 55px;
    transform: rotate(30deg);
    font-size: 12px;
    line-height: 15px;
}

.plan-card h2 {
    font-size: 1.9em;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.plan-card img{
    width:100%;
    padding:0 30px
}
.plan-card .price {
    font-size:2em;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.plan-card p {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    margin-bottom: 12px;
}
.plan-card .btn-round {
    border-radius: 40px !important;
    padding: 10px 50px;
    font-size: 14px;
    letter-spacing: 1px;
}

.form-col{
    align-self:flex-end
}
.form-group{
    display:flex;
    flex-direction:column
}
.form-group span{
    color:#8c79ea;
    margin-bottom:10px
}
.form-group input{
    padding:10px;
    border-radius:15px;
    background-color:#fff;
    border:1px solid #707070
}
.settings button{
    margin-bottom:20px
}
.settings a{
    font-weight:500
}
.settings .cancel-link{
    color:red
}
.settings p{
    color:#707070
}
.settings .current-plan img{
    width:40px;
    margin:0 5px
}
.settings .settings-avatar img{
    margin-right:20px;
    width:100px
}
.wrapper .sidebar{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    z-index:1;
    background-size:cover;
    background-position:50%
}
.wrapper .sidebar .sidebar-wrapper{
    position:relative;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    width:350px;
    z-index:4;
    box-shadow:inset -1px 0 0 0 #ddd;
    text-align:center
}
.wrapper .sidebar .sidebar-wrapper button{
    width:200px
}
.wrapper .sidebar .sidebar-background{
    position:absolute;
    z-index:1;
    height:100%;
    width:100%;
    display:block;
    top:0;
    left:0;
    background-size:cover;
    background-position:50%
}
.wrapper .sidebar{
    width:350px;
    display:block;
    font-weight:200
}
.wrapper .sidebar .logo{
    padding:13px 0;
    margin:0 auto;
    width:70%
}
.wrapper .sidebar .logo p{
    float:left;
    font-size:20px;
    margin:10px 10px;
    line-height:20px
}
.wrapper .sidebar .logo .simple-text{
    padding:4px 0;
    display:block;
    font-size:14px;
    text-align:center;
    font-weight:600;
    line-height:40px;
    text-align:left
}
.wrapper .sidebar .logo .simple-text .logo-img{
    width:100%;
    display:inline-block;
    margin-left:0;
    margin-right:0px;
    text-align:center
}
.wrapper .sidebar .logo .simple-text .logo-img img{
    max-width:100%
}
.wrapper .sidebar .nav{
    margin:3rem 0
}
.wrapper .sidebar .nav .nav-item{
    width:100%
}
.wrapper .sidebar .nav .nav-item .nav-link{
    margin:10px 0;
    padding-left:25px;
    padding-right:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:.7
}

.wrapper .sidebar .nav .nav-item .nav-link .nav-icon {
    width: 60px;
}
.wrapper .sidebar .nav .nav-item .nav-link .nav-title {
    width: 130px;
}

.wrapper .sidebar .nav .nav-item .nav-link svg{
    width:30px;
    margin-right:15px
}
.wrapper .sidebar .nav .nav-item:hover>.nav-link{
    opacity:1
}
.wrapper .sidebar .nav .nav-item.active>.nav-link{
    color:#fff;
    opacity:1
}
.wrapper .sidebar .nav p{
    margin:0;
    line-height:30px;
    font-size:18px;
    letter-spacing: 1px;
}
.wrapper .sidebar .nav i{
    font-size:24px;
    float:left;
    margin-right:15px;
    line-height:30px;
    width:30px;
    text-align:center
}
.wrapper .sidebar:after,.wrapper .sidebar:before{
    display:block;
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2;
    background:#fff
}
.wrapper .sidebar:after,.wrapper .sidebar:before,.wrapper .sidebar[data-background-color=white]:after,.wrapper .sidebar[data-background-color=white]:before{
    background-color:#fff
}
.wrapper .sidebar #style-3::-webkit-scrollbar-track,.wrapper .sidebar[data-background-color=white] #style-3::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #fff;
    background-color:#fff
}
.wrapper .sidebar #style-3::-webkit-scrollbar,.wrapper .sidebar[data-background-color=white] #style-3::-webkit-scrollbar{
    width:6px;
    background-color:#66615b
}
.wrapper .sidebar #style-3::-webkit-scrollbar-thumb,.wrapper .sidebar[data-background-color=white] #style-3::-webkit-scrollbar-thumb{
    background-color:#fff
}
.wrapper .sidebar .logo .simple-text,.wrapper .sidebar .logo p,.wrapper .sidebar .nav .nav-item:not(.active)>.nav-link,.wrapper .sidebar[data-background-color=white] .logo .simple-text,.wrapper .sidebar[data-background-color=white] .logo p,.wrapper .sidebar[data-background-color=white] .nav .nav-item:not(.active)>.nav-link{
    color:#66615b
}
.wrapper .sidebar .nav .divider,.wrapper .sidebar[data-background-color=white] .nav .divider{
    background-color:rgba(102,97,91,.2)
}
.wrapper .sidebar[data-background-color=black]:after,.wrapper .sidebar[data-background-color=black]:before{
    background-color:#212120
}
.wrapper .sidebar[data-background-color=black] #style-3::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #212120;
    background-color:#212120
}
.wrapper .sidebar[data-background-color=black] #style-3::-webkit-scrollbar{
    width:6px;
    background-color:#fff
}
.wrapper .sidebar[data-background-color=black] #style-3::-webkit-scrollbar-thumb{
    background-color:#212120
}
.wrapper .sidebar[data-background-color=black] .logo .simple-text,.wrapper .sidebar[data-background-color=black] .logo p,.wrapper .sidebar[data-background-color=black] .nav .nav-item:not(.active)>.nav-link{
    color:#fff
}
.wrapper .sidebar[data-background-color=black] .nav .divider{
    background-color:hsla(0,0%,100%,.2)
}
.wrapper .sidebar[data-background-color=darkblue]:after,.wrapper .sidebar[data-background-color=darkblue]:before{
    background-color:#35495e
}
.wrapper .sidebar[data-background-color=darkblue] #style-3::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #35495e;
    background-color:#35495e
}
.wrapper .sidebar[data-background-color=darkblue] #style-3::-webkit-scrollbar{
    width:6px;
    background-color:#fff
}
.wrapper .sidebar[data-background-color=darkblue] #style-3::-webkit-scrollbar-thumb{
    background-color:#35495e
}
.wrapper .sidebar[data-background-color=darkblue] .logo .simple-text,.wrapper .sidebar[data-background-color=darkblue] .logo p,.wrapper .sidebar[data-background-color=darkblue] .nav .nav-item:not(.active)>.nav-link{
    color:#fff
}
.wrapper .sidebar[data-background-color=darkblue] .nav .divider{
    background-color:hsla(0,0%,100%,.2)
}
.wrapper .sidebar[data-active-color=primary] .nav .nav-item.active{
    background-color:#8c79ea
}
.wrapper .sidebar[data-active-color=primary] .nav .nav-item.active>.nav-link{
    color:#7a9e9f;
    opacity:1
}
.wrapper .sidebar[data-active-color=info] .nav .nav-item.active{
    background-color:#8c79ea
}
.wrapper .sidebar[data-active-color=info] .nav .nav-item.active>.nav-link{
    color:#8c79ea;
    opacity:1
}
.wrapper .sidebar[data-active-color=success] .nav .nav-item.active{
    background-color:#8c79ea
}
.wrapper .sidebar[data-active-color=success] .nav .nav-item.active>.nav-link{
    color:#fff;
    opacity:1
}
.wrapper .sidebar[data-active-color=warning] .nav .nav-item.active{
    background-color:#8c79ea
}
.wrapper .sidebar[data-active-color=warning] .nav .nav-item.active>.nav-link{
    color:#f3bb45;
    opacity:1
}
.wrapper .sidebar[data-active-color=danger] .nav .nav-item.active{
    background-color:#8c79ea
}
.wrapper .sidebar[data-active-color=danger] .nav .nav-item.active>.nav-link{
    color:#eb5e28;
    opacity:1
}
.main-panel>.content{
    padding:30px 15px;
}
.main-panel>.footer{
    border-top:1px solid rgba(0,0,0,.1)
}
.main-panel .navbar{
    margin-bottom:0
}
.wrapper .sidebar{
    max-height:100%;
    height:100%;
    overflow:hidden;
    overflow-y:hidden
}
.btn{
    box-sizing:border-box;
    border-width:2px;
    font-size:12px;
    font-weight:600;
    padding:.5rem 18px;
    line-height:1.75;
    cursor:pointer;
    text-transform:uppercase;
    background-color:#66615b;
    border-color:#66615b;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition:all .15s linear;
    -moz-transition:all .15s linear;
    -o-transition:all .15s linear;
    -ms-transition:all .15s linear;
    transition:all .15s linear
}
.btn.btn-border,.btn.btn-link{
    background-color:transparent
}
.btn.active,.btn:active,.btn:focus,.btn:hover,.show>.btn.dropdown-toggle{
    background-color:#403d39;
    color:#fff;
    border-color:#403d39
}
.btn.btn-link{
    color:#66615b
}
.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover,.open>.btn.btn-link.dropdown-toggle{
    background-color:transparent;
    color:#403d39
}
.btn.btn-link .caret{
    border-top-color:#66615b
}
.btn .caret{
    border-top-color:#fff
}
.btn.active,.btn:active,.btn:focus,.btn:hover,.open>.btn.dropdown-toggle{
    outline:0!important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn[class*=btn-outline-]{
    background-image:none;
    background-color:transparent
}
.btn-just-icon{
    border-radius:50px;
    height:40px;
    width:40px;
    min-width:40px;
    padding:8px
}
.btn-just-icon.btn-sm{
    padding:4px!important
}
.btn-just-icon i{
    font-size:16px;
    padding:2px 0
}
.upgrade-pro .btn{
    margin-top:30px
}
.btn-link.btn-just-icon{
    padding:8px
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{
    margin-left:-2px
}
.btn-primary{
    background-color:#7a9e9f;
    border-color:#7a9e9f;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.show>.btn-primary.dropdown-toggle{
    background-color:#427c89;
    color:#fff;
    border-color:#427c89
}
.btn-primary.btn-link{
    color:#7a9e9f
}
.btn-primary.btn-link.active,.btn-primary.btn-link:active,.btn-primary.btn-link:focus,.btn-primary.btn-link:hover,.open>.btn-primary.btn-link.dropdown-toggle{
    background-color:transparent;
    color:#427c89
}
.btn-primary.btn-link .caret{
    border-top-color:#7a9e9f
}
.btn-primary .caret{
    border-top-color:#fff
}
.btn-success{
    background-color:#41b883;
    border-color:#41b883;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.show>.btn-success.dropdown-toggle{
    background-color:#229863;
    color:#fff;
    border-color:#229863
}
.btn-success.btn-link{
    color:#41b883
}
.btn-success.btn-link.active,.btn-success.btn-link:active,.btn-success.btn-link:focus,.btn-success.btn-link:hover,.open>.btn-success.btn-link.dropdown-toggle{
    background-color:transparent;
    color:#229863
}
.btn-success.btn-link .caret{
    border-top-color:#41b883
}
.btn-success .caret{
    border-top-color:#fff
}
.btn-info{
    background-color:#8c79ea;
    border-color:#8c79ea;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.show>.btn-info.dropdown-toggle{
    background-color:#745fe0;
    color:#fff;
    border-color:#745fe0
}
.btn-info.btn-link{
    color:#8c79ea
}
.btn-info.btn-link.active,.btn-info.btn-link:active,.btn-info.btn-link:focus,.btn-info.btn-link:hover,.open>.btn-info.btn-link.dropdown-toggle{
    background-color:transparent;
    color:#745fe0
}
.btn-info.btn-link .caret{
    border-top-color:#8c79ea
}
.btn-info .caret{
    border-top-color:#fff
}
.btn-warning{
    background-color:#f3bb45;
    border-color:#f3bb45;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.show>.btn-warning.dropdown-toggle{
    background-color:#bb992f;
    color:#fff;
    border-color:#bb992f
}
.btn-warning.btn-link{
    color:#f3bb45
}
.btn-warning.btn-link.active,.btn-warning.btn-link:active,.btn-warning.btn-link:focus,.btn-warning.btn-link:hover,.open>.btn-warning.btn-link.dropdown-toggle{
    background-color:transparent;
    color:#bb992f
}
.btn-warning.btn-link .caret{
    border-top-color:#f3bb45
}
.btn-warning .caret{
    border-top-color:#fff
}
.btn-danger{
    background-color:#eb5e28;
    border-color:#eb5e28;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.show>.btn-danger.dropdown-toggle{
    background-color:#b33c12;
    color:#fff;
    border-color:#b33c12
}
.btn-danger.btn-link{
    color:#eb5e28
}
.btn-danger.btn-link.active,.btn-danger.btn-link:active,.btn-danger.btn-link:focus,.btn-danger.btn-link:hover,.open>.btn-danger.btn-link.dropdown-toggle{
    background-color:transparent;
    color:#b33c12
}
.btn-danger.btn-link .caret{
    border-top-color:#eb5e28
}
.btn-danger .caret{
    border-top-color:#fff
}
.btn-neutral.active,.btn-neutral:active,.btn-neutral:focus,.btn-neutral:hover,.show>.btn-neutral.dropdown-toggle{
    background-color:#403d39;
    border-color:#403d39
}
.btn-neutral.btn-link.active,.btn-neutral.btn-link:active,.btn-neutral.btn-link:focus,.btn-neutral.btn-link:hover,.open>.btn-neutral.btn-link.dropdown-toggle{
    color:#403d39
}
.btn-outline-default{
    border-color:#66615b;
    color:#66615b;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-outline-default.active,.btn-outline-default:active,.btn-outline-default:focus,.btn-outline-default:hover,.open>.btn-outline-default.dropdown-toggle{
    background-color:#66615b;
    color:hsla(0,0%,100%,.7);
    border-color:#66615b
}
.btn-outline-default.active .caret,.btn-outline-default:active .caret,.btn-outline-default:focus .caret,.btn-outline-default:hover .caret,.open>.btn-outline-default.dropdown-toggle .caret{
    border-top-color:hsla(0,0%,100%,.7)
}
.btn-outline-default .caret{
    border-top-color:#fff
}
.btn-outline-default.disabled,.btn-outline-default.disabled.active,.btn-outline-default.disabled.focus,.btn-outline-default.disabled:active,.btn-outline-default.disabled:focus,.btn-outline-default.disabled:hover,.btn-outline-default:disabled,.btn-outline-default:disabled.active,.btn-outline-default:disabled.focus,.btn-outline-default:disabled:active,.btn-outline-default:disabled:focus,.btn-outline-default:disabled:hover,.btn-outline-default[disabled],.btn-outline-default[disabled].active,.btn-outline-default[disabled].focus,.btn-outline-default[disabled]:active,.btn-outline-default[disabled]:focus,.btn-outline-default[disabled]:hover,fieldset[disabled] .btn-outline-default,fieldset[disabled] .btn-outline-default.active,fieldset[disabled] .btn-outline-default.focus,fieldset[disabled] .btn-outline-default:active,fieldset[disabled] .btn-outline-default:focus,fieldset[disabled] .btn-outline-default:hover{
    background-color:transparent;
    border-color:#66615b
}
.btn-outline-primary{
    border-color:#7a9e9f;
    color:#7a9e9f;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover,.open>.btn-outline-primary.dropdown-toggle{
    background-color:#7a9e9f;
    color:hsla(0,0%,100%,.7);
    border-color:#7a9e9f
}
.btn-outline-primary.active .caret,.btn-outline-primary:active .caret,.btn-outline-primary:focus .caret,.btn-outline-primary:hover .caret,.open>.btn-outline-primary.dropdown-toggle .caret{
    border-top-color:hsla(0,0%,100%,.7)
}
.btn-outline-primary .caret{
    border-top-color:#fff
}
.btn-outline-primary.disabled,.btn-outline-primary.disabled.active,.btn-outline-primary.disabled.focus,.btn-outline-primary.disabled:active,.btn-outline-primary.disabled:focus,.btn-outline-primary.disabled:hover,.btn-outline-primary:disabled,.btn-outline-primary:disabled.active,.btn-outline-primary:disabled.focus,.btn-outline-primary:disabled:active,.btn-outline-primary:disabled:focus,.btn-outline-primary:disabled:hover,.btn-outline-primary[disabled],.btn-outline-primary[disabled].active,.btn-outline-primary[disabled].focus,.btn-outline-primary[disabled]:active,.btn-outline-primary[disabled]:focus,.btn-outline-primary[disabled]:hover,fieldset[disabled] .btn-outline-primary,fieldset[disabled] .btn-outline-primary.active,fieldset[disabled] .btn-outline-primary.focus,fieldset[disabled] .btn-outline-primary:active,fieldset[disabled] .btn-outline-primary:focus,fieldset[disabled] .btn-outline-primary:hover{
    background-color:transparent;
    border-color:#7a9e9f
}
.btn-outline-success{
    border-color:#41b883;
    color:#41b883;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-outline-success.active,.btn-outline-success:active,.btn-outline-success:focus,.btn-outline-success:hover,.open>.btn-outline-success.dropdown-toggle{
    background-color:#41b883;
    color:hsla(0,0%,100%,.7);
    border-color:#41b883
}
.btn-outline-success.active .caret,.btn-outline-success:active .caret,.btn-outline-success:focus .caret,.btn-outline-success:hover .caret,.open>.btn-outline-success.dropdown-toggle .caret{
    border-top-color:hsla(0,0%,100%,.7)
}
.btn-outline-success .caret{
    border-top-color:#fff
}
.btn-outline-success.disabled,.btn-outline-success.disabled.active,.btn-outline-success.disabled.focus,.btn-outline-success.disabled:active,.btn-outline-success.disabled:focus,.btn-outline-success.disabled:hover,.btn-outline-success:disabled,.btn-outline-success:disabled.active,.btn-outline-success:disabled.focus,.btn-outline-success:disabled:active,.btn-outline-success:disabled:focus,.btn-outline-success:disabled:hover,.btn-outline-success[disabled],.btn-outline-success[disabled].active,.btn-outline-success[disabled].focus,.btn-outline-success[disabled]:active,.btn-outline-success[disabled]:focus,.btn-outline-success[disabled]:hover,fieldset[disabled] .btn-outline-success,fieldset[disabled] .btn-outline-success.active,fieldset[disabled] .btn-outline-success.focus,fieldset[disabled] .btn-outline-success:active,fieldset[disabled] .btn-outline-success:focus,fieldset[disabled] .btn-outline-success:hover{
    background-color:transparent;
    border-color:#41b883
}
.btn-outline-info{
    border-color:#8c79ea;
    color:#8c79ea;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-outline-info.active,.btn-outline-info:active,.btn-outline-info:focus,.btn-outline-info:hover,.open>.btn-outline-info.dropdown-toggle{
    background-color:#8c79ea;
    color:hsla(0,0%,100%,.7);
    border-color:#8c79ea
}
.btn-outline-info.active .caret,.btn-outline-info:active .caret,.btn-outline-info:focus .caret,.btn-outline-info:hover .caret,.open>.btn-outline-info.dropdown-toggle .caret{
    border-top-color:hsla(0,0%,100%,.7)
}
.btn-outline-info .caret{
    border-top-color:#fff
}
.btn-outline-info.disabled,.btn-outline-info.disabled.active,.btn-outline-info.disabled.focus,.btn-outline-info.disabled:active,.btn-outline-info.disabled:focus,.btn-outline-info.disabled:hover,.btn-outline-info:disabled,.btn-outline-info:disabled.active,.btn-outline-info:disabled.focus,.btn-outline-info:disabled:active,.btn-outline-info:disabled:focus,.btn-outline-info:disabled:hover,.btn-outline-info[disabled],.btn-outline-info[disabled].active,.btn-outline-info[disabled].focus,.btn-outline-info[disabled]:active,.btn-outline-info[disabled]:focus,.btn-outline-info[disabled]:hover,fieldset[disabled] .btn-outline-info,fieldset[disabled] .btn-outline-info.active,fieldset[disabled] .btn-outline-info.focus,fieldset[disabled] .btn-outline-info:active,fieldset[disabled] .btn-outline-info:focus,fieldset[disabled] .btn-outline-info:hover{
    background-color:transparent;
    border-color:#8c79ea
}
.btn-outline-warning{
    border-color:#f3bb45;
    color:#f3bb45;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-outline-warning.active,.btn-outline-warning:active,.btn-outline-warning:focus,.btn-outline-warning:hover,.open>.btn-outline-warning.dropdown-toggle{
    background-color:#f3bb45;
    color:hsla(0,0%,100%,.7);
    border-color:#f3bb45
}
.btn-outline-warning.active .caret,.btn-outline-warning:active .caret,.btn-outline-warning:focus .caret,.btn-outline-warning:hover .caret,.open>.btn-outline-warning.dropdown-toggle .caret{
    border-top-color:hsla(0,0%,100%,.7)
}
.btn-outline-warning .caret{
    border-top-color:#fff
}
.btn-outline-warning.disabled,.btn-outline-warning.disabled.active,.btn-outline-warning.disabled.focus,.btn-outline-warning.disabled:active,.btn-outline-warning.disabled:focus,.btn-outline-warning.disabled:hover,.btn-outline-warning:disabled,.btn-outline-warning:disabled.active,.btn-outline-warning:disabled.focus,.btn-outline-warning:disabled:active,.btn-outline-warning:disabled:focus,.btn-outline-warning:disabled:hover,.btn-outline-warning[disabled],.btn-outline-warning[disabled].active,.btn-outline-warning[disabled].focus,.btn-outline-warning[disabled]:active,.btn-outline-warning[disabled]:focus,.btn-outline-warning[disabled]:hover,fieldset[disabled] .btn-outline-warning,fieldset[disabled] .btn-outline-warning.active,fieldset[disabled] .btn-outline-warning.focus,fieldset[disabled] .btn-outline-warning:active,fieldset[disabled] .btn-outline-warning:focus,fieldset[disabled] .btn-outline-warning:hover{
    background-color:transparent;
    border-color:#f3bb45
}
.btn-outline-danger{
    border-color:#eb5e28;
    color:#eb5e28;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-outline-danger.active,.btn-outline-danger:active,.btn-outline-danger:focus,.btn-outline-danger:hover,.open>.btn-outline-danger.dropdown-toggle{
    background-color:#eb5e28;
    color:hsla(0,0%,100%,.7);
    border-color:#eb5e28
}
.btn-outline-danger.active .caret,.btn-outline-danger:active .caret,.btn-outline-danger:focus .caret,.btn-outline-danger:hover .caret,.open>.btn-outline-danger.dropdown-toggle .caret{
    border-top-color:hsla(0,0%,100%,.7)
}
.btn-outline-danger .caret{
    border-top-color:#fff
}
.btn-outline-danger.disabled,.btn-outline-danger.disabled.active,.btn-outline-danger.disabled.focus,.btn-outline-danger.disabled:active,.btn-outline-danger.disabled:focus,.btn-outline-danger.disabled:hover,.btn-outline-danger:disabled,.btn-outline-danger:disabled.active,.btn-outline-danger:disabled.focus,.btn-outline-danger:disabled:active,.btn-outline-danger:disabled:focus,.btn-outline-danger:disabled:hover,.btn-outline-danger[disabled],.btn-outline-danger[disabled].active,.btn-outline-danger[disabled].focus,.btn-outline-danger[disabled]:active,.btn-outline-danger[disabled]:focus,.btn-outline-danger[disabled]:hover,fieldset[disabled] .btn-outline-danger,fieldset[disabled] .btn-outline-danger.active,fieldset[disabled] .btn-outline-danger.focus,fieldset[disabled] .btn-outline-danger:active,fieldset[disabled] .btn-outline-danger:focus,fieldset[disabled] .btn-outline-danger:hover{
    background-color:transparent;
    border-color:#eb5e28
}
.btn-outline-neutral{
    border-color:#fff;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.btn-outline-neutral.active,.btn-outline-neutral:active,.btn-outline-neutral:focus,.btn-outline-neutral:hover,.open>.btn-outline-neutral.dropdown-toggle{
    background-color:#fff;
    color:hsla(0,0%,100%,.7);
    border-color:#fff
}
.btn-outline-neutral.active .caret,.btn-outline-neutral:active .caret,.btn-outline-neutral:focus .caret,.btn-outline-neutral:hover .caret,.open>.btn-outline-neutral.dropdown-toggle .caret{
    border-top-color:hsla(0,0%,100%,.7)
}
.btn-outline-neutral .caret{
    border-top-color:#fff
}
.btn-outline-neutral.disabled,.btn-outline-neutral.disabled.active,.btn-outline-neutral.disabled.focus,.btn-outline-neutral.disabled:active,.btn-outline-neutral.disabled:focus,.btn-outline-neutral.disabled:hover,.btn-outline-neutral:disabled,.btn-outline-neutral:disabled.active,.btn-outline-neutral:disabled.focus,.btn-outline-neutral:disabled:active,.btn-outline-neutral:disabled:focus,.btn-outline-neutral:disabled:hover,.btn-outline-neutral[disabled],.btn-outline-neutral[disabled].active,.btn-outline-neutral[disabled].focus,.btn-outline-neutral[disabled]:active,.btn-outline-neutral[disabled]:focus,.btn-outline-neutral[disabled]:hover,fieldset[disabled] .btn-outline-neutral,fieldset[disabled] .btn-outline-neutral.active,fieldset[disabled] .btn-outline-neutral.focus,fieldset[disabled] .btn-outline-neutral:active,fieldset[disabled] .btn-outline-neutral:focus,fieldset[disabled] .btn-outline-neutral:hover{
    background-color:transparent;
    border-color:#fff
}
.btn-outline-neutral:focus,.btn-outline-neutral:hover{
    color:#403d39;
    background-color:#fff
}
.btn-neutral{
    background-color:#fff;
    border-color:#fff;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100);
    color:#66615b
}
.btn-neutral.active,.btn-neutral:active,.btn-neutral:focus,.btn-neutral:hover,.show>.btn-neutral.dropdown-toggle{
    background-color:#fff;
    color:#fff;
    border-color:#fff
}
.btn-neutral.btn-link{
    color:#fff
}
.btn-neutral.btn-link.active,.btn-neutral.btn-link:active,.btn-neutral.btn-link:focus,.btn-neutral.btn-link:hover,.open>.btn-neutral.btn-link.dropdown-toggle{
    background-color:transparent;
    color:#fff
}
.btn-neutral.btn-link .caret,.btn-neutral .caret{
    border-top-color:#fff
}
.btn-neutral:focus,.btn-neutral:hover{
    color:#403d39
}
.btn-neutral.btn-border:focus,.btn-neutral.btn-border:hover{
    color:#66615b
}
.btn-neutral.btn-border.active,.btn-neutral.btn-border:active,.open>.btn-neutral.btn-border.dropdown-toggle{
    background-color:#fff;
    color:#66615b
}
.btn-neutral.btn-link.active,.btn-neutral.btn-link:active{
    background-color:transparent
}
.btn.disabled,.btn:disabled,.btn[disabled]{
    opacity:.5;
    filter:alpha(opacity=50)
}
.btn-link{
    border-color:transparent!important;
    padding:7px 18px
}
.btn-link:active,.btn-link:focus,.btn-link:hover{
    text-decoration:none;
    border-color:transparent
}
.btn-link.btn-icon{
    padding:7px
}
.btn-lg{
    font-size:14px;
    padding:11px 30px
}
.btn-lg.btn-simple{
    padding:13px 30px
}
.btn-sm{
    font-size:12px;
    padding:4px 10px
}
.btn-sm.btn-simple{
    padding:6px 10px
}
.btn-wd{
    min-width:140px
}
.btn-group.select{
    width:100%
}
.btn-group.select .btn{
    text-align:left
}
.btn-group.select .caret{
    position:absolute;
    top:50%;
    margin-top:-1px;
    right:8px
}
.btn-just-icon.btn-sm{
    height:30px;
    width:30px;
    min-width:30px;
    padding:0
}
.btn-just-icon.btn-sm i{
    font-size:12px
}
.btn-just-icon.btn-lg{
    height:50px;
    width:50px;
    min-width:50px;
    padding:13px
}
.btn-just-icon.btn-lg i{
    font-size:18px;
    padding:0
}
.btn-round{
    border-radius:10px
}
.btn.btn-link:focus{
    box-shadow:none!important;
    text-decoration:none
}
.column .btn-link{
    padding:7px 0
}
.share-buttons .btn-outline-default{
    margin-top:24px
}
#modals .btn-outline-neutral{
    margin-bottom:10px
}
.btn-group.select{
    overflow:visible!important
}
.media .media-body .media-footer .btn-neutral{
    margin:15px 3px;
    font-size:14px
}
.media .media-body .media-footer .btn-neutral i{
    margin-right:0!important
}
.form-control:-moz-placeholder,.form-control::-moz-placeholder{
    color:#ddd;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control::-webkit-input-placeholder{
    color:#ddd;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control:-ms-input-placeholder{
    color:#ddd;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control{
    background-color:#fffcf5;
    border:medium none;
    border-radius:4px;
    color:#000;
    font-size:14px;
    transition:background-color .3s ease 0s;
    padding:7px 18px;
    height:40px
}
.form-control,.form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control:focus{
    background-color:#fff;
    outline:0!important
}
.has-error .form-control,.has-error .form-control:focus,.has-success .form-control,.has-success .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.has-success .form-control{
    background-color:#abf3cb;
    color:#41b883
}
.has-success .form-control.border-input{
    border:1px solid #41b883
}
.has-success .form-control:focus{
    background-color:#fff
}
.has-error .form-control{
    background-color:#ffc0a4;
    color:#eb5e28
}
.has-error .form-control.border-input{
    border:1px solid #eb5e28
}
.has-error .form-control:focus{
    background-color:#fff
}
.form-control+.form-control-feedback{
    border-radius:6px;
    font-size:14px;
    margin-top:-7px;
    position:absolute;
    right:10px;
    top:50%;
    vertical-align:middle
}
.form-control.border-input{
    border:1px solid #ccc5b9
}
.open .form-control{
    border-bottom-color:transparent
}
.input-lg{
    height:55px;
    padding:11px 30px
}
.has-error .control-label,.has-error .form-control-feedback{
    color:#eb5e28
}
.has-success .control-label,.has-success .form-control-feedback{
    color:#41b883
}
.input-group-addon{
    background-color:#fffcf5;
    border:medium none;
    border-radius:4px
}
.has-error .input-group-addon,.has-success .input-group-addon{
    background-color:#fff
}
.has-error .form-control:focus+.input-group-addon{
    color:#eb5e28
}
.has-success .form-control:focus+.input-group-addon{
    color:#41b883
}
.form-control:focus+.input-group-addon,.form-control:focus~.input-group-addon{
    background-color:#fff
}
.border-input .input-group-addon{
    border:1px solid #ccc5b9
}
.input-group{
    margin-bottom:15px
}
.input-group[disabled] .input-group-addon{
    background-color:#e3e3e3
}
.input-group-addon:first-child,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child{
    border-right:0 none
}
.input-group-addon:last-child,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child{
    border-left:0 none
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
    background-color:#e3e3e3;
    cursor:not-allowed;
    color:#9a9a9a;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control[disabled]::-moz-placeholder{
    color:#9a9a9a;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control[disabled]:-moz-placeholder{
    color:#ddd;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control[disabled]::-webkit-input-placeholder{
    color:#ddd;
    opacity:1;
    filter:alpha(opacity=100)
}
.form-control[disabled]:-ms-input-placeholder{
    color:#ddd;
    opacity:1;
    filter:alpha(opacity=100)
}
.input-group-btn .btn{
    border-width:1px;
    padding:9px 18px
}
.input-group-btn .btn-default:not(.btn-fill){
    border-color:#ddd
}
.input-group-btn:last-child>.btn{
    margin-left:0
}
textarea.form-control{
    max-width:100%;
    padding:10px 18px;
    resize:none
}
.alert{
    border:0;
    border-radius:0;
    color:#fff;
    padding:10px 15px;
    font-size:14px
}
.container .alert{
    border-radius:4px
}
.navbar .alert{
    border-radius:0;
    left:0;
    position:absolute;
    right:0;
    top:85px;
    width:100%;
    z-index:3
}
.navbar:not(.navbar-transparent) .alert{
    top:70px
}
.alert span[data-notify=icon]{
    font-size:30px;
    display:block;
    left:15px;
    position:absolute;
    top:50%;
    margin-top:-20px
}
.alert .close~span{
    display:block;
    max-width:89%
}
.alert[data-notify=container]{
    padding:10px 10px 10px 20px;
    border-radius:4px
}
.alert.alert-with-icon{
    padding-left:65px
}
.alert-info{
    background-color:#7ce4fe;
    color:#745fe0
}
.alert-success{
    background-color:#8ef3c5;
    color:#229863
}
.alert-warning{
    background-color:#ffe28c;
    color:#bb992f
}
.alert-danger{
    background-color:#EE8F00;
    color:#fff;
}
.table tbody tr>td,.table tbody tr>th,.table tfoot tr>td,.table tfoot tr>th,.table thead tr>td,.table thead tr>th{
    border-top:1px solid #ccc5b9
}
.table thead th{
    border-bottom:1px solid #ccc5b9;
    border-top:0
}
.table>thead>tr>th{
    border-bottom-width:0;
    font-size:1.25em;
    font-weight:300
}
.table .checkbox,.table .radio{
    margin-top:0;
    margin-bottom:22px;
    padding:0;
    width:15px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    padding:12px;
    vertical-align:middle
}
.table .th-description{
    max-width:150px
}
.table .td-price{
    font-size:26px;
    font-weight:300;
    margin-top:5px;
    text-align:right
}
.table .td-total{
    font-weight:600;
    font-size:1.25em;
    padding-top:20px;
    text-align:right
}
.table .td-actions .btn.btn-sm,.table .td-actions .btn.btn-xs{
    padding-left:3px;
    padding-right:3px
}
.table>tbody>tr{
    position:relative
}
.table-striped tbody>tr:nth-of-type(odd){
    background-color:#fff
}
.table-striped tbody>tr:nth-of-type(2n){
    background-color:#fffcf5
}
.table-striped>tbody>tr>td,.table-striped>tbody>tr>th,.table-striped>tfoot>tr>td,.table-striped>tfoot>tr>th,.table-striped>thead>tr>td,.table-striped>thead>tr>th{
    padding:15px 8px
}
.checkbox,.radio{
    margin-bottom:12px;
    padding-left:30px;
    position:relative;
    -webkit-transition:color,opacity .25s linear;
    transition:color,opacity .25s linear;
    font-size:14px;
    font-weight:400;
    line-height:1.5;
    color:#000;
    cursor:pointer
}
.checkbox .icons,.radio .icons{
    color:#000;
    display:block;
    height:20px;
    left:0;
    position:absolute;
    top:0;
    width:20px;
    text-align:center;
    line-height:21px;
    font-size:20px;
    cursor:pointer;
    -webkit-transition:color,opacity .15s linear;
    transition:color,opacity .15s linear;
    opacity:.5
}
.checkbox.checked .icons,.radio.checked .icons{
    opacity:1
}
.checkbox input,.radio input{
    outline:none!important;
    display:none
}
.checkbox label,.radio label{
    padding-left:10px
}
.checkbox .icons .first-icon,.checkbox .icons .second-icon,.radio .icons .first-icon,.radio .icons .second-icon{
    display:inline-table;
    position:absolute;
    left:0;
    top:0;
    background-color:transparent;
    margin:0;
    opacity:1;
    filter:alpha(opacity=100)
}
.checkbox .icons .second-icon,.radio .icons .second-icon{
    opacity:0;
    filter:alpha(opacity=0)
}
.checkbox:hover,.radio:hover{
    -webkit-transition:color .2s linear;
    transition:color .2s linear
}
.checkbox:hover .first-icon,.radio:hover .first-icon{
    opacity:0;
    filter:alpha(opacity=0)
}
.checkbox:hover .second-icon,.radio:hover .second-icon{
    opacity:1;
    filter:alpha(opacity=100)
}
.checkbox.checked .first-icon,.radio.checked .first-icon{
    opacity:0;
    filter:alpha(opacity=0)
}
.checkbox.checked .second-icon,.radio.checked .second-icon{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition:color .2s linear;
    transition:color .2s linear
}
.checkbox.disabled,.radio.disabled{
    cursor:default;
    color:#ddd
}
.checkbox.disabled .icons,.radio.disabled .icons{
    color:#ddd
}
.checkbox.disabled .first-icon,.radio.disabled .first-icon{
    opacity:1;
    filter:alpha(opacity=100)
}
.checkbox.disabled .second-icon,.radio.disabled .second-icon{
    opacity:0;
    filter:alpha(opacity=0)
}
.checkbox.disabled.checked .icons,.radio.disabled.checked .icons{
    color:#ddd
}
.checkbox.disabled.checked .first-icon,.radio.disabled.checked .first-icon{
    opacity:0;
    filter:alpha(opacity=0)
}
.checkbox.disabled.checked .second-icon,.radio.disabled.checked .second-icon{
    opacity:1;
    color:#ddd;
    filter:alpha(opacity=100)
}
.nav .nav-item .nav-link:focus,.nav .nav-item .nav-link:hover{
    background-color:transparent
}
.navbar{
    border:0;
    font-size:14px;
    transition:all .4s;
    -webkit-transition:all .4s;
    padding:0;
    background:#fff;
    box-shadow:0 6px 10px -4px rgba(0,0,0,.15)
}
.navbar.navbar-light{
    background-color:#f4f3ef;
    box-shadow:none;
    border-bottom:1px solid #ddd
}
.navbar .navbar-toggler-right{
    float:right
}
.navbar .navbar-brand{
    font-weight:600;
    margin:5px 0;
    padding:20px 15px;
    font-size:14px;
    color:#66615b;
    text-transform:uppercase
}
.navbar .nav-link i{
    font-size:16px;
    position:relative;
    top:4px;
    right:3px
}
.navbar .nav-link [class^=fa]{
    top:2px
}
.navbar .nav-link p{
    margin:0 0;
    color:#9a9a9a!important;
    text-transform:uppercase;
    font-weight:600;
    font-size:12px;
    line-height:1.5em;
    padding:15px 0
}
.navbar .nav-link p:hover{
    color:#403d39!important
}
.navbar .navbar-nav .nav-item .nav-link{
    line-height:1.6;
    margin:15px 0;
    padding:10px 15px;
    opacity:.8;
    font-size:12px;
    text-transform:uppercase;
    font-weight:600;
    color:#66615b
}
.navbar .navbar-nav .nav-item .nav-link:hover{
    color:#000
}
.navbar .navbar-nav .nav-item .nav-link.btn{
    margin:15px 3px;
    padding:9px
}
.navbar .navbar-nav .dropdown-menu{
    border-radius:20px;
    margin-top:1px
}
.navbar .navbar-collapse .nav-item .nav-link p{
    display:inline
}
.navbar .navbar-collapse .nav-item .dropdown-item i{
    margin:0 10px;
    margin:0 10px 0 5px;
    font-size:18px;
    position:relative;
    top:3px
}
.navbar .navbar-collapse.show .navbar-nav .nav-item{
    padding-right:10px
}
.navbar .notification-bubble{
    right:72px;
    padding:.2em .6em;
    position:absolute;
    top:15px
}
.navbar .btn{
    margin:15px 3px;
    font-size:12px
}
.navbar .btn i{
    font-size:14px;
    line-height:13px
}
.navbar .btn-simple{
    font-size:16px
}
.navbar .caret{
    left:0;
    right:0;
    margin-right:auto;
    margin-left:auto;
    position:absolute
}
.navbar.navbar-transparent{
    padding-top:25px
}
.navbar .logo-container{
    margin-top:5px
}
.navbar .logo-container .logo{
    overflow:hidden;
    border-radius:50%;
    border:1px solid #333;
    width:50px;
    float:left
}
.navbar .logo-container .logo img{
    width:100%
}
.navbar .logo-container .brand{
    font-size:18px;
    color:#fff;
    line-height:20px;
    float:left;
    margin-left:10px;
    margin-top:5px;
    width:75px;
    height:50px
}
.navbar.fixed-top .nav-link i{
    top:4px
}
.navbar-absolute{
    position:absolute;
    width:100%;
    padding-top:10px;
    z-index:1029
}
.navbar-transparent .navbar-brand,[class*=bg] .navbar-brand{
    color:#fff;
    opacity:.9;
    filter:alpha(opacity=90)
}
.navbar-transparent .navbar-brand:focus,.navbar-transparent .navbar-brand:hover,[class*=bg] .navbar-brand:focus,[class*=bg] .navbar-brand:hover{
    background-color:transparent;
    opacity:1;
    filter:alpha(opacity=100);
    color:#fff
}
.navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn),[class*=bg] .navbar-nav .nav-item .nav-link:not(.btn){
    color:#fff;
    border-color:#fff
}
.navbar-transparent .navbar-nav .active .nav-link .active .nav-link:hover,.navbar-transparent .navbar-nav .active .nav-link:focus,.navbar-transparent .navbar-nav .nav-item .nav-link:focus,.navbar-transparent .navbar-nav .nav-item .nav-link:hover,[class*=bg] .navbar-nav .active .nav-link .active .nav-link:hover,[class*=bg] .navbar-nav .active .nav-link:focus,[class*=bg] .navbar-nav .nav-item .nav-link:focus,[class*=bg] .navbar-nav .nav-item .nav-link:hover{
    background-color:transparent;
    color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.navbar-transparent .navbar-nav .nav .nav-item a.btn:hover,[class*=bg] .navbar-nav .nav .nav-item a.btn:hover{
    background-color:transparent
}
.navbar-transparent .navbar-nav .dropdown .nav-link .caret,.navbar-transparent .navbar-nav .dropdown .nav-link:focus .caret,.navbar-transparent .navbar-nav .dropdown .nav-link:hover .caret,[class*=bg] .navbar-nav .dropdown .nav-link .caret,[class*=bg] .navbar-nav .dropdown .nav-link:focus .caret,[class*=bg] .navbar-nav .dropdown .nav-link:hover .caret{
    border-bottom-color:#fff;
    border-top-color:#fff
}
.navbar-transparent .navbar-nav .open .nav-link,.navbar-transparent .navbar-nav .open .nav-link:focus,.navbar-transparent .navbar-nav .open .nav-link:hover,[class*=bg] .navbar-nav .open .nav-link,[class*=bg] .navbar-nav .open .nav-link:focus,[class*=bg] .navbar-nav .open .nav-link:hover{
    background-color:transparent;
    color:#66615b;
    opacity:1;
    filter:alpha(opacity=100)
}
.navbar-transparent .btn-default.btn-fill,[class*=bg] .btn-default.btn-fill{
    color:#9a9a9a;
    background-color:#fff;
    opacity:.9;
    filter:alpha(opacity=90)
}
.navbar-transparent .btn-default.btn-fill.active,.navbar-transparent .btn-default.btn-fill:active,.navbar-transparent .btn-default.btn-fill:focus,.navbar-transparent .btn-default.btn-fill:hover,.navbar-transparent .open .dropdown-toggle.btn-fill.btn-default,[class*=bg] .btn-default.btn-fill.active,[class*=bg] .btn-default.btn-fill:active,[class*=bg] .btn-default.btn-fill:focus,[class*=bg] .btn-default.btn-fill:hover,[class*=bg] .open .dropdown-toggle.btn-fill.btn-default{
    border-color:#fff;
    opacity:1;
    filter:alpha(opacity=100)
}
.nav-open .nav .caret{
    border-bottom-color:#fff;
    border-top-color:#fff
}
.navbar-default .brand{
    color:#000!important
}
.navbar-default .navbar-nav .nav-item .nav-link:not(.btn){
    color:#9a9a9a
}
.navbar-default .navbar-nav .active .nav-link,.navbar-default .navbar-nav .active .nav-link:not(.btn):focus,.navbar-default .navbar-nav .active .nav-link:not(.btn):hover,.navbar-default .navbar-nav .nav-item .nav-link:not(.btn):focus,.navbar-default .navbar-nav .nav-item .nav-link:not(.btn):hover{
    background-color:transparent;
    border-radius:3px;
    color:#8c79ea;
    opacity:1;
    filter:alpha(opacity=100)
}
.navbar-default .navbar-nav .dropdown .nav-link:focus .caret,.navbar-default .navbar-nav .dropdown .nav-link:hover .caret{
    border-bottom-color:#8c79ea;
    border-top-color:#8c79ea
}
.navbar-default .navbar-nav .open .nav-link,.navbar-default .navbar-nav .open .nav-link:focus,.navbar-default .navbar-nav .open .nav-link:hover{
    background-color:transparent;
    color:#8c79ea
}
.navbar-default .navbar-nav .navbar-toggler:focus,.navbar-default .navbar-nav .navbar-toggler:hover{
    background-color:transparent
}
.navbar-default:not(.navbar-transparent) .btn-default:hover{
    color:#8c79ea;
    border-color:#8c79ea
}
.navbar-default:not(.navbar-transparent) .btn-neutral,.navbar-default:not(.navbar-transparent) .btn-neutral:active,.navbar-default:not(.navbar-transparent) .btn-neutral:hover{
    color:#9a9a9a
}
.navbar-icons.navbar .navbar-brand{
    margin-top:12px;
    margin-bottom:12px
}
.navbar-icons .navbar-nav .nav-item .nav-link{
    text-align:center;
    padding:10px;
    margin:10px
}
.navbar-icons .navbar-nav [class^=pe]{
    font-size:30px;
    position:relative
}
.navbar-icons .navbar-nav p{
    margin:3px 0 0
}
.navbar-form{
    -webkit-box-shadow:none;
    box-shadow:none
}
.navbar-form .form-control{
    border-radius:0;
    border:0;
    padding:0;
    background-color:transparent;
    height:22px;
    font-size:16px;
    line-height:1.4em;
    color:#e3e3e3
}
.navbar-transparent .navbar-form .form-control,[class*=bg] .navbar-form .form-control{
    color:#fff;
    border:0;
    border-bottom:1px solid hsla(0,0%,100%,.6)
}
.navbar-toggler{
    margin-top:19px;
    margin-bottom:19px;
    border:0
}
.navbar-toggler .icon-bar{
    background-color:#fff
}
.navbar-toggler .navbar-collapse,.navbar-toggler .navbar-form{
    border-color:transparent
}
.navbar-toggler.navbar-default .navbar-toggler:focus,.navbar-toggler.navbar-default .navbar-toggler:hover{
    background-color:transparent
}
.navbar-light .navbar-nav .nav-link:hover{
    color:#e3e3e3
}
.red{
    color:red
}
.collapse .navbar-text{
    line-height:55px
}
.navbar-default .navbar-brand{
    color:#66615b
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{
    color:#5e5e5e
}
.navbar-collapse.show .navbar-nav .nav-item{
    padding-right:100px
}
.nav-tabs-navigation:last-child{
    border-bottom:0 none
}
.nav-tabs-navigation:last-child .nav-stacked{
    border-right:1px solid #f1eae0;
    font-size:16px;
    font-weight:600;
    padding:20px 0
}
.nav-tabs-navigation:last-child .nav-stacked .nav-item .nav-link{
    padding:7px 25px
}
.dropdown .dropdown-menu,.navbar-nav>li>.dropdown-menu{
    transition:all .3s cubic-bezier(.215,.61,.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s
}
.navbar-toggler{
    outline:none!important;
    cursor:pointer
}
.navbar .navbar-toggler .navbar-toggler-bar{
    background:#000
}
.navbar.navbar-transparent .navbar-toggler .navbar-toggler-bar,.navbar[class*=bg-] .navbar-toggler .navbar-toggler-bar{
    background:#fff
}
.navbar-toggler .navbar-toggler-bar{
    display:block;
    position:relative;
    width:24px;
    height:2px;
    border-radius:1px;
    margin:0 auto
}
.navbar-toggler .navbar-toggler-bar+.navbar-toggler-bar,.navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon{
    margin-top:4px
}
.navbar .navbar-toggler{
    margin-top:24px
}
.navbar .navbar-burger{
    margin-top:20px
}
.navbar-toggler-icon{
    display:block;
    position:relative;
    width:24px;
    height:2px;
    border-radius:1px;
    margin:0 auto;
    background:grey
}
.no-transition{
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    -ms-transition:none;
    transition:none
}
#description-areas .nav-stacked .nav-link.active:before,#navtabs-row .nav-stacked .nav-link.active:before{
    border-right:11px solid #f1eae0;
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    content:"";
    display:inline-block;
    position:absolute;
    right:0;
    bottom:7px
}
#description-areas .nav-stacked .nav-link.active:after,#navtabs-row .nav-stacked .nav-link.active:after{
    border-right:11px solid #fff;
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    content:"";
    display:inline-block;
    position:absolute;
    right:-1px;
    bottom:7px
}
#second-tabs{
    margin-left:20px
}
.scroll-area{
    max-height:310px;
    overflow-y:scroll;
    list-style:outside none none;
    padding:0
}
.burger-menu .collapse .navbar-nav a{
    color:#333
}
.navbar-transparent{
    background:transparent!important;
    border-bottom:1px solid transparent;
    box-shadow:none
}
.navbar-transparent .dropdown-menu .divider{
    background-color:hsla(0,0%,100%,.2)
}
.section-navbars #menu-dropdown .navbar .navbar-toggler .navbar-toggler-icon{
    background:#fff
}
.nav-no-padding{
    padding-top:0!important
}
.dropdown .dropdown-menu{
    background-color:#fffcf5;
    border:0 none;
    border-radius:20px;
    display:block;
    margin-top:10px;
    padding:0;
    position:absolute;
    visibility:hidden;
    z-index:1000;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-box-shadow:0 2px rgba(17,16,15,.1),0 2px 10px rgba(17,16,15,.1);
    box-shadow:0 2px rgba(17,16,15,.1),0 2px 10px rgba(17,16,15,.1)
}
.dropdown .dropdown-menu .divider{
    background-color:#f1eae0;
    margin:0
}
.dropdown .dropdown-menu .dropdown-header{
    color:#9a9a9a;
    font-size:12px;
    padding:10px 15px
}
.dropdown .dropdown-menu .no-notification{
    color:#9a9a9a;
    font-size:1.2em;
    padding:30px 30px;
    text-align:center
}
.dropdown .dropdown-menu .dropdown-item{
    color:#000!important;
    font-size:14px;
    padding:10px 45px 10px 15px;
    clear:both;
    white-space:nowrap;
    width:100%;
    display:block
}
.dropdown .dropdown-menu .dropdown-item:hover{
    color:#fff!important
}
.dropdown .dropdown-menu .dropdown-item img{
    margin-top:-3px
}
.dropdown .dropdown-menu .dropdown-item a:focus{
    outline:0!important
}
.btn-group.select .dropdown .dropdown-menu{
    min-width:100%
}
.dropdown .dropdown-menu .dropdown-item:first-child,.dropdown .dropdown-menu .dropdown-item:first-child a{
    border-top-left-radius:20px;
    border-top-right-radius:20px
}
.dropdown .dropdown-menu .dropdown-item:last-child,.dropdown .dropdown-menu .dropdown-item:last-child a{
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px
}
.select .dropdown .dropdown-menu .dropdown-item:first-child{
    border-radius:0;
    border-bottom:0 none
}
.dropdown .dropdown-menu .dropdown-item a:focus,.dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff;
    opacity:1;
    text-decoration:none
}
.dropdown .dropdown-menu .dropdown-item:focus,.dropdown .dropdown-menu .dropdown-item:hover{
    background-color:#66615b
}
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:focus,.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover{
    background-color:#8ecfd5
}
.dropdown .dropdown-menu.dropdown-info .dropdown-item:focus,.dropdown .dropdown-menu.dropdown-info .dropdown-item:hover{
    background-color:#7ce4fe
}
.dropdown .dropdown-menu.dropdown-success .dropdown-item:focus,.dropdown .dropdown-menu.dropdown-success .dropdown-item:hover{
    background-color:#8ef3c5
}
.dropdown .dropdown-menu.dropdown-warning .dropdown-item:focus,.dropdown .dropdown-menu.dropdown-warning .dropdown-item:hover{
    background-color:#ffe28c
}
.dropdown .dropdown-menu.dropdown-danger .dropdown-item:focus,.dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover{
    background-color:#ff8f5e
}
.dropdown .dropdown-divider{
    margin:0!important
}
.dropdown:hover{
    cursor:pointer
}
.dropdown.show .dropdown-menu{
    opacity:1;
    filter:alpha(opacity=100);
    visibility:visible
}
.btn-group.select.open{
    overflow:visible
}
.dropdown-menu-right{
    right:-2px;
    left:auto
}
@media(min-width:768px){
    .navbar-form{
        margin-top:21px;
        margin-bottom:21px;
        padding-left:5px;
        padding-right:5px
    }
    .navbar-search-form{
        display:none
    }
    .dropdown-btn .dropdown-menu,.dropdown .dropdown-menu,.navbar-nav .dropdown-item .dropdown-menu{
        transform:translate3d(0,-40px,0);
        transition:all .3s cubic-bezier(.215,.61,.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s
    }
    .dropdown-btn.show .dropdown-menu,.dropdown.show .dropdown-menu,.navbar-nav .dropdown-item.show .dropdown-menu{
        transform:translateZ(0);
        visibility:visible!important
    }
    .bootstrap-select .dropdown-menu{
        -webkit-box-shadow:none;
        box-shadow:none;
        -webkit-transition:all .15s linear;
        -moz-transition:all .15s linear;
        -o-transition:all .15s linear;
        -ms-transition:all .15s linear;
        transition:all .15s linear
    }
    .bootstrap-datetimepicker-widget{
        visibility:visible!important;
        opacity:1;
        filter:alpha(opacity=100)
    }
    .dropup.show .dropdown-menu{
        -webkit-transform:translate3d(0,-10px,0);
        -moz-transform:translate3d(0,-10px,0);
        -o-transform:translate3d(0,-10px,0);
        -ms-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0);
        opacity:1;
        visibility:visible
    }
    .dropup .dropdown-menu{
        -webkit-transform:translate3d(0,30px,0);
        -moz-transform:translate3d(0,30px,0);
        -o-transform:translate3d(0,30px,0);
        -ms-transform:translate3d(0,30px,0);
        transform:translate3d(0,30px,0);
        opacity:0;
        visibility:hidden;
        display:block
    }
    .bootstrap-select .show .dropdown-menu,.dropup .dropdown-menu{
        transition:all .3s cubic-bezier(.215,.61,.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s
    }
    .bootstrap-select .show .dropdown-menu{
        transform:translateZ(0)
    }
    #dropdown-row .dropdown .dropdown-menu:before,.card-just-text .dropdown .dropdown-menu:before,.card.card-just-text .dropdown .dropdown-menu:before,.dropdown-btn .dropdown-menu:before,.navbar-nav .dropdown-menu:before{
        border-bottom:11px solid #f1eae0;
        border-left:11px solid transparent;
        border-right:11px solid transparent;
        content:"";
        display:inline-block;
        position:absolute;
        right:12px;
        top:-11px
    }
    #dropdown-row .dropdown .dropdown-menu:before{
        left:12px!important;
        right:auto
    }
    #dropdown-row .dropdown .dropdown-menu:after,.card-just-text .dropdown .dropdown-menu:after,.card.card-just-text .dropdown .dropdown-menu:after,.dropdown-btn .dropdown-menu:after,.navbar-nav .dropdown-menu:after{
        border-bottom:11px solid #fff;
        border-left:11px solid transparent;
        border-right:11px solid transparent;
        content:"";
        display:inline-block;
        position:absolute;
        right:12px;
        top:-10px
    }
    #dropdown-row .dropdown .dropdown-menu:after{
        left:12px!important;
        right:auto
    }
    #dropdown-row .dropdown .dropdown-menu{
        left:15px
    }
    .navbar-nav.navbar-right li .dropdown-menu:after,.navbar-nav.navbar-right li .dropdown-menu:before{
        left:auto;
        right:12px
    }
    .footer:not(.footer-big) nav ul li:first-child{
        margin-left:0
    }
    body>.navbar-collapse.collapse{
        display:none!important
    }
}
#navbar .dropdown-menu .dropdown-item{
    padding:3px 1.5rem!important
}
.dropdown-sharing li{
    color:#000;
    font-size:14px
}
.dropdown-sharing li .social-line{
    line-height:28px;
    padding:10px 20px 5px 20px
}
.dropdown-sharing li .social-line [class*=icon-]{
    font-size:20px
}
.dropdown-sharing li:focus .action-line,.dropdown-sharing li:focus .social-line,.dropdown-sharing li:focus a,.dropdown-sharing li:hover .action-line,.dropdown-sharing li:hover .social-line,.dropdown-sharing li:hover a{
    background-color:#fff;
    color:#000;
    opacity:1;
    text-decoration:none
}
.show .dropdown-sharing{
    margin-bottom:1px
}
.show .dropdown-sharing li:last-child{
    padding:10px 15px
}
.show .dropdown-actions{
    margin-bottom:1px
}
.dropdown-actions li{
    margin:-15px 35px
}
.dropdown-actions li .action-line{
    padding:5px 10px;
    line-height:24px;
    font-weight:700
}
.dropdown-actions li .action-line [class*=icon-]{
    font-size:24px
}
.dropdown-actions li .action-line .col-sm-9{
    line-height:34px
}
.dropdown-actions li .link-danger,.dropdown-actions li .link-danger:active,.dropdown-actions li .link-danger:focus,.dropdown-actions li .link-danger:hover{
    color:#eb5e28
}
.dropdown-actions li:focus a,.dropdown-actions li:hover a{
    color:#000;
    opacity:1;
    text-decoration:none
}
.dropdown-actions .action-line .icon-simple{
    margin-left:-15px
}
.dropup .dropdown-menu:before{
    border-top:11px solid #dcd9d1;
    bottom:-12px
}
.dropup .dropdown-menu:after,.dropup .dropdown-menu:before{
    border-left:11px solid transparent;
    border-right:11px solid transparent;
    content:"";
    display:inline-block;
    position:absolute;
    right:12px
}
.dropup .dropdown-menu:after{
    border-top:11px solid #fff;
    bottom:-11px
}
.dropdown .dropdown-toggle:after,.dropup .dropdown-toggle:after{
    margin-left:5px
}
.dropdown-notification .dropdown-notification-list li{
    border-bottom:1px solid #f1eae0;
    color:#66615b;
    font-size:16px;
    padding:10px 5px;
    width:330px
}
.dropdown-notification .dropdown-notification-list li a{
    color:#66615b;
    white-space:normal
}
.dropdown-notification .dropdown-notification-list li a .notification-text{
    padding-left:40px;
    position:relative
}
.dropdown-notification .dropdown-notification-list li a .notification-text .label{
    display:block;
    position:absolute;
    top:50%;
    margin-top:-12px;
    left:7px
}
.dropdown-notification .dropdown-notification-list li a .notification-text .message{
    font-size:.9em;
    line-height:.7;
    margin-left:10px
}
.dropdown-notification .dropdown-notification-list li a .notification-text .time{
    color:#9a9a9a;
    font-size:.7em;
    margin-left:10px
}
.dropdown-notification .dropdown-notification-list li a .read-notification{
    font-size:12px;
    opacity:0;
    position:absolute;
    right:5px;
    top:50%;
    margin-top:-12px
}
.dropdown-notification .dropdown-notification-list li:hover{
    background-color:#f0efeb;
    color:#66615b;
    opacity:1;
    text-decoration:none
}
.dropdown-notification .dropdown-notification-list li:hover .read-notification{
    opacity:1!important
}
.dropdown-notification .dropdown-footer{
    background-color:#e8e7e3;
    border-radius:0 0 8px 8px
}
.dropdown-notification .dropdown-footer .dropdown-footer-menu{
    list-style:outside none none;
    padding:0 5px
}
.dropdown-notification .dropdown-footer .dropdown-footer-menu li{
    display:inline-block;
    text-align:left;
    padding:0 10px
}
.dropdown-notification .dropdown-footer .dropdown-footer-menu li a{
    color:#9c9b99;
    font-size:.9em;
    line-height:35px
}
.navbar-nav.mr-auto .dropdown-menu:after,.navbar-nav.mr-auto .dropdown-menu:before{
    left:12px!important;
    right:auto
}
.card-col{
    display:flex;
    justify-content:stretch
}
.card{
    border-radius:20px;
    box-shadow:0 2px 2px rgba(204,197,185,.5);
    background-color:#b4a1e8;
    color:#252422;
    margin-bottom:20px;
    position:relative;
    z-index:1;
    border:none;
    padding:20px;
    width: 100%;
    aspect-ratio: 16/12;
    image-rendering: inherit;
}

.card h2, .card h5, .card p, .topic-row h2 {
    font-family:"Poppins",sans-serif !important;
}
.card .card-image{
    width:100%;
    border-radius:20px 20px 0 0;
    position:relative;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
    text-align:center
}
.card .card-image img{
    width:70%
}
.card .card-body{
    padding:15px 15px 10px 15px
}
.card .card-header{
    padding:20px 20px 0;
    border-bottom:0;
    background-color:transparent
}
.card .card-footer{
    background-color:rgba(140,121,234,.9);
    border-radius:10px;
    position:absolute;
    left:50%;
    transform:translate(-50%);
    bottom:25px;
    width:90%;
    border: 0;
}
.card .card-footer h2,.card .card-footer h5,.card .card-footer p{
    color:#fff;
    margin:5px 0 15px
}
.card .card-footer .card-footer-inline{
    display:flex;
    justify-content:space-between;
    align-items: center;
}
.card .card-footer .card-footer-inline img{
    width:100%
}
.card .card-footer .card-footer-inline a {
    width: 60px;
    transition: all ease 0.2s;
}
.card .card-footer .card-footer-inline a:hover {
    transform: scale(1.15);
    transition: all ease 0.2s;
}
.card .description{
    font-size:16px;
    color:#000
}
.card h6{
    font-size:12px;
    margin:0
}
.card .card-category,.card label{
    font-size:14px;
    font-weight:400;
    color:#9a9a9a;
    margin-bottom:0
}
.card .card-category i,.card label i{
    font-size:16px
}
.card label{
    font-size:15px;
    margin-bottom:5px
}
.card .card-title{
    margin:0;
    color:#252422;
    font-weight:300
}
.card .avatar{
    width:50px;
    height:50px;
    overflow:hidden;
    border-radius:50%;
    margin-right:5px
}
.card .footer{
    padding:0;
    line-height:30px
}
.card .footer .legend{
    padding:5px 0
}
.card .footer hr{
    margin-top:5px;
    margin-bottom:5px
}
.card .stats{
    color:#a9a9a9;
    font-weight:300
}
.card .stats i{
    margin-right:2px;
    min-width:15px
}
.card .footer div,.card .stats i{
    display:inline-block
}
.card .author{
    font-size:12px;
    font-weight:600;
    text-transform:uppercase
}
.card .author i{
    font-size:14px
}
.card.card-separator:after{
    height:100%;
    right:-15px;
    top:0;
    width:1px;
    background-color:#ddd;
    content:"";
    position:absolute
}
.card .ct-chart{
    margin:30px 0 30px;
    height:245px
}
.card .table tbody td:first-child,.card .table tfoot td:first-child,.card .table tfoot th:first-child,.card .table thead td:first-child,.card .table thead th:first-child{
    padding-left:15px
}
.card .table tbody td:last-child,.card .table tfoot td:last-child,.card .table tfoot th:last-child,.card .table thead td:last-child,.card .table thead th:last-child{
    padding-right:15px
}
.card .alert{
    border-radius:4px;
    position:relative
}
.card .alert.alert-with-icon{
    padding-left:65px
}
.card .icon-big{
    font-size:3em;
    min-height:64px
}
.card .numbers{
    font-size:2em;
    text-align:right
}
.card .numbers p{
    margin:0
}
.card ul.team-members li{
    padding:10px 0
}
.card ul.team-members li:not(:last-child){
    border-bottom:1px solid #f1eae0
}
.card-user .image{
    border-radius:8px 8px 0 0;
    height:150px;
    position:relative;
    overflow:hidden
}
.card-user .image img{
    width:100%
}
.card-user .image-plain{
    height:0;
    margin-top:110px
}
.card-user .author{
    text-align:center;
    text-transform:none;
    margin-top:-65px
}
.card-user .author .title{
    color:#403d39
}
.card-user .author .title small{
    color:#ccc5b9
}
.card-user .avatar{
    width:100px;
    height:100px;
    border-radius:50%;
    position:relative;
    margin-bottom:15px
}
.card-user .avatar.border-white{
    border:5px solid #fff
}
.card-user .avatar.border-gray{
    border:5px solid #ccc5b9
}
.card-user .card-title{
    font-weight:600;
    line-height:24px
}
.card-user .description{
    margin-top:10px
}
.card-user .card-body{
    min-height:200px
}
.card-user.card-plain .avatar{
    height:190px;
    width:190px
}
.card-map .map{
    height:500px;
    padding-top:20px
}
.card-map .map>div{
    height:100%
}
.card-price .card-footer,.card-user .card-footer{
    padding:5px 15px 10px
}
.card-price hr,.card-user hr{
    margin:5px 15px
}
.card-plain{
    background-color:transparent;
    box-shadow:none;
    border-radius:0
}
.card-plain .image{
    border-radius:4px
}
.ct-label{
    fill:rgba(0,0,0,.4);
    color:rgba(0,0,0,.4);
    font-size:.9em;
    line-height:1
}
.ct-chart-bar .ct-label,.ct-chart-line .ct-label{
    display:block;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.ct-label.ct-horizontal.ct-start{
    -webkit-box-align:flex-end;
    -webkit-align-items:flex-end;
    -ms-flex-align:flex-end;
    align-items:flex-end
}
.ct-label.ct-horizontal.ct-end,.ct-label.ct-horizontal.ct-start{
    -webkit-box-pack:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:flex-start;
    justify-content:flex-start;
    text-align:left;
    text-anchor:start
}
.ct-label.ct-horizontal.ct-end{
    -webkit-box-align:flex-start;
    -webkit-align-items:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start
}
.ct-label.ct-vertical.ct-start{
    -webkit-box-align:flex-end;
    -webkit-align-items:flex-end;
    -ms-flex-align:flex-end;
    align-items:flex-end;
    -webkit-box-pack:flex-end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:flex-end;
    justify-content:flex-end;
    text-align:right;
    text-anchor:end
}
.ct-label.ct-vertical.ct-end{
    -webkit-box-pack:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:flex-start;
    justify-content:flex-start;
    text-align:left
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start,.ct-label.ct-vertical.ct-end{
    -webkit-box-align:flex-end;
    -webkit-align-items:flex-end;
    -ms-flex-align:flex-end;
    align-items:flex-end;
    text-anchor:start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end,.ct-chart-bar .ct-label.ct-horizontal.ct-start{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end{
    -webkit-box-align:flex-start;
    -webkit-align-items:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
    text-anchor:start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{
    -webkit-box-align:flex-end;
    -webkit-align-items:flex-end;
    -ms-flex-align:flex-end;
    align-items:flex-end
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end,.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{
    -webkit-box-pack:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:flex-start;
    justify-content:flex-start;
    text-align:left;
    text-anchor:start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{
    -webkit-box-align:flex-start;
    -webkit-align-items:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:flex-end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:flex-end;
    justify-content:flex-end;
    text-align:right;
    text-anchor:end
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:flex-start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:flex-start;
    justify-content:flex-start;
    text-align:left;
    text-anchor:end
}
.ct-grid{
    stroke:rgba(0,0,0,.2);
    stroke-width:1px;
    stroke-dasharray:2px
}
.ct-point{
    stroke-width:10px;
    stroke-linecap:round
}
.ct-line{
    fill:none;
    stroke-width:4px
}
.ct-area{
    stroke:none;
    fill-opacity:.7
}
.ct-bar{
    fill:none;
    stroke-width:10px
}
.ct-slice-donut{
    fill:none;
    stroke-width:60px
}
.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{
    stroke:#8c79ea
}
.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{
    fill:#8c79ea
}
.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{
    stroke:#f3bb45
}
.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{
    fill:#f3bb45
}
.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{
    stroke:#eb5e28
}
.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{
    fill:#eb5e28
}
.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{
    stroke:#41b883
}
.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{
    fill:#41b883
}
.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{
    stroke:#7a9e9f
}
.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{
    fill:#7a9e9f
}
.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{
    stroke:rgba(140,121,234,.8)
}
.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{
    fill:rgba(140,121,234,.8)
}
.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{
    stroke:rgba(65,184,131,.8)
}
.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{
    fill:rgba(65,184,131,.8)
}
.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{
    stroke:rgba(243,187,69,.8)
}
.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{
    fill:rgba(243,187,69,.8)
}
.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{
    stroke:rgba(235,94,40,.8)
}
.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{
    fill:rgba(235,94,40,.8)
}
.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{
    stroke:rgba(122,158,159,.8)
}
.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{
    fill:rgba(122,158,159,.8)
}
.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{
    stroke:rgba(140,121,234,.6)
}
.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{
    fill:rgba(140,121,234,.6)
}
.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{
    stroke:rgba(65,184,131,.6)
}
.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{
    fill:rgba(65,184,131,.6)
}
.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{
    stroke:rgba(243,187,69,.6)
}
.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{
    fill:rgba(243,187,69,.6)
}
.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{
    stroke:rgba(235,94,40,.6)
}
.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{
    fill:rgba(235,94,40,.6)
}
.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{
    stroke:rgba(122,158,159,.6)
}
.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{
    fill:rgba(122,158,159,.6)
}
.ct-square{
    display:block;
    position:relative;
    width:100%
}
.ct-square:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:100%
}
.ct-square:after{
    content:"";
    display:table;
    clear:both
}
.ct-square>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-second{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-second:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:93.75%
}
.ct-minor-second:after{
    content:"";
    display:table;
    clear:both
}
.ct-minor-second>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-second{
    display:block;
    position:relative;
    width:100%
}
.ct-major-second:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:88.8888888889%
}
.ct-major-second:after{
    content:"";
    display:table;
    clear:both
}
.ct-major-second>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-third{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-third:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:83.3333333333%
}
.ct-minor-third:after{
    content:"";
    display:table;
    clear:both
}
.ct-minor-third>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-third{
    display:block;
    position:relative;
    width:100%
}
.ct-major-third:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:80%
}
.ct-major-third:after{
    content:"";
    display:table;
    clear:both
}
.ct-major-third>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-perfect-fourth{
    display:block;
    position:relative;
    width:100%
}
.ct-perfect-fourth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:75%
}
.ct-perfect-fourth:after{
    content:"";
    display:table;
    clear:both
}
.ct-perfect-fourth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-perfect-fifth{
    display:block;
    position:relative;
    width:100%
}
.ct-perfect-fifth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:66.6666666667%
}
.ct-perfect-fifth:after{
    content:"";
    display:table;
    clear:both
}
.ct-perfect-fifth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-sixth{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-sixth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:62.5%
}
.ct-minor-sixth:after{
    content:"";
    display:table;
    clear:both
}
.ct-minor-sixth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-golden-section{
    display:block;
    position:relative;
    width:100%
}
.ct-golden-section:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:61.804697157%
}
.ct-golden-section:after{
    content:"";
    display:table;
    clear:both
}
.ct-golden-section>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-sixth{
    display:block;
    position:relative;
    width:100%
}
.ct-major-sixth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:60%
}
.ct-major-sixth:after{
    content:"";
    display:table;
    clear:both
}
.ct-major-sixth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-seventh{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-seventh:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:56.25%
}
.ct-minor-seventh:after{
    content:"";
    display:table;
    clear:both
}
.ct-minor-seventh>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-seventh{
    display:block;
    position:relative;
    width:100%
}
.ct-major-seventh:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:53.3333333333%
}
.ct-major-seventh:after{
    content:"";
    display:table;
    clear:both
}
.ct-major-seventh>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-octave{
    display:block;
    position:relative;
    width:100%
}
.ct-octave:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:50%
}
.ct-octave:after{
    content:"";
    display:table;
    clear:both
}
.ct-octave>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-tenth{
    display:block;
    position:relative;
    width:100%
}
.ct-major-tenth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:40%
}
.ct-major-tenth:after{
    content:"";
    display:table;
    clear:both
}
.ct-major-tenth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-eleventh{
    display:block;
    position:relative;
    width:100%
}
.ct-major-eleventh:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:37.5%
}
.ct-major-eleventh:after{
    content:"";
    display:table;
    clear:both
}
.ct-major-eleventh>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-twelfth{
    display:block;
    position:relative;
    width:100%
}
.ct-major-twelfth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:33.3333333333%
}
.ct-major-twelfth:after{
    content:"";
    display:table;
    clear:both
}
.ct-major-twelfth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-double-octave{
    display:block;
    position:relative;
    width:100%
}
.ct-double-octave:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:25%
}
.ct-double-octave:after{
    content:"";
    display:table;
    clear:both
}
.ct-double-octave>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}

.showtablet {
    display: none;
}
@media(min-width:992px){
    .navbar{
        min-height:75px
    }
    .navbar-nav.nav-mobile-menu{
        display:none
    }
    .navbar-form{
        margin-top:21px;
        margin-bottom:21px;
        padding-left:5px;
        padding-right:5px
    }
    .navbar-search-form{
        display:none
    }
    .dropdown .dropdown-menu,.navbar-nav>li>.dropdown-menu{
        transform:translate3d(0,-40px,0);
        transition:all .3s cubic-bezier(.215,.61,.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s
    }
    .dropdown.show .dropdown-menu,.navbar-nav>li.show>.dropdown-menu{
        transform:translateZ(0)
    }
    .navbar-nav>li>.dropdown-menu:before{
        border-bottom:11px solid #f1eae0;
        top:-11px
    }
    .navbar-nav>li>.dropdown-menu:after,.navbar-nav>li>.dropdown-menu:before{
        border-left:11px solid transparent;
        border-right:11px solid transparent;
        content:"";
        display:inline-block;
        position:absolute;
        right:12px
    }
    .navbar-nav>li>.dropdown-menu:after{
        border-bottom:11px solid #fffcf5;
        top:-10px
    }
    .navbar-nav.navbar-left>li>.dropdown-menu:after,.navbar-nav.navbar-left>li>.dropdown-menu:before{
        right:auto;
        left:12px
    }
    .navbar .navbar-header{
        margin-left:10px
    }
    .footer:not(.footer-big) nav>ul li:first-child{
        margin-left:0
    }
    .card form [class*=col-]{
        padding:6px
    }
    .card form [class*=col-]:first-child{
        padding-left:15px
    }
    .card form [class*=col-]:last-child{
        padding-right:15px
    }
}
@media(max-width:991px){
    .settings-avatar {
        margin-bottom: 20px;
    }
    .main-panel{
        width:100%;
        margin-bottom: 105px;
    }
    .navbar-transparent{
        padding-top:15px;
        background-color:rgba(0,0,0,.45)
    }
    h6{
        font-size:1em
    }
    .wrapper{
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -o-transform:translateZ(0);
        -ms-transform:translateZ(0);
        transform:translateZ(0);
        background-color:#fff
    }
    .navbar .container,.wrapper{
        -webkit-transition:all .33s cubic-bezier(.685,.0473,.346,1);
        -moz-transition:all .33s cubic-bezier(.685,.0473,.346,1);
        -o-transition:all .33s cubic-bezier(.685,.0473,.346,1);
        -ms-transition:all .33s cubic-bezier(.685,.0473,.346,1);
        transition:all .33s cubic-bezier(.685,.0473,.346,1);
        left:0
    }
    .navbar .container{
        width:100%;
        position:relative
    }
    .navbar .navbar-collapse.collapse,.navbar .navbar-collapse.collapse.in,.navbar .navbar-collapse.collapsing{
        display:none!important
    }
    .navbar-nav>li{
        float:none;
        position:relative;
        display:block
    }
    .nav-open .navbar-collapse{
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -o-transform:translateZ(0);
        -ms-transform:translateZ(0);
        transform:translateZ(0)
    }
    .nav-open .sidebar{
        transition:all .5s cubic-bezier(.685,.0473,.346,1)
    }
    .navbar-toggle .icon-bar{
        display:block;
        position:relative;
        background:#fff;
        width:24px;
        height:2px;
        border-radius:1px;
        margin:0 auto
    }
    .navbar-header .navbar-toggle{
        margin:10px 15px 10px 0;
        width:40px;
        height:40px
    }
    .bar1,.bar2,.bar3{
        outline:1px solid transparent
    }
    .bar1{
        top:0;
        -webkit-animation:topbar-back .5s linear 0s;
        -moz-animation:topbar-back .5s linear 0s;
        animation:topbar-back .5s 0s;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards
    }
    .bar2{
        opacity:1
    }
    .bar3{
        bottom:0;
        -webkit-animation:bottombar-back .5s linear 0s;
        -moz-animation:bottombar-back .5s linear 0s;
        animation:bottombar-back .5s 0s;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards
    }
    .toggled .bar1{
        top:6px;
        -webkit-animation:topbar-x .5s linear 0s;
        -moz-animation:topbar-x .5s linear 0s;
        animation:topbar-x .5s 0s;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards
    }
    .toggled .bar2{
        opacity:0
    }
    .toggled .bar3{
        bottom:6px;
        -webkit-animation:bottombar-x .5s linear 0s;
        -moz-animation:bottombar-x .5s linear 0s;
        animation:bottombar-x .5s 0s;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards
    }
    @keyframes topbar-x{
        0%{
            top:0;
            transform:rotate(0deg)
        }
        45%{
            top:6px;
            transform:rotate(145deg)
        }
        75%{
            transform:rotate(130deg)
        }
        to{
            transform:rotate(135deg)
        }
    }
    @-webkit-keyframes topbar-x{
        0%{
            top:0;
            -webkit-transform:rotate(0deg)
        }
        45%{
            top:6px;
            -webkit-transform:rotate(145deg)
        }
        75%{
            -webkit-transform:rotate(130deg)
        }
        to{
            -webkit-transform:rotate(135deg)
        }
    }
    @-moz-keyframes topbar-x{
        0%{
            top:0;
            -moz-transform:rotate(0deg)
        }
        45%{
            top:6px;
            -moz-transform:rotate(145deg)
        }
        75%{
            -moz-transform:rotate(130deg)
        }
        to{
            -moz-transform:rotate(135deg)
        }
    }
    @keyframes topbar-back{
        0%{
            top:6px;
            transform:rotate(135deg)
        }
        45%{
            transform:rotate(-10deg)
        }
        75%{
            transform:rotate(5deg)
        }
        to{
            top:0;
            transform:rotate(0)
        }
    }
    @-webkit-keyframes topbar-back{
        0%{
            top:6px;
            -webkit-transform:rotate(135deg)
        }
        45%{
            -webkit-transform:rotate(-10deg)
        }
        75%{
            -webkit-transform:rotate(5deg)
        }
        to{
            top:0;
            -webkit-transform:rotate(0)
        }
    }
    @-moz-keyframes topbar-back{
        0%{
            top:6px;
            -moz-transform:rotate(135deg)
        }
        45%{
            -moz-transform:rotate(-10deg)
        }
        75%{
            -moz-transform:rotate(5deg)
        }
        to{
            top:0;
            -moz-transform:rotate(0)
        }
    }
    @keyframes bottombar-x{
        0%{
            bottom:0;
            transform:rotate(0deg)
        }
        45%{
            bottom:6px;
            transform:rotate(-145deg)
        }
        75%{
            transform:rotate(-130deg)
        }
        to{
            transform:rotate(-135deg)
        }
    }
    @-webkit-keyframes bottombar-x{
        0%{
            bottom:0;
            -webkit-transform:rotate(0deg)
        }
        45%{
            bottom:6px;
            -webkit-transform:rotate(-145deg)
        }
        75%{
            -webkit-transform:rotate(-130deg)
        }
        to{
            -webkit-transform:rotate(-135deg)
        }
    }
    @-moz-keyframes bottombar-x{
        0%{
            bottom:0;
            -moz-transform:rotate(0deg)
        }
        45%{
            bottom:6px;
            -moz-transform:rotate(-145deg)
        }
        75%{
            -moz-transform:rotate(-130deg)
        }
        to{
            -moz-transform:rotate(-135deg)
        }
    }
    @keyframes bottombar-back{
        0%{
            bottom:6px;
            transform:rotate(-135deg)
        }
        45%{
            transform:rotate(10deg)
        }
        75%{
            transform:rotate(-5deg)
        }
        to{
            bottom:0;
            transform:rotate(0)
        }
    }
    @-webkit-keyframes bottombar-back{
        0%{
            bottom:6px;
            -webkit-transform:rotate(-135deg)
        }
        45%{
            -webkit-transform:rotate(10deg)
        }
        75%{
            -webkit-transform:rotate(-5deg)
        }
        to{
            bottom:0;
            -webkit-transform:rotate(0)
        }
    }
    @-moz-keyframes bottombar-back{
        0%{
            bottom:6px;
            -moz-transform:rotate(-135deg)
        }
        45%{
            -moz-transform:rotate(10deg)
        }
        75%{
            -moz-transform:rotate(-5deg)
        }
        to{
            bottom:0;
            -moz-transform:rotate(0)
        }
    }
    @-webkit-keyframes fadeIn{
        0%{
            opacity:0
        }
        to{
            opacity:1
        }
    }
    @-moz-keyframes fadeIn{
        0%{
            opacity:0
        }
        to{
            opacity:1
        }
    }
    @keyframes fadeIn{
        0%{
            opacity:0
        }
        to{
            opacity:1
        }
    }
    .dropdown-menu .divider{
        background-color:hsla(0,0%,89.8%,.15)
    }
    .navbar-nav{
        margin:1px 0
    }
    .dropdown-menu{
        display:none
    }
    .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
        background-color:transparent
    }
    #bodyClick{
        height:100%;
        width:100%;
        position:fixed;
        opacity:0;
        top:0;
        left:auto;
        right:230px;
        content:"";
        z-index:9999;
        overflow-x:hidden
    }
    .form-control+.form-control-feedback{
        margin-top:-8px
    }
    .navbar-toggle:focus,.navbar-toggle:hover{
        background-color:transparent!important
    }
    .btn.dropdown-toggle{
        margin-bottom:0
    }
    .media-post .author{
        width:20%;
        float:none!important;
        display:block;
        margin:0 auto 10px
    }
    .media-post .media-body{
        width:100%
    }
    .navbar-collapse.collapse{
        height:100%!important
    }
    .navbar-collapse.collapse.in{
        display:block
    }
    .navbar-header .collapse,.navbar-toggle{
        display:block!important
    }
    .navbar-header{
        float:none
    }
    .navbar-nav.nav-mobile-menu .dropdown,.navbar-nav.nav-mobile-menu .dropdown-menu,.navbar-nav.nav-mobile-menu .dropdown-menu.show,.navbar-nav.nav-mobile-menu .dropdown.show{
        transition:none
    }
    .navbar-nav.nav-mobile-menu .show .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-nav.nav-mobile-menu .show .dropdown-menu .dropdown-item{
        margin-left:20px;
        color:#fff!important;
        opacity:.7
    }
    .main-panel>.content{
        padding-left:0;
        padding-right:0
    }
    .nav .show>a,.nav .show>a:focus,.nav .show>a:hover{
        background-color:transparent
    }
    .footer .copyright{
        padding:0 15px;
        width:100%
    }
}
@media(min-width:992px){
    .table-full-width{
        margin-left:-15px;
        margin-right:-15px
    }
    .table-responsive{
        overflow:visible
    }
}
@media(max-width:991px){
    .table-responsive{
        width:100%;
        margin-bottom:15px;
        border:1px solid #ddd;
        overflow-x:scroll;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        -webkit-overflow-scrolling:touch
    }
}
@font-face{
    font-family:themify;
    src:url(../fonts/themify.2c454669.eot);
    src:url(../fonts/themify.2c454669.eot) format("embedded-opentype"),url(../fonts/themify.a1ecc3b8.woff) format("woff"),url(../fonts/themify.ttf) format("truetype"),url(../img/themify.svg) format("svg");
    font-weight:400;
    font-style:normal
}
[class*=" ti-"],[class^=ti-]{
    font-family:themify;
    speak:none;
    font-style:normal;
    font-weight:700;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.ti-wand:before{
    content:"\E600"
}
.ti-volume:before{
    content:"\E601"
}
.ti-user:before{
    content:"\E602"
}
.ti-unlock:before{
    content:"\E603"
}
.ti-unlink:before{
    content:"\E604"
}
.ti-trash:before{
    content:"\E605"
}
.ti-thought:before{
    content:"\E606"
}
.ti-target:before{
    content:"\E607"
}
.ti-tag:before{
    content:"\E608"
}
.ti-tablet:before{
    content:"\E609"
}
.ti-star:before{
    content:"\E60A"
}
.ti-spray:before{
    content:"\E60B"
}
.ti-signal:before{
    content:"\E60C"
}
.ti-shopping-cart:before{
    content:"\E60D"
}
.ti-shopping-cart-full:before{
    content:"\E60E"
}
.ti-settings:before{
    content:"\E60F"
}
.ti-search:before{
    content:"\E610"
}
.ti-zoom-in:before{
    content:"\E611"
}
.ti-zoom-out:before{
    content:"\E612"
}
.ti-cut:before{
    content:"\E613"
}
.ti-ruler:before{
    content:"\E614"
}
.ti-ruler-pencil:before{
    content:"\E615"
}
.ti-ruler-alt:before{
    content:"\E616"
}
.ti-bookmark:before{
    content:"\E617"
}
.ti-bookmark-alt:before{
    content:"\E618"
}
.ti-reload:before{
    content:"\E619"
}
.ti-plus:before{
    content:"\E61A"
}
.ti-pin:before{
    content:"\E61B"
}
.ti-pencil:before{
    content:"\E61C"
}
.ti-pencil-alt:before{
    content:"\E61D"
}
.ti-paint-roller:before{
    content:"\E61E"
}
.ti-paint-bucket:before{
    content:"\E61F"
}
.ti-na:before{
    content:"\E620"
}
.ti-mobile:before{
    content:"\E621"
}
.ti-minus:before{
    content:"\E622"
}
.ti-medall:before{
    content:"\E623"
}
.ti-medall-alt:before{
    content:"\E624"
}
.ti-marker:before{
    content:"\E625"
}
.ti-marker-alt:before{
    content:"\E626"
}
.ti-arrow-up:before{
    content:"\E627"
}
.ti-arrow-right:before{
    content:"\E628"
}
.ti-arrow-left:before{
    content:"\E629"
}
.ti-arrow-down:before{
    content:"\E62A"
}
.ti-lock:before{
    content:"\E62B"
}
.ti-location-arrow:before{
    content:"\E62C"
}
.ti-link:before{
    content:"\E62D"
}
.ti-layout:before{
    content:"\E62E"
}
.ti-layers:before{
    content:"\E62F"
}
.ti-layers-alt:before{
    content:"\E630"
}
.ti-key:before{
    content:"\E631"
}
.ti-import:before{
    content:"\E632"
}
.ti-image:before{
    content:"\E633"
}
.ti-heart:before{
    content:"\E634"
}
.ti-heart-broken:before{
    content:"\E635"
}
.ti-hand-stop:before{
    content:"\E636"
}
.ti-hand-open:before{
    content:"\E637"
}
.ti-hand-drag:before{
    content:"\E638"
}
.ti-folder:before{
    content:"\E639"
}
.ti-flag:before{
    content:"\E63A"
}
.ti-flag-alt:before{
    content:"\E63B"
}
.ti-flag-alt-2:before{
    content:"\E63C"
}
.ti-eye:before{
    content:"\E63D"
}
.ti-export:before{
    content:"\E63E"
}
.ti-exchange-vertical:before{
    content:"\E63F"
}
.ti-desktop:before{
    content:"\E640"
}
.ti-cup:before{
    content:"\E641"
}
.ti-crown:before{
    content:"\E642"
}
.ti-comments:before{
    content:"\E643"
}
.ti-comment:before{
    content:"\E644"
}
.ti-comment-alt:before{
    content:"\E645"
}
.ti-close:before{
    content:"\E646"
}
.ti-clip:before{
    content:"\E647"
}
.ti-angle-up:before{
    content:"\E648"
}
.ti-angle-right:before{
    content:"\E649"
}
.ti-angle-left:before{
    content:"\E64A"
}
.ti-angle-down:before{
    content:"\E64B"
}
.ti-check:before{
    content:"\E64C"
}
.ti-check-box:before{
    content:"\E64D"
}
.ti-camera:before{
    content:"\E64E"
}
.ti-announcement:before{
    content:"\E64F"
}
.ti-brush:before{
    content:"\E650"
}
.ti-briefcase:before{
    content:"\E651"
}
.ti-bolt:before{
    content:"\E652"
}
.ti-bolt-alt:before{
    content:"\E653"
}
.ti-blackboard:before{
    content:"\E654"
}
.ti-bag:before{
    content:"\E655"
}
.ti-move:before{
    content:"\E656"
}
.ti-arrows-vertical:before{
    content:"\E657"
}
.ti-arrows-horizontal:before{
    content:"\E658"
}
.ti-fullscreen:before{
    content:"\E659"
}
.ti-arrow-top-right:before{
    content:"\E65A"
}
.ti-arrow-top-left:before{
    content:"\E65B"
}
.ti-arrow-circle-up:before{
    content:"\E65C"
}
.ti-arrow-circle-right:before{
    content:"\E65D"
}
.ti-arrow-circle-left:before{
    content:"\E65E"
}
.ti-arrow-circle-down:before{
    content:"\E65F"
}
.ti-angle-double-up:before{
    content:"\E660"
}
.ti-angle-double-right:before{
    content:"\E661"
}
.ti-angle-double-left:before{
    content:"\E662"
}
.ti-angle-double-down:before{
    content:"\E663"
}
.ti-zip:before{
    content:"\E664"
}
.ti-world:before{
    content:"\E665"
}
.ti-wheelchair:before{
    content:"\E666"
}
.ti-view-list:before{
    content:"\E667"
}
.ti-view-list-alt:before{
    content:"\E668"
}
.ti-view-grid:before{
    content:"\E669"
}
.ti-uppercase:before{
    content:"\E66A"
}
.ti-upload:before{
    content:"\E66B"
}
.ti-underline:before{
    content:"\E66C"
}
.ti-truck:before{
    content:"\E66D"
}
.ti-timer:before{
    content:"\E66E"
}
.ti-ticket:before{
    content:"\E66F"
}
.ti-thumb-up:before{
    content:"\E670"
}
.ti-thumb-down:before{
    content:"\E671"
}
.ti-text:before{
    content:"\E672"
}
.ti-stats-up:before{
    content:"\E673"
}
.ti-stats-down:before{
    content:"\E674"
}
.ti-split-v:before{
    content:"\E675"
}
.ti-split-h:before{
    content:"\E676"
}
.ti-smallcap:before{
    content:"\E677"
}
.ti-shine:before{
    content:"\E678"
}
.ti-shift-right:before{
    content:"\E679"
}
.ti-shift-left:before{
    content:"\E67A"
}
.ti-shield:before{
    content:"\E67B"
}
.ti-notepad:before{
    content:"\E67C"
}
.ti-server:before{
    content:"\E67D"
}
.ti-quote-right:before{
    content:"\E67E"
}
.ti-quote-left:before{
    content:"\E67F"
}
.ti-pulse:before{
    content:"\E680"
}
.ti-printer:before{
    content:"\E681"
}
.ti-power-off:before{
    content:"\E682"
}
.ti-plug:before{
    content:"\E683"
}
.ti-pie-chart:before{
    content:"\E684"
}
.ti-paragraph:before{
    content:"\E685"
}
.ti-panel:before{
    content:"\E686"
}
.ti-package:before{
    content:"\E687"
}
.ti-music:before{
    content:"\E688"
}
.ti-music-alt:before{
    content:"\E689"
}
.ti-mouse:before{
    content:"\E68A"
}
.ti-mouse-alt:before{
    content:"\E68B"
}
.ti-money:before{
    content:"\E68C"
}
.ti-microphone:before{
    content:"\E68D"
}
.ti-menu:before{
    content:"\E68E"
}
.ti-menu-alt:before{
    content:"\E68F"
}
.ti-map:before{
    content:"\E690"
}
.ti-map-alt:before{
    content:"\E691"
}
.ti-loop:before{
    content:"\E692"
}
.ti-location-pin:before{
    content:"\E693"
}
.ti-list:before{
    content:"\E694"
}
.ti-light-bulb:before{
    content:"\E695"
}
.ti-Italic:before{
    content:"\E696"
}
.ti-info:before{
    content:"\E697"
}
.ti-infinite:before{
    content:"\E698"
}
.ti-id-badge:before{
    content:"\E699"
}
.ti-hummer:before{
    content:"\E69A"
}
.ti-home:before{
    content:"\E69B"
}
.ti-help:before{
    content:"\E69C"
}
.ti-headphone:before{
    content:"\E69D"
}
.ti-harddrives:before{
    content:"\E69E"
}
.ti-harddrive:before{
    content:"\E69F"
}
.ti-gift:before{
    content:"\E6A0"
}
.ti-game:before{
    content:"\E6A1"
}
.ti-filter:before{
    content:"\E6A2"
}
.ti-files:before{
    content:"\E6A3"
}
.ti-file:before{
    content:"\E6A4"
}
.ti-eraser:before{
    content:"\E6A5"
}
.ti-envelope:before{
    content:"\E6A6"
}
.ti-download:before{
    content:"\E6A7"
}
.ti-direction:before{
    content:"\E6A8"
}
.ti-direction-alt:before{
    content:"\E6A9"
}
.ti-dashboard:before{
    content:"\E6AA"
}
.ti-control-stop:before{
    content:"\E6AB"
}
.ti-control-shuffle:before{
    content:"\E6AC"
}
.ti-control-play:before{
    content:"\E6AD"
}
.ti-control-pause:before{
    content:"\E6AE"
}
.ti-control-forward:before{
    content:"\E6AF"
}
.ti-control-backward:before{
    content:"\E6B0"
}
.ti-cloud:before{
    content:"\E6B1"
}
.ti-cloud-up:before{
    content:"\E6B2"
}
.ti-cloud-down:before{
    content:"\E6B3"
}
.ti-clipboard:before{
    content:"\E6B4"
}
.ti-car:before{
    content:"\E6B5"
}
.ti-calendar:before{
    content:"\E6B6"
}
.ti-book:before{
    content:"\E6B7"
}
.ti-bell:before{
    content:"\E6B8"
}
.ti-basketball:before{
    content:"\E6B9"
}
.ti-bar-chart:before{
    content:"\E6BA"
}
.ti-bar-chart-alt:before{
    content:"\E6BB"
}
.ti-back-right:before{
    content:"\E6BC"
}
.ti-back-left:before{
    content:"\E6BD"
}
.ti-arrows-corner:before{
    content:"\E6BE"
}
.ti-archive:before{
    content:"\E6BF"
}
.ti-anchor:before{
    content:"\E6C0"
}
.ti-align-right:before{
    content:"\E6C1"
}
.ti-align-left:before{
    content:"\E6C2"
}
.ti-align-justify:before{
    content:"\E6C3"
}
.ti-align-center:before{
    content:"\E6C4"
}
.ti-alert:before{
    content:"\E6C5"
}
.ti-alarm-clock:before{
    content:"\E6C6"
}
.ti-agenda:before{
    content:"\E6C7"
}
.ti-write:before{
    content:"\E6C8"
}
.ti-window:before{
    content:"\E6C9"
}
.ti-widgetized:before{
    content:"\E6CA"
}
.ti-widget:before{
    content:"\E6CB"
}
.ti-widget-alt:before{
    content:"\E6CC"
}
.ti-wallet:before{
    content:"\E6CD"
}
.ti-video-clapper:before{
    content:"\E6CE"
}
.ti-video-camera:before{
    content:"\E6CF"
}
.ti-vector:before{
    content:"\E6D0"
}
.ti-themify-logo:before{
    content:"\E6D1"
}
.ti-themify-favicon:before{
    content:"\E6D2"
}
.ti-themify-favicon-alt:before{
    content:"\E6D3"
}
.ti-support:before{
    content:"\E6D4"
}
.ti-stamp:before{
    content:"\E6D5"
}
.ti-split-v-alt:before{
    content:"\E6D6"
}
.ti-slice:before{
    content:"\E6D7"
}
.ti-shortcode:before{
    content:"\E6D8"
}
.ti-shift-right-alt:before{
    content:"\E6D9"
}
.ti-shift-left-alt:before{
    content:"\E6DA"
}
.ti-ruler-alt-2:before{
    content:"\E6DB"
}
.ti-receipt:before{
    content:"\E6DC"
}
.ti-pin2:before{
    content:"\E6DD"
}
.ti-pin-alt:before{
    content:"\E6DE"
}
.ti-pencil-alt2:before{
    content:"\E6DF"
}
.ti-palette:before{
    content:"\E6E0"
}
.ti-more:before{
    content:"\E6E1"
}
.ti-more-alt:before{
    content:"\E6E2"
}
.ti-microphone-alt:before{
    content:"\E6E3"
}
.ti-magnet:before{
    content:"\E6E4"
}
.ti-line-double:before{
    content:"\E6E5"
}
.ti-line-dotted:before{
    content:"\E6E6"
}
.ti-line-dashed:before{
    content:"\E6E7"
}
.ti-layout-width-full:before{
    content:"\E6E8"
}
.ti-layout-width-default:before{
    content:"\E6E9"
}
.ti-layout-width-default-alt:before{
    content:"\E6EA"
}
.ti-layout-tab:before{
    content:"\E6EB"
}
.ti-layout-tab-window:before{
    content:"\E6EC"
}
.ti-layout-tab-v:before{
    content:"\E6ED"
}
.ti-layout-tab-min:before{
    content:"\E6EE"
}
.ti-layout-slider:before{
    content:"\E6EF"
}
.ti-layout-slider-alt:before{
    content:"\E6F0"
}
.ti-layout-sidebar-right:before{
    content:"\E6F1"
}
.ti-layout-sidebar-none:before{
    content:"\E6F2"
}
.ti-layout-sidebar-left:before{
    content:"\E6F3"
}
.ti-layout-placeholder:before{
    content:"\E6F4"
}
.ti-layout-menu:before{
    content:"\E6F5"
}
.ti-layout-menu-v:before{
    content:"\E6F6"
}
.ti-layout-menu-separated:before{
    content:"\E6F7"
}
.ti-layout-menu-full:before{
    content:"\E6F8"
}
.ti-layout-media-right-alt:before{
    content:"\E6F9"
}
.ti-layout-media-right:before{
    content:"\E6FA"
}
.ti-layout-media-overlay:before{
    content:"\E6FB"
}
.ti-layout-media-overlay-alt:before{
    content:"\E6FC"
}
.ti-layout-media-overlay-alt-2:before{
    content:"\E6FD"
}
.ti-layout-media-left-alt:before{
    content:"\E6FE"
}
.ti-layout-media-left:before{
    content:"\E6FF"
}
.ti-layout-media-center-alt:before{
    content:"\E700"
}
.ti-layout-media-center:before{
    content:"\E701"
}
.ti-layout-list-thumb:before{
    content:"\E702"
}
.ti-layout-list-thumb-alt:before{
    content:"\E703"
}
.ti-layout-list-post:before{
    content:"\E704"
}
.ti-layout-list-large-image:before{
    content:"\E705"
}
.ti-layout-line-solid:before{
    content:"\E706"
}
.ti-layout-grid4:before{
    content:"\E707"
}
.ti-layout-grid3:before{
    content:"\E708"
}
.ti-layout-grid2:before{
    content:"\E709"
}
.ti-layout-grid2-thumb:before{
    content:"\E70A"
}
.ti-layout-cta-right:before{
    content:"\E70B"
}
.ti-layout-cta-left:before{
    content:"\E70C"
}
.ti-layout-cta-center:before{
    content:"\E70D"
}
.ti-layout-cta-btn-right:before{
    content:"\E70E"
}
.ti-layout-cta-btn-left:before{
    content:"\E70F"
}
.ti-layout-column4:before{
    content:"\E710"
}
.ti-layout-column3:before{
    content:"\E711"
}
.ti-layout-column2:before{
    content:"\E712"
}
.ti-layout-accordion-separated:before{
    content:"\E713"
}
.ti-layout-accordion-merged:before{
    content:"\E714"
}
.ti-layout-accordion-list:before{
    content:"\E715"
}
.ti-ink-pen:before{
    content:"\E716"
}
.ti-info-alt:before{
    content:"\E717"
}
.ti-help-alt:before{
    content:"\E718"
}
.ti-headphone-alt:before{
    content:"\E719"
}
.ti-hand-point-up:before{
    content:"\E71A"
}
.ti-hand-point-right:before{
    content:"\E71B"
}
.ti-hand-point-left:before{
    content:"\E71C"
}
.ti-hand-point-down:before{
    content:"\E71D"
}
.ti-gallery:before{
    content:"\E71E"
}
.ti-face-smile:before{
    content:"\E71F"
}
.ti-face-sad:before{
    content:"\E720"
}
.ti-credit-card:before{
    content:"\E721"
}
.ti-control-skip-forward:before{
    content:"\E722"
}
.ti-control-skip-backward:before{
    content:"\E723"
}
.ti-control-record:before{
    content:"\E724"
}
.ti-control-eject:before{
    content:"\E725"
}
.ti-comments-smiley:before{
    content:"\E726"
}
.ti-brush-alt:before{
    content:"\E727"
}
.ti-youtube:before{
    content:"\E728"
}
.ti-vimeo:before{
    content:"\E729"
}
.ti-twitter:before{
    content:"\E72A"
}
.ti-time:before{
    content:"\E72B"
}
.ti-tumblr:before{
    content:"\E72C"
}
.ti-skype:before{
    content:"\E72D"
}
.ti-share:before{
    content:"\E72E"
}
.ti-share-alt:before{
    content:"\E72F"
}
.ti-rocket:before{
    content:"\E730"
}
.ti-pinterest:before{
    content:"\E731"
}
.ti-new-window:before{
    content:"\E732"
}
.ti-microsoft:before{
    content:"\E733"
}
.ti-list-ol:before{
    content:"\E734"
}
.ti-linkedin:before{
    content:"\E735"
}
.ti-layout-sidebar-2:before{
    content:"\E736"
}
.ti-layout-grid4-alt:before{
    content:"\E737"
}
.ti-layout-grid3-alt:before{
    content:"\E738"
}
.ti-layout-grid2-alt:before{
    content:"\E739"
}
.ti-layout-column4-alt:before{
    content:"\E73A"
}
.ti-layout-column3-alt:before{
    content:"\E73B"
}
.ti-layout-column2-alt:before{
    content:"\E73C"
}
.ti-instagram:before{
    content:"\E73D"
}
.ti-google:before{
    content:"\E73E"
}
.ti-github:before{
    content:"\E73F"
}
.ti-flickr:before{
    content:"\E740"
}
.ti-facebook:before{
    content:"\E741"
}
.ti-dropbox:before{
    content:"\E742"
}
.ti-dribbble:before{
    content:"\E743"
}
.ti-apple:before{
    content:"\E744"
}
.ti-android:before{
    content:"\E745"
}
.ti-save:before{
    content:"\E746"
}
.ti-save-alt:before{
    content:"\E747"
}
.ti-yahoo:before{
    content:"\E748"
}
.ti-wordpress:before{
    content:"\E749"
}
.ti-vimeo-alt:before{
    content:"\E74A"
}
.ti-twitter-alt:before{
    content:"\E74B"
}
.ti-tumblr-alt:before{
    content:"\E74C"
}
.ti-trello:before{
    content:"\E74D"
}
.ti-stack-overflow:before{
    content:"\E74E"
}
.ti-soundcloud:before{
    content:"\E74F"
}
.ti-sharethis:before{
    content:"\E750"
}
.ti-sharethis-alt:before{
    content:"\E751"
}
.ti-reddit:before{
    content:"\E752"
}
.ti-pinterest-alt:before{
    content:"\E753"
}
.ti-microsoft-alt:before{
    content:"\E754"
}
.ti-linux:before{
    content:"\E755"
}
.ti-jsfiddle:before{
    content:"\E756"
}
.ti-joomla:before{
    content:"\E757"
}
.ti-html5:before{
    content:"\E758"
}
.ti-flickr-alt:before{
    content:"\E759"
}
.ti-email:before{
    content:"\E75A"
}
.ti-drupal:before{
    content:"\E75B"
}
.ti-dropbox-alt:before{
    content:"\E75C"
}
.ti-css3:before{
    content:"\E75D"
}
.ti-rss:before{
    content:"\E75E"
}
.ti-rss-alt:before{
    content:"\E75F"
}

.topics {
    max-width: 400px;
    margin: 0 auto;
}

.topics .topic span {
    font-weight: bold;
    letter-spacing: 1px;
    color: #545454;
    font-size: 16px;
}

.topic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.nav-item img {
    width: 50px;
    margin-right: 10px;
}

.setting-icon {
    background-color: #8c79ea;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s ease-in;
    cursor: pointer;
    margin-right: 30px;
}

.topic-icon {
    background-color: #77838F;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s ease-in;
}

.topic-icon.active {
    cursor: pointer;
}

.topic-icon img {
    width: 50px;
    transform: scale(1);
    transition: all 0.1s ease-in;
}

.topic-icon.active:hover {
    background-color: #8c79ea;
    transition: all 0.1s ease-in;
}

.topic-icon.active-topic {
    background-color: #8c79ea;
}

.topic-icon.active:hover img {
    transform: scale(1.1);
    transition: all 0.1s ease-in;
}

.home.banner .topic-icon {
    background-color: #fff;
    width: 120px;
    height: 120px;
}

.coming-soon {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 70px;
    height: 70px;
    background-color: #F2B305;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    transform: rotate(25deg);
}

.go-pro {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 70px;
    height: 70px;
    background-color: #F2B305;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    transition: all ease 0.3s;
}

.go-pro img {
    width: 100%;
}

.go-pro:hover {
    color: #fff;
    transform: scale(1.1) rotate(10deg);
    transition: all ease 0.3s;
}

.card .coming-soon {
    transform: rotate(0deg);
}

.nav-item .lord-normal {
    --lord-icon-primary: #77838f;
    --lord-icon-secondary: #8c79ea;
}

.nav-item.active .lord-normal {
    --lord-icon-primary: #FFFFFF;
    --lord-icon-secondary: #DACEF1;
}

.pop-up {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 335px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    border-radius: 25px;
    color: #131313;
    z-index: 15;
    background-color: #8c79ea;
}

.pop-up .cs-btn.cs-style1 {
    color: #fff;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 700;
    font-size: 14px;
}

.pop-text {
    font-size: 15px;
    font-weight: 600;
}

.pop-content {
    display:flex;
    align-items: center;
}

.pop-naslov {
    color: #fff;
    font-weight: 800;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.close-popup {
    background-color: #fff;
    color:#545454;
    border-radius: 20px;
    z-index: 16;
    cursor: pointer;
    border: 0;
    padding: 5px 30px;
    font-weight: bold;
}

.open-pop-up {
    opacity: 0;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #8c79ea;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    z-index: 10;
}

.settings-icon-mobile {
    position: fixed;
    background-color: #8c79ea;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    z-index: 10;
    right: 15px;
    bottom: 170px;
}

h2 {
    color: #262626;
}

.open-pop-up.open-pop-up_show {
    bottom: 110px;
}

.profile-avatar {
    border-radius: 50%;
    position: relative;
}

.profile-avatar img {
    height: 100px;
}

.profile-avatar .coming-soon {
    bottom: 0px;
    top: unset;
    right: -15px;
    width: 50px;
    height: 50px;
    transform: rotate(0);
}

.more-topics {
    display: inline-block;
    position: relative;
}

.more-topics .pop-up {
    position: absolute;
    width: 290px;
    bottom: unset;
    right: unset;
    top: 30px;
    opacity: 0;
    transform: scale(0.7);
    transition: all ease 0.5s;
}

.more-topics .topics-img:hover + .pop-up {
    opacity: 1;
    transform: scale(1);
    transition: all ease 0.5s;
    z-index: 999;
}

.more-topics .pop-up .pop-naslov {
    text-align: left;
    margin-bottom: 0;
}

.more-topics .coming-soon {
    position: unset;
}
  
.mainc {
    color: #8C79EA !important;
}

.back-button {
    position: absolute;
    left: 30px;
    top: 30px;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease 0.3s;
    cursor: pointer;
}

.back-button img {
    width: 20px;
}

.back-button:hover {
    transform: scale(1.1);
    transition: all ease 0.3s;
}

.player-body {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: center;

    background: linear-gradient(300deg,#B27AEB,#8C79EA,#7AAFEB);
    background-size: 180% 180%;
    animation: gradient-animation 10s ease infinite;
}

.bg-pic {
    height: calc(100vh - 250px);
    position: relative;
}

.player-body img.audio-pic {
    max-width: 400px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    border-radius: 20px;
    box-shadow: 0px 0px 15px rgba(0,0,0,.6);
}

@keyframes gradient-animation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

.player-controls {
    padding: 20px 0;
    height: 250px;
    position: fixed;
    bottom: 0;
    /* background-color: #fff; */
    background-color: rgba(95,72,206,0.65);
    width: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.player-controls h1 {
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    margin: 0;
    text-align: center;
    color: #fff;
}

.player-controls button {
    border: 0;
    width: 90px;
    /* background-color: #8C79EA; */
    background-color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.player-controls button img {
    width: 30px;
    margin-left: 8px;
}

.pause-btn {
    margin:0 !important;
    width: 32px;
}

.nav-mobile {
    display: none;
}

.banner .banner-image.vecji {
    width: 65% !important;
}

.sidebar-wrapper .btn {
    text-transform: none;
    padding: 0.5rem 35px;
    letter-spacing: 1px;
    font-size: 14px;
}

.avatars-list {
    display: flex;
}

.avatar-select img {
    filter:grayscale(1);
    cursor: pointer;
    border-radius: 50%;
}

.avatar-select.selected img {
    filter: grayscale(0);
}

.nav-mobile .nav-link:focus, .nav-mobile .nav-link:hover {
    color: #77838F;
}


@media screen and (max-width: 1200px) {
    .home.banner h2 {
        font-size: 30px;
    }
    .topic-icon {
        width: 70px;
        height: 70px;
    }
    .topic-icon img {
        width: 35px;
    }
}

@media screen and (max-width: 991px) {  
    .banner .banner-image.vecji {
        width: 85% !important;
    }

    .go-pro {
        top: 15px;
        right: 15px;
        padding: 0;
    }

    .login img {
        width: 50%;
    }

    .content {
        padding: 0 30px;
    }

    .banner .banner-image {
        width: 80%;
    }
    .showtablet {
        display: block;
    }
    .hidetablet {
        display: none;
    }
    .nav-mobile {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background-color: #fff;
        position: fixed;
        width: 100%;
        z-index: 11;
        bottom:0;
        display: flex;
        align-content: space-between;
        flex-wrap: wrap;
        justify-content: center;
        border-top: solid 2px #C9C9C9;
        height: 105px;
    }

    .nav-mobile .nav-item.active {
        background-color: #8C79EA;
    }

    .nav-mobile .nav-item.active a {
        color: #fff;
    }
    .nav-mobile .nav-title p {
        margin-bottom: 0;
        font-size: 13px;
    }
    .nav-mobile li {
        float: left;
    }
    .nav-mobile li a {
        display: block;
        text-align: center;
        padding: 10px;
        text-decoration: none;
        color: #77838F;
        font-weight: bold;
        letter-spacing: 1px;
    }

}

@media screen and (max-width: 768px) {
    .banner {
        height: auto;
        margin: 30px 0;
    }
}

.showmobile {
    display:none;
}

.pause-btn {
    display: none;
}

.paying-cards {
    padding: 50px 60px 0;
}

.btn-main {
    background-color: #8C79EA;
}

.btn-cancel {
    background-color: #EB2D26;
}

.btn-info:disabled {
    background-color: #CECECE;
    border-color: #CECECE;
}

@media screen and (max-height: 600px) {
    .player-controls button img {
        width: 24px;
        margin-left: 7px;
    }
    .pause-btn {
        margin:0 !important;
    }
    .bg-pic {
        height: calc(100vh - 170px);

    }
    .player-controls {
        height: 170px;
        gap: 15px;
    }

    .player-controls h1 {
        font-size: 25px;
    }

    .player-controls button {
        height: 60px;
        width: 60px;
    }

    .player-controls button lord-icon {
        width: 40px !important;
        height: 40px !important;
    }
}

.settings-icon-mobile {
    display: none;
}

.settings-icon-mobile img {
    width: 25px;
}

.settings-icon-mobile_hide, .open-pop-up_hide {
    bottom: -60px !important;
}

.profile-options {
    margin-top: 30px;
}

.relax-info {
    position: absolute;
    right: 30px;
    top: 40px;
    cursor: pointer;
    z-index: 1;
}

.relax-info-block {
    opacity: 0;
    position: absolute;
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid #8C79EA;
    top: 90px;
    text-align: left;
    padding: 15px;
    z-index: 1;
    font-size: 14px;
    transition: all ease 0.3s;
}

.relax-info-block p:first-child {
    font-weight: 600;
}

.relax-info-block p {
    font-weight: 500;
    color: #262626;
}

.relax-info:hover + .relax-info-block {
    opacity: 1;
    transition: all ease 0.3s;
}

.big-banner {
    position: relative;
    width: 100%;
    height: 98vh;
    display: flex;
    padding: 30px 0 100px 0;
    box-sizing: border-box;
    background-color: #8C79EA;
    flex-direction: column;
    /* background-image: url("/img/telefon.png");
    background-size: 50%;
    background-position: 75% 15%;
    background-repeat: no-repeat; */
}
.big-logo {
    padding-top: 30px;
}

.big-logo .logo-container {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.big-banner-content {
    margin-top: 100px;
}

.big-logo .btn-round, .big-banner .btn-round, .footer .btn-round {
    border-radius: 40px !important;
    padding: 10px 30px;
    font-size: 16px;
    letter-spacing: 1px;
    background-color: #fff;
    color: #8C79EA;
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

.big-banner img {
    width: 100%;
}

.big-banner h1 {
    color: #fff;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
}

.big-banner h2 {
    color: #fff;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
}

.wave {
    position: absolute;
    bottom: -1px;
    left: 0;
}

.login .topic-icon {
    cursor: unset;
    background-color: #8C79EA;
}

.login .topic-icon.active:hover img {
    transform: none;
}

.landing .login .welcome p {
    font-weight: 600;
}

.btn-koda {
    border-radius: 40px !important;
    padding: 10px 30px;
    letter-spacing: 1px;
    background-color: #fff;
    color: #8C79EA;
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.footer {
    background-color: #8C79EA;
    padding: 30px 0;

    background-image: url(/img/footer-icon.svg);
    background-repeat: no-repeat;
    background-size: 400px;
    background-blend-mode: soft-light;
    background-position: 75%;
    overflow: hidden;
}

.footer p {
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.footer img {
    max-width: 300px;
    margin-bottom: 20px;
    width: 100%;
}

.btn-info:focus {
    background-color: #745fe0 !important;
    color: #fff;
    border-color: #745fe0 !important;
}

.banner-telefon {
    position: absolute;
    z-index: 5;
    width: 27% !important;
    right: 23%;
    top: 5%;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid #fff !important;
    text-indent: -9999px;
    position:relative;
    z-index: 3;
}
.slick-dots li.slick-active button {
    background-color: #fff;
}

.g_id_signin {
    align-self: center;
    margin: 10px;
}

.g_overlay_container {
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
}

.g_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.error-message {
    margin-left: 1.75rem;
    font-size: 0.8rem;
    color: rgb(224, 25, 25);
    line-height: 1.25rem;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
  }
  .ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #F2B305;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 23px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
  }
  
  /* top right*/
  .ribbon-top-left {
    top: 0px;
    left: 0px;
  }

  .ribbon-top-left span {
    right: -15px;
    top: 25px;
    transform: rotate(-45deg);
  }

@media screen and (max-width: 1400px) {
    .banner-telefon {
        width: 33% !important;
        right: 20%;
    }
}

@media screen and (max-width: 1400px) {
    .banner-telefon {
        width: 40% !important;
        right: 10%;
    }
}

@media screen and (max-width: 991px) {
    .big-banner-content {
        margin-top: 0px;
    }
}

@media screen and (max-width: 991px) {
    .big-banner-content {
        margin-top: 0px;
    }

    .footer {
        background-image: unset !important;
    }
    .big-banner {
        background-image: none;
        height: auto;
    }

    .settings-icon-mobile {
        display:flex;
    }

    .open-pop-up {
        right: 15px;
        bottom: 115px;
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .big-banner .btn-round {
        padding: 5px 20px;
    }

    .footer {
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .g_overlay_container {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .big-banner-content h1 {
        font-size: 2.2em;
    }
    .landing .login .img-pres {
        width: 100%;
    }

    .big-logo .logo-container img {
        max-width: 60%;
    }

    .login .login-form label {
        margin: 0 0px 20px 0px;
    }
    .login .login-form button {
        margin: 0 0 10px 0;
    }
    .success-text {
        font-size: 30px;
    }
    .profile-avatar .coming-soon {
        font-size: 12px;
        width: 40px;
        height: 40px;
        right: -10px;
    }
    .plan-card .coming-soon {
        bottom: 20px;
        top: unset;
        right: 20px;
        width: 60px;
        height: 60px;
        transform: rotate(0);
        font-size: 13px;
    }

    .paying-cards {
        padding: 30px 0px 0;
    }
    .home.banner {
        background-size: auto;
        padding: 70px 0;
        background-position-x: -30px;
    }
    .settings .settings-avatar img {
        width: 100%;
    }

    .avatar-select {
        margin: 0 5px;
    }

    .profile-options {
        width: 100%;
        padding-left: 10px;
        margin-top: 0px;
    }

    .recent-block h2 {
        font-size: 2.2em;
        padding-left: 10px;
    }

    .profile-banner .inner-banner .inner-profile {
        gap: 10px;
    }
    .setting-icon {
        margin-right: 10px;
        width: 45px;
        height: 45px;
    }

    .setting-icon lord-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .profile-options .setting-list a, .profile-options .setting-list p {
        font-size: 23px;
    }

    .go-pro {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-color: #F2B305;
        display: flex !important;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-weight: 600;
        border-radius: 50%;
        transition: all ease 0.3s;
        z-index: 2;
    }

    .home.banner .topic {
        margin-bottom: 0;
    }
    .home.banner .topic-icon {
        width: 60px;
        height: 60px;
    }
    .home.banner .topic-icon lord-icon {
        width: 40px !important;
        height: 40px !important;
    }
    .home.banner .topic span {
        display: none;
        /* font-size: 12px;
        letter-spacing: 1px; */
    }
    .logo-container {
        text-align: center;
    }
    .logo-container img {
        max-width: 80%;
    }

    .hidemobile {
        display: none;
    }
    .showmobile {
        display: block;
    }
    .banner .banner-image.vecji {
        width: 100% !important;
    }

    .banner .banner-image.vecji img {
        width: 70%;
    }
    
    .player-body img.audio-pic {
        max-width: 70%;
    }
    .banner .banner-image img {
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    .wrapper .sidebar {
        display: none;
    }
    .login .login-form h2 {
        margin: 10px 0 10px;
        font-size: 25px;
    }

    .login .login-form input {
        margin: 0 0 15px 0;
    }

    .login img {
        width: 70%;
        margin: 0 auto;
        display: block;
    }
    .login .welcome p {
        font-size: 14px;
    }

    .login .welcome {
        padding: 0;
    }
    .logo-container {
        padding: 20px 20px;
    }

    .login .welcome h2 {
        font-size: 22px;
    }

    body {
        overflow-y: unset;
    }
    .topics {
        max-width: 300px;
    }

    .topic {
        position: relative;
    }
    .topic-icon {
        height: 70px;
        width: 70px;
    }

    .topic-icon img {
        width: 35px;
    }

    .topics .topic span {
        font-size: 12px;
    }

    .coming-soon {
        width: 40px;
        height: 40px;
        font-size: 8px;
    }

    .card .coming-soon {
        width: 60px;
        height: 60px;
        font-size: 15px;
    }

    .banner h2 {
        display: none;
    }

    .home.banner h2 {
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 10px 0;
        display: block;
    }

    .banner .banner-image {
        width: 100%;
        margin-bottom: 20px;
    }

    .content {
        padding: 0;
    }

    .banner {
        height: auto;
        margin: 30px 0;
    }

    .cs-btn.cs-style1:before {
      opacity: 0;
    }
  
    .pop-up {
        display: none;
        width: 30px;
        height: 30px;
        right: 10px;
        bottom: 110px;
    }
    .song-list {
        position: relative;
        z-index: 0;
    }

    .more-topics .pop-up {
        display: block;
        height: auto;
        z-index: -1;
        transform: translateX(50%) !important;
        right: 50%;
        top: -15px;
    }
  }