/* here you can put your own css to customize and override the theme */
.error{
    color: #e02222;
}



.ecommerce .page-slider {
    margin-top: -23px;
}
.form-bg{
    background: #eeeeee;   
    box-sizing: border-box;
    border: 0 solid #eaeaea;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}



/******  Start For Profile Drop-down ****************/
#indexBanner{  
    background-size: cover;  
}
div.black-bg {
    background:#000 ;
}

div.background {   
    width:100%; 
    text-align:center;  
}
div.background div.cat-punch-line {
    color: #fff;
    padding-top:15px;
    font-size: 20px;
    padding-bottom:45px;
}
div.background span.cat-title{
    color: #fff;
    display:block;
    text-align: center;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    line-height: 62px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 62px;
    visibility: visible;
    opacity: 1;
    padding-top: 45px;
}

.profile li {
    overflow: hidden;
    margin: 20px 5px 5px 0;
    display: inline-block;
}

.profile li img {
    width: 50px;
    height: 50px;
    padding: 2px; 
    border: solid 1px #eee;
}
.profile li img:hover {
    border-color: #E84D1C;
    box-shadow: 0 0 1px #fff;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}



#tag-menu{
    -moz-border-radius:4px;
    border-radius:2px;
    border:1px solid #1c1c1c;
    background-color:#505050;
    color:#e3e3e3;
    text-align:left;
    padding:10px;
    box-shadow:0 1px 3px rgba(0,0,0,0.3);
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
    z-index:320;

    font-size:12px;
    width:300px
}

#tag-menu .tm-heading{
    color:#fff;
    font-weight:bold;
    border-bottom:1px solid #727272;
    padding-bottom:8px;
    margin-bottom:8px
}

#tag-menu .tm-description{
    line-height:13px;
    font-size:11px;
    margin-bottom:8px;
    word-wrap:break-word
}

#tag-menu .tm-description p{
    margin-bottom:8px
}

#tag-menu .tm-description a,#tag-menu .tm-description a:visited{
    color:#b4d4ec
}

#tag-menu .tm-favorite{
    color:#fdca5c;
    font-size:13px;
    text-decoration:none
}

#tag-menu .tm-favorite-clear{
    color:#bbb;
    font-size:13px;
    padding-right:3px;
    text-decoration:none
}

#tag-menu .tm-favorite-ignore{
    color:#f00;
    font-size:13px;
    text-decoration:none
}

#tag-menu .tm-sub-links a,#tag-menu .tm-sub-links a:visited{
    font-weight:normal;
    color:#f93;
    text-decoration:none
}

#tag-menu .tm-sub-links a:hover{
    color:#faaf65
}

#tag-menu .tm-links{
    color:#727272
}

#tag-menu .tm-links a,#tag-menu .tm-links a:visited{
    color:#b4d4ec;
    font-size:11px;
    text-decoration:none;
    margin-right:8px
}

#tag-menu .tm-links a:hover{
    color:#dcecf7
}

#user-menu{
    -moz-border-radius:4px;
    border-radius:2px;
    border:1px solid #1c1c1c;
    background-color:#505050;
    color:#e3e3e3;
    text-align:left;
    padding:10px;
    box-shadow:0 1px 3px rgba(0,0,0,0.3);
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
    z-index:320;
    position:relative;
    width:300px;
    font-size:11px;
    line-height:1.2
}

#user-menu .um-gravatar{
    float:left;
    margin-right:8px
}

#user-menu .um-header-info .um-user-link,#user-menu .um-header-info .mod-flair{
    font-size:18px;
    color:#e2e2e2 !important
}

#user-menu .um-header-info .um-flair .badgecount,#user-menu .um-header-info .um-flair .reputation-score{
    color:#e2e2e2
}

#user-menu .um-about-me{
    clear:both;
    font-size:11px;
    margin:5px 0;
    overflow:hidden
}

#user-menu .um-links a{
    margin-right:8px;
    font-size:11px
}

#user-menu a,#user-menu a:visited{
    color:#b4d4ec;
    text-decoration:none
}

#user-menu a:hover{
    color:#dcecf7
}





/******  Start For Profile Drop-down ****************/

