body {
   color: #5a5a5a;
   letter-spacing:0.06em;
}

p{
   font-size:12pt;
}
.navbar{
   min-height: 66px;
   background-color: #fff;
   margin-bottom:0px;
   font-size:13pt;
}
.title-section{
   padding-top: 20px;
   padding-bottom: 20px;
   /*background: #bbb url("../img/title_bg_grey_fabric.png") repeat;*/
   background: #2b2b2b url("../img/title_bg_dark_gradient.png") repeat;
   margin-bottom: 20px;
   margin-top: 50px;
}
.title-section h1 {
   margin: 0;
   color: #fff;
}
ul.nav.navbar-nav.navbar-right {
   margin-top: 25px;
}
.navbar-front ul.nav.navbar-nav.navbar-right {
   margin-top: 10px;
}
.navbar-toggle {
   top: 8px;
}
nav.navbar-default {
   border-color: #fff;
}
.btn-success {
   background-color: #11a166 !important;
   width:100%;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #4b9476 !important;
  border-color: #398439;
}

.table-list .fa-times {
   color: #d20c0c;
}
.table-list .fa-check {
   color: #11a166;
}

.top-divider {
   margin-top: 25px;
   margin-bottom: 20px;
   height: 1px;
   /*background: #2b2b2b; /* Old browsers */
   background: #aaa;
   /*
   background: -moz-linear-gradient(top,  #2b2b2b 0%, #757575 100%, #444444 100%, #444444 100%, #2989d8 100%, #207cca 100%, #444444 100%);
   background: -webkit-linear-gradient(top,  #2b2b2b 0%,#757575 100%,#444444 100%,#444444 100%,#2989d8 100%,#207cca 100%,#444444 100%);
   background: linear-gradient(to bottom,  #2b2b2b 0%,#757575 100%,#444444 100%,#444444 100%,#2989d8 100%,#207cca 100%,#444444 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#444444',GradientType=0 );
   */
}

.sidebar-brokers > h4 {
   margin-top: 0;
}

@media (max-width:767px){
   .navbar-collapse{
      margin-top: 50px;
   }
   .title-section h1 {
      font-size: 24px;
   }
   .close-links {
      line-height: 1.8;
   }
}
@media (min-width:768px) and (max-width:991px){
   .navbar-right > li > a {
      padding-left: 9px;
      padding-right: 9px;
      font-size: 12pt;
   }
   
}

/*
.container {
   max-width: 1000px;
}
*/
/**
 * -------- front page styles ---------
 */
#front-header {
   /*min-height: 250px;*/
   padding: 30px 0 15px 0;
   margin-top: 35px;
   margin-bottom: 30px;
   
   background-image: url("../img/index_banner.jpg");
   background-size: cover;
   background-position: center top;
}
#front-header header {
   color: white;
   text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}
#front-header .start {
   /*text-align: right;*/
}

#front-header h1 {
   margin-top: 0;
   font-size: 28px;
}
#front-header p {
   font-size: 18px;
}
#header-btn {
   margin-top: 30px;
}
#header-btn a {
   font-size: 24px;
   padding: 12px 24px;
}
#front-boxes {
   color: #666;
}
#front-boxes .row {
   margin-bottom: 20px;
}
#front-boxes h2 {
   font-size: 20px;
   margin-top: 0px;
}
#front-boxes p {
   font-size: 16px;
}
#front-boxes .box-image {
   height: 100px;
   width: 120px;
   margin-left: 10px;
   margin-bottom: 10px;
   border: 1px solid red;
   float: right;
}
.articles-list h3 {
   font-size: 20px;
}
.articles-list article:first-child h3 {
   margin-top: -3px;
}
#faq .panel-title:before {
   content: "\f0da\00a0\00a0";
   font-family: FontAwesome;
}
#faq .panel-default.in .panel-title:before {
   content: "\f0d7\00a0\00a0";
   font-family: FontAwesome;
}
#faq .panel-default.in>.panel-heading {
   background-color: #e4e4e4;
}
.bs-accordion .panel-default>.panel-heading {
   cursor: pointer;
}

@media (max-width: 767px){
   #front-header {
      /*min-height: 250px;*/
      margin-top: 15px;
      padding-top: 0;
   }
   
   #front-header h1 {
      margin-top: 20px;
   }
}

/**
 * ------- conversion lists styles --------
 */
table.table-list td {
   font-size: 1.1em;
   font-weight: 400;
   vertical-align: middle !important;
}
.review-link {
   font-size: 0.9em;
}
.conv-list-mob .conv-list-mob-data {
   width: 50%;
   /*display: inline-block;*/
   float: left;
   padding: 5px;
   font-size: 1.1em;
}
.conv-list-mob+.conv-list-mob {
   margin-top: 20px;
}
.conv-list-mob .conv-list-mob-row:nth-child(odd) {
   background-color: #f9f9f9;
}
.conv-list-mob .conv-list-mob-data .btn-out {
   width: 100%;
   margin: 0 auto;
}
.btn-out-warn {
   font-size:8pt;
   line-height:1.2;
   margin-top:7px;
   max-width:100%;
   text-align: center;
}