.user-profile-sidebar {
    -webkit-border-radius: 5px;
    border-radius: 5px;   
    padding: 20px 0;
    background: #021C35;
    color: #fff;
    margin-bottom: 30px;
}
.user-profile-sidebar .user-profile-avatar {
    padding: 0 20px;
    margin-bottom: 20px;
}
.user-profile-sidebar .user-profile-avatar img {
    max-width: 120px;
    margin-bottom: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #eee;
}
.user-profile-sidebar .user-profile-avatar img :hover{
    border-color: #E84D1C;
    box-shadow: 0 0 1px #fff;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.user-profile-sidebar .user-profile-avatar h5 {
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
}
.user-profile-sidebar .user-profile-avatar p {
    font-size: 10px;
}
.list{    
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
}
.user-profile-sidebar .user-profile-nav > li {
    border-bottom: 1px solid #404040;

}

.user-profile-sidebar .user-profile-nav > li:first-child {
    border-top: 1px solid #404040;
}
.user-profile-sidebar .user-profile-nav > li.active > a {
    background: #ed8323;
    color: #fff;
    cursor: default;
}
.user-profile-sidebar .user-profile-nav > li.active > a:hover {
    background: #ed8323;   
    color: #fff;
}
.user-profile-sidebar .user-profile-nav > li.active > a:hover > i {
    color: #fff;
}
.user-profile-sidebar .user-profile-nav > li > a {
    padding: 10px 20px;
    color: #d9d9d9;
    display: block;
    font-size: 13px;
}
.user-profile-sidebar .user-profile-nav > li > a:hover {
    text-decoration: none;
    color: #fff;
    background: #021426;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.user-profile-sidebar .user-profile-nav > li > a:hover > i {
    color: #ed8323;
}
.user-profile-sidebar .user-profile-nav > li > a > i {
    margin-right: 7px;
    display: inline-block;
    width: 20px;
    text-align: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.profile li {
    overflow: hidden;
    margin: 20px 5px 5px 0;
    display: inline-block;
}

.profile li img {
    width: 50px;
    height: 50px;
    padding: 2px; 
    border: solid 1px #eee;
}
.profile li img:hover {
    border-color: #E84D1C;
    box-shadow: 0 0 1px #fff;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}


/*=================================
//======== FOR LOGIN POPUP =========
/*=================================*/
.auth-page{
    background: #fff;
    padding: 22px;
    position: relative;
    margin-right: 10px;
}
.auth-page h1{
    font-size: 18px;
    font-weight: 600;
}
/* product pop up */
.auth-pop-up {
    padding: 0;
    overflow-x: hidden;
    background: inherit;
}
.auth-pop-up .newsSubscriber{
    margin-right: 15px;
}

.auth-pop-up .btn-primary {
    margin-right: 10px;
}

.auth-other-images{
    text-align: left;
}
.auth-other-images ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.auth-other-images ul li{
    display: inline-block;    
}

.auth-other-images ul li a{
    display: block;
    font: 400 13px 'Open Sans', Arial, sans-serif;    
    background: #f9f9f9;  
    border: 1px solid #d4d4d4;
    box-shadow: -1px 1px #f2f2f2;
    color: #888;
    padding: 7px;
    margin-bottom: 15px;
    cursor: pointer;
    text-decoration: none;

}
.auth-other-images i{
    text-align: left; 
    margin-right: 10px;
    text-align: left;
    color: #E84D1C;
    font-size: 14px;
}


/*==============================================
//========= FOR LIST SUGGEST QUESTIONS ==========
/*==============================================*/
.form-horizontal .suggest_list{
    overflow-x: hidden !important;
    overflow-y: scroll !important;   
    max-height: 200px !important;

}
.suggest_list .question-list{    
    list-style: none;
    margin:0;
    padding:0;
}
.suggest_list .question-list li{   
    display: inline;    
}
.suggest_list .question-list li>a{
    margin-bottom: 5px;
    display: block;
    padding: 2px 5px;
    border: 1px solid;
    border-color: #d9d9d9;
    background: #EEEEEE;
}


/**================== FOR  DASHBOARD ============*/

/***
Dashboard Stats
***/
.dashboard-stat {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.dashboard-stat:before, .dashboard-stat:after {
    content: " ";
    display: table;
}
.dashboard-stat:after {
    clear: both;
}
.portlet .dashboard-stat:last-child {
    margin-bottom: 0;
}
.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
}
.dashboard-stat .visual > i {
    margin-left: -35px;
    font-size: 110px;
    line-height: 110px;
}
.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px;
}
.dashboard-stat .details .number {
    padding-top: 25px;
    text-align: right;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0px;
    font-weight: 300;
}
.dashboard-stat .details .desc {
    text-align: right;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 300;
}
.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.dashboard-stat .more:hover {
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.dashboard-stat .more > i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}

.dashboard-stat-light {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.dashboard-stat-light .details {
    margin-bottom: 5px;
}
.dashboard-stat-light .details .number {
    font-weight: 300;
    margin-bottom: 0px;
}


/***
Blue Madison
***/
/* Button */
.blue-madison.btn {
    color: #FFFFFF;
    background-color: #578ebe;
}
.blue-madison.btn:hover, .blue-madison.btn:focus, .blue-madison.btn:active, .blue-madison.btn.active {
    color: #FFFFFF;
    background-color: #437cae;
}
.open .blue-madison.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #437cae;
}
.blue-madison.btn:active, .blue-madison.btn.active {
    background-image: none;
    background-color: #3c6f9c;
}
.blue-madison.btn:active:hover, .blue-madison.btn.active:hover {
    background-color: #3f74a3;
}
.open .blue-madison.btn.dropdown-toggle {
    background-image: none;
}
.blue-madison.btn.disabled, .blue-madison.btn.disabled:hover, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled.active, .blue-madison.btn[disabled], .blue-madison.btn[disabled]:hover, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled].active, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn:hover, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn.active {
    background-color: #578ebe;
}
.blue-madison.btn .badge {
    color: #578ebe;
    background-color: #FFFFFF;
}



/* Statistic Block */
.dashboard-stat.red-intense {
    background-color: #e35b5a;
}
.dashboard-stat.red-intense.dashboard-stat-light:hover {
    background-color: #e04a49;
}
.dashboard-stat.red-intense .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.dashboard-stat.red-intense .details .number {
    color: #FFFFFF;
}
.dashboard-stat.red-intense .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dashboard-stat.red-intense .more {
    color: #FFFFFF;
    background-color: #e04a49;
}



/* Statistic Block */
.dashboard-stat.green-haze {
    background-color: #44b6ae;
}
.dashboard-stat.green-haze.dashboard-stat-light:hover {
    background-color: #3ea7a0;
}
.dashboard-stat.green-haze .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.dashboard-stat.green-haze .details .number {
    color: #FFFFFF;
}
.dashboard-stat.green-haze .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dashboard-stat.green-haze .more {
    color: #FFFFFF;
    background-color: #3ea7a0;
}



/* Statistic Block */
.dashboard-stat.purple-plum {
    background-color: #8775a7;
}
.dashboard-stat.purple-plum.dashboard-stat-light:hover {
    background-color: #7c699f;
}
.dashboard-stat.purple-plum .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.dashboard-stat.purple-plum .details .number {
    color: #FFFFFF;
}
.dashboard-stat.purple-plum .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dashboard-stat.purple-plum .more {
    color: #FFFFFF;
    background-color: #7c699f;
}


/*========= FOR COUNT ACTIVE DAY ==========*/

.count-side-bar ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.count-side-bar ul li{
    display: inline;
    padding:10px 0;
    font-size:14px;
}

.count-side-bar ul li >span{
    color:#888;
    padding-right: 10px;
}


/*================= for the vertical list like ============*/
.ver_list{
    width:100%;
    float:left;
    margin:0;
    padding:0;
}
.ver_list .arrow-top,
.ver_list .arrow-down {
    float:left;
    width:100%;	
    text-align: center;
}
.ver_list .arrow-top a,
.ver_list .arrow-down a{
    text-decoration:none;
}

.ver_list .arrow-top a i,
.ver_list .arrow-down a i{
    font-size:50px;
    color:#021c35;
    text-align:center;
}
.ver_list .point-div{
    padding:10px 0;
    font-size:20px;
    color:#021c35;
    text-align:center;
}

/*============== for the pending list =================*/
.pending_border_alert {
    border: thin solid #FE7C07;
}