.conv-list-mob-row+.conv-list-mob-row {
   border-top: 1px solid #ddd;
}
/**
 * --------- footer styles -------------
 */
footer .footer-main {
   margin-top: 20px;
   margin-bottom: 10px;
   padding-top: 30px;
   padding-bottom: 30px;
   background-color: #ccc;
}

footer .footer-below {
   padding-bottom: 20px;
}

footer .footer-below .link-divider::before {
   content: "\00a0 ";
}
footer .footer-below .link-divider::after {
   content: "\00a0 ";
}
/**
 * ---------- Review styles ------------
 */
.review .panel-heading h3 {
   margin-top: 0;
   margin-bottom: 0;
}
.review .fa-times {
   color: #d20c0c;
}
.review .fa-check {
   color: #11a166;
}
.review-content h1 {
   margin-top: 0;
}
.review .btn-out {
   font-size: 20px;
   padding: 10px 35px;
}
@media (max-width: 767px) {
   .review .btn-out {
      width: 100%;
   }
}

/**
 * ---------- Single post styles ---------
 */
.single-post p.post-published {
   font-size: 16px;
   font-style: italic;
}
.single-post .list-heading {
   margin-top: 20px;
}
.bar-small-mob {
   margin-bottom: 40px;
}
.bar-small-mob td {
   border-top: 2px solid #aaa !important;
   border-bottom: 2px solid #aaa;
   width: 50%;
}
.bar-small-mob .btn-out {
   width: 100%;
}
@media screen and (min-width: 768px){
   .single-post .list-heading {
      margin-top: 10px;
   }
}

/**
 * ------------ Brokers page styles -----------
 */
@media (min-width: 768px){
   .brokers-text-column{
      width: 50%;
      float: left;
   }
   .brokers-text-column p{
      text-align: justify;
   }
   .brokers-text-column.column-left{
      padding-right: 15px;
      padding-left:0;
      border-right: 1px solid #ddd;      
   }
   .brokers-text-column.column-right{
      padding-left: 15px;
      padding-right:0;
   }
}
h1.review-title,  h1.page-title{
   margin-top: 0;
   margin-bottom: 20px;
   font-size: 30px;
}

.review-info-bar thead>tr {
   background-color: #7a7a7a;
}
.review-info-bar>table>thead>tr>th {
   text-align: center;
   color: #fff;
   padding-top: 4px;
   padding-bottom: 4px;
   border-bottom: none;
}
.review-info-bar>table>tbody>tr>td {
   vertical-align: middle;
   text-align: center;
   border-bottom: 1px solid #aaa;
}
.review-info-bar .fa-times {
   color: #d20c0c;
}
.review-info-bar .fa-check {
   color: #11a166;
}
.review-info-bar .rating-outer, .review-info-bar .rating-inner {
   background-image: url("../img/sprite_stars.png");
}
.review-info-bar .rating-outer {
   width: 88px;
   display: inline-block;
   background-position: 0 100%
}
.review-info-bar .rating-inner {
   height: 16px;
   background-position: 0 0;
}
.review-info-bar .btn-out {
   width: 100%;
   font-size:13pt;
}

/* ----------- Trading news page ----------- */
h2.archive-heading {
   font-size: 24px;
}
@media screen and (max-width: 767px) {
   .page-numbers {
      padding: 0 5px;
   }
}

.pagenav {
   margin: 0 0 15px 0;
   font-family: Verdana, Arial, sans-serif;
}

.pagenav .content {
   top: 0;
   display: block;
   height: 30px;
   overflow:hidden;
   width: 100%;
   max-width:400px;
   -webkit-transition: height .5s ease;
   -webkit-transition-delay: .4s;
   border: 1px solid #777;
   border-radius: 5px;
   box-shadow: 0 1px 2px rgba(0,0,0,.4);
   cursor:pointer;
}

.pagenav .content .hint {
   text-align: center;
   height:30px;
   padding-top:4px;
}


.pagenav .content ul {
   background: #fff;
   margin: 0;
   padding: 0;
   overflow: hidden;
   height: 100%;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}

.pagenav .content ul a {
   text-decoration: none;
}

.pagenav .content li:hover {
   background: #eee;
   color: #333;
}

.pagenav .content li {
   list-style: none;
   text-align: left;
   color: #555;
   font-size: 14px;
   line-height: 30px;
   height: 30px;
   padding-left: 10px;
   border-top: 1px solid #ccc;
}

.pagenav .content li:last-of-type {
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}