/*=========== for approved answer ===========*/

.narrow {
    cursor:pointer;
}
.narrow .votes {
    display: inline-block;
    height: 38px;
    min-width: 38px;
    margin: 0 3px 0 0;
    font-size: 11px;
    color: #777;
    padding: 5px 5px 6px 5px;
}
.narrow .status {
    display: inline-block;
    margin: 0 3px 0 0;
    min-width: 44px;
    height: auto;
    font-size: 11px;
    padding: 6px;
}
.narrow .views {
    display: inline-block;
    height: 38px;
    min-width: 40px;
    margin: 0 7px 0 0;
    font-size: 11px;
    color: #777;
    padding: 5px 5px 6px 5px;
}
.answered {
    background-color: #75845c;
    color: #fff;
}
.narrow .mini-counts{
    font-size: 17px !important;
    font-weight: 300;
    text-align:center;
    margin-bottom: 4px;
}
.narrow .mini-counts div,.narrow .mini-counts span{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

.home-page h1{
    font-size: 17px !important;	
}
.descrip-page h1{
    font-size:27px;
}

.content-page .blog-info li > h2 a{ 
    color: #555!important;
    font-size: 13px;
}
.search-result-item h2{
    font-size: 16px !important;
}


@media (min-width:320px) and (max-width:480px){
    .descrip-page h1, .descrip-page h2 {
        font-size: 19px;
    }
} 


/**
====================================================================
	Pricing
====================================================================

 ***/


.fh-price-table {
  text-align: center;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 40px;
  font-weight:400;
}
.fh-price-table .table-header {
  background-color: #0c1239;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 35px;
  padding-right: 17.5%;
  padding-left: 17.5%;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-price-table .desc {
  color: #a3a3a3;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-price-table .plan-name {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.fh-price-table .price-box {
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}
.fh-price-table .price-box .currency {
  font-size: 18px;
  font-weight: 300;
  color: #a3a3a3;
  position: absolute;
  top: 17px;
  left: -12px;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-price-table .price-box .unit {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 85%;
  color: #a3a3a3;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-price-table .table-content {
  padding-top: 10px;
  padding-bottom: 40px;
  border: 2px solid transparent;
  -webkit-transition: 0.5s;
          transition: 0.5s;
  border-top: 0;
}
.fh-price-table .table-content a {
  margin-top: 40px;
  border: 2px solid #f4f4f4;
  background-color: transparent;
  color: #222;
  -webkit-transition: 0.5s;
          transition: 0.5s;
    text-decoration: none;
}
.fh-price-table ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fh-price-table ul li {
  padding: 15px 0;
  border-bottom: 1px solid #f4f4f4;
}
.fh-price-table.promoted .table-header,
.fh-price-table:hover .table-header {
  color: #fff;
  background-color: #ff0000;
}
.fh-price-table.promoted .desc,
.fh-price-table:hover .desc {
  color: #fff;
}
.fh-price-table.promoted .price-box .currency,
.fh-price-table:hover .price-box .currency,
.fh-price-table.promoted .price-box .unit,
.fh-price-table:hover .price-box .unit {
  color: #fff;
}
.fh-price-table.promoted .table-content,
.fh-price-table:hover .table-content {
  border-color: #ff0000;
}
.fh-price-table.promoted .table-content a,
.fh-price-table:hover .table-content a {
  border-color: #ff0000;
  background-color: #ff0000;
  color: #fff;
}
.fh-partner .partner-item {
  width: 100%;
  text-align: center;
}
.fh-partner .partner-item .partner-content {
  min-height: 90px;
  line-height: 84px;
}
.fh-partner .partner-item a {
  height: 100%;
  display: block;
}



.fh-btn {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  display: inline-block;
  min-width: 150px;
  min-height: 50px;
  line-height: 50px;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 0 20px;
  background-color: #ff0000;
  text-transform: capitalize;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.fh-btn:hover,
.fh-btn:focus {
  color: #fff;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-color: #ff0000;
}


._box_border_sadow {
    border-radius: 0 0 2px 2px;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s,-webkit-box-shadow .25s;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    background-color: #fff;
}
._3JslKL {
    padding: 100px 0;
    border-top: 1px solid #eaeaea;
}