/*-------------------------------------------------
 =  Table of Css

 1.import google fonts & basic style of template
 2.Header
 3.General Template style
 4.Slider news
 5.News posts
 6.Sidebar
 7.Single Post
 8.Forums
 9.Author pages
 10.404 error page
 11.Contact
 12.Register page
 13.About page
 14.Underconstruction page
 15.Footer
 16.Responsive Part
-------------------------------------------------*/

/* import google fonts */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800");
.reset-elem, .top-line ul.info-list, .top-line ul.social-icons, .megamenu ul.mega-list, .mega-posts-menu ul.filter-list, .dropdown, div.vertical-box ul.vertical-menu, div.vertical-box ul.vertical-menu li ul.level2, div.vertical-box ul.social-icons, #content-section ul.pagination-list, ul.post-tags, ul.list-news, ul.small-posts, .sidebar .social-widget ul.social-share, .sidebar .tags-widget ul.tags-list, .sidebar .archive-widget ul.archive-list, .single-post .text-boxes ul.tags-list, .share-post-box ul.share-box, .author-profile .author-box .author-content ul.author-social, .comment-area-box > ul, ul.author-list, ul.author-list > li .autor-box .autor-content .autor-title ul.autor-social, ul.author-list > li .autor-last-line ul.autor-tags, body.underconstruction div.social-box ul.social-icons, footer .up-footer .footer-widget ul.social-icons, footer .up-footer .tags-widget ul.tags-list, footer .down-footer ul.list-footer {
  margin: 0;
  padding: 0; }

.paragraph, p {
  font-size: 13px;
  color: #565656;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin: 0 0 10px; }

.heading1, h1 {
  color: #212121;
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 20px; }

.heading2, ul.author-list > li .autor-box .autor-content .autor-title h1 span:after, h2 {
  color: #212121;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
  line-height: 28px; }

.heading3, h3 {
  color: #333333;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin: 0;
  line-height: 28px; }

.back-cover {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; }

.anchor, a {
  display: inline-block;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
/*------------------------------------------------- */
/* =  Header
 *------------------------------------------------- */
.header-banner-place {
  width: 100%;
  padding: 40px 0;
  background: #2d3d58;
  overflow: hidden; }
  .header-banner-place a.navbar-brand {
    padding-top: 15px;
    float: left; }
    .header-banner-place a.navbar-brand img {
      margin-bottom: 5px; }
  .header-banner-place p {
    font-size: 11px;
    color: #f1f1f1;
    line-height: 20px;
    margin-bottom: 0; }
  .header-banner-place .advertisement {
    overflow: hidden;
    padding: 0;
    text-align: right; }

.navbar {
  padding: 0;
  background: #232323 !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  width: 100%;
  z-index: 999999; }

header {
  padding: 0; }

header.active {
  padding-bottom: 57px; }
  header.active .navbar {
    position: fixed;
    top: 0;
    left: 0; }

.navbar-nav {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }
  .navbar-nav > li > a {
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 21px 20px 18px !important;
    position: relative; }
    .navbar-nav > li > a i {
      font-size: 13px;
      margin-left: 10px; }
  .navbar-nav > li:hover > a,
  .navbar-nav > li > a.active {
    background: #343434; }
  .navbar-nav > li.active > a {
    background: #343434;
    padding: 21px 25px 18px !important; }
  .navbar-nav > li > a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    top: 0;
    left: 0;
    background: #00A0B0; }
  .navbar-nav > li > a.world:before {
    background: #f44336; }
  .navbar-nav > li > a.features:before {
    background: #436feb; }
  .navbar-nav > li > a.travel:before {
    background: #df4661; }
  .navbar-nav > li > a.tech:before {
    background: #7eb943; }
  .navbar-nav > li > a.fashion:before {
    background: #aa35d6; }
  .navbar-nav > li > a.video:before {
    background: #d6ac1b; }
  .navbar-nav > li > a.sport:before {
    background: #ff7e00; }
  .navbar-nav > li > a.food:before {
    background: #32b47b; }
  .navbar-nav > li > a.open-search {
    border-bottom: 1px solid transparent; }
  .navbar-nav li.drop-link {
    position: relative; }
  .navbar-nav li.search {
    position: inherit; }

.top-line {
  padding: 8px 0 7px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  overflow: visible;
  background: #666;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03); }
  .top-line ul.info-list li {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    position: relative; }
    .top-line ul.info-list li i {
      font-size: 12px;
      margin-right: 10px; }
    .top-line ul.info-list li a {
      color: #f9f9f9;
      outline: none; }
  .top-line ul.info-list li:before {
    content: '|';
    color: #fff;
    font-size: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-right: 12px;
    opacity: 0.3; }
  .top-line ul.info-list li:first-child:before {
    display: none;
    margin-right: 0; }
  .top-line ul.social-icons {
    text-align: right; }
    .top-line ul.social-icons li {
      display: inline-block;
      margin-left: 9px; }
      .top-line ul.social-icons li a {
        font-size: 14px;
        color: #f3f3f3; }
      .top-line ul.social-icons li a:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2); }

header.active .top-line {
  height: 0;
  padding: 0; }

.navbar-collapse {
  position: relative; }

.form-inline {
  position: relative; }
  .form-inline input.form-control {
    border: 1px solid transparent;
    padding: 8px 20px;
    color: #cccccc;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    outline: none !important;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    width: 200px;
    background: #343434;
    margin: 0 !important; }
  .form-inline button.btn-primary {
    position: absolute;
    right: 0;
    top: 0 px;
    padding: 8px 20px;
    font-size: 12px;
    margin-left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    color: #aaa;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .form-inline button.btn-primary:hover {
    opacity: 0.7; }

header.style-2 .header-banner-place {
  padding: 20px 0 25px;
  text-align: center;
  background: #f7f7f7;
  border-bottom: 1px solid #f1f1f1; }
  header.style-2 .header-banner-place a.navbar-brand {
    float: none; }
  header.style-2 .header-banner-place p {
    color: #212121; }

header.style-3 .navbar-brand {
  padding: 10px 0 10px; }

header.style-3 .navbar-nav > li > a {
  padding: 32px 20px 30px !important; }

header.style-3 p {
  font-size: 11px;
  color: #f1f1f1;
  margin: 0; }

header.style-3 .dropdown {
  left: initial;
  right: 0; }
  header.style-3 .dropdown > li .dropdown.level2 {
    left: initial;
    right: 100%; }

header.style-4 {
  box-shadow: 0 1px 2px #e9e9e9;
  -webkit-box-shadow: 0 1px 2px #e9e9e9;
  -moz-box-shadow: 0 1px 2px #e9e9e9;
  -o-box-shadow: 0 1px 2px #e9e9e9; }
  header.style-4 .navbar-brand {
    padding: 6px 0; }
  header.style-4 .navbar-nav > li > a {
    color: #212121 !important;
    padding: 28px 16px 26px !important; }
  header.style-4 .navbar-nav > li.active > a:before,
  header.style-4 .navbar-nav > li:hover > a:before {
    height: 100%;
    z-index: -1; }
  header.style-4 .navbar-nav > li.active > a,
  header.style-4 .navbar-nav > li:hover > a {
    background: transparent;
    color: #fff !important; }
  header.style-4 .top-line {
    background: #212121; }
  header.style-4 p {
    font-size: 11px;
    color: #999;
    margin: 0; }
  header.style-4 .navbar {
    background: #fcfcfc !important;
    position: relative !important; }
  header.style-4 form {
    margin-left: 30px; }
  header.style-4 .form-inline input.form-control {
    background: #f7f7f7;
    border: 1px solid #f3f3f3;
    color: #999; }

.megamenu {
  position: absolute;
  border-top: 2px solid #436feb;
  top: 100%;
  left: 0;
  background: #212121;
  width: 100%;
  padding: 25px 30px;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out; }
  .megamenu h2 {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #343434;
    font-weight: 400;
    position: relative; }
  .megamenu h2:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    left: 0;
    bottom: -1px;
    background: #f44336; }
  .megamenu h2.lay-two:before {
    background: #7eb943; }
  .megamenu h2.lay-three:before {
    background: #ff7e00; }
  .megamenu h2.lay-four:before {
    background: #32b47b; }
  .megamenu ul.mega-list li {
    display: block;
    margin-bottom: 3px;
    padding-bottom: 5px;
    position: relative; }
    .megamenu ul.mega-list li a {
      font-size: 12px;
      font-family: "Open Sans", sans-serif;
      color: #fff; }
    .megamenu ul.mega-list li a:hover {
      color: #00A7B3; }
  .megamenu ul.mega-list li:last-child {
    padding-bottom: 0;
    border: none; }

.mega-posts-menu {
  position: absolute;
  border-top: 2px solid #436feb;
  top: 100%;
  left: 0;
  background: #212121;
  width: 100%;
  padding: 25px 30px 0px;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out; }
  .mega-posts-menu .news-post h2 a {
    color: #fff; }
  .mega-posts-menu .news-post ul.post-tags li i {
    color: #aaa; }
  .mega-posts-menu ul.filter-list {
    overflow: hidden;
    margin-bottom: 20px; }
    .mega-posts-menu ul.filter-list li {
      display: inline-block;
      margin-bottom: 3px;
      margin-right: 3px;
      float: left; }
      .mega-posts-menu ul.filter-list li a {
        padding: 6px 15px;
        color: #ccc;
        font-size: 12px;
        font-family: "Open Sans", sans-serif;
        border: 1px solid #333333; }
      .mega-posts-menu ul.filter-list li a:hover {
        background: #00A7B3;
        border: 1px solid transparent;
        color: #fff; }

li a.nav-link.world + .mega-posts-menu {
  border-top: 2px solid #f44336; }

li a.nav-link.tech + .mega-posts-menu {
  border-top: 2px solid #7eb943; }

li a.nav-link.fashion + .mega-posts-menu {
  border-top: 2px solid #aa35d6; }

li a.nav-link.sport + .mega-posts-menu {
  border-top: 2px solid #ff7e00; }

li a.nav-link.food + .mega-posts-menu {
  border-top: 2px solid #32b47b; }

li:hover .megamenu,
li:hover .mega-posts-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0; }

.dropdown {
  position: absolute;
  border-top: 2px solid #00A7B3;
  top: 100%;
  left: 0;
  background: #212121;
  width: 200px;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out; }
  .dropdown > li {
    position: relative;
    display: block;
    border-bottom: 1px solid #333333; }
    .dropdown > li a {
      padding: 10px 20px;
      font-size: 12px;
      font-family: "Open Sans", sans-serif;
      color: #fff; }
      .dropdown > li a i {
        font-size: 13px;
        margin-left: 10px; }
    .dropdown > li > a:hover {
      color: #00A7B3; }
    .dropdown > li .dropdown.level2 {
      top: -2px;
      left: 100%;
      border-left: 1px solid #292929; }

li:hover > .dropdown {
  visibility: visible;
  opacity: 1;
  margin-top: 0; }

a.open-menu {
  color: #fff;
  font-size: 15px;
  padding: 20px 0; }

div.vertical-box {
  position: fixed;
  top: 0;
  left: -260px;
  width: 260px;
  height: 100%;
  background: #282828;
  overflow-y: scroll;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }
  div.vertical-box a.close-menu {
    position: absolute;
    top: 23px;
    right: 25px;
    font-size: 17px;
    color: #00A7B3; }
  div.vertical-box h2 {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #333333;
    padding: 20px 30px; }
  div.vertical-box ul.vertical-menu {
    padding: 20px 30px;
    border-bottom: 1px solid #333333; }
    div.vertical-box ul.vertical-menu li {
      display: block;
      margin-bottom: 5px; }
      div.vertical-box ul.vertical-menu li a {
        font-size: 13px;
        font-family: "Open Sans", sans-serif;
        color: #fff;
        text-transform: uppercase; }
        div.vertical-box ul.vertical-menu li a i {
          margin-left: 10px;
          font-size: 16px;
          color: #00A7B3; }
      div.vertical-box ul.vertical-menu li ul.level2 {
        padding: 6px 0;
        padding-left: 30px;
        display: none; }
        div.vertical-box ul.vertical-menu li ul.level2 li a {
          text-transform: capitalize;
          color: #aaa; }
  div.vertical-box ul.social-icons {
    padding: 10px 30px; }
    div.vertical-box ul.social-icons li {
      display: inline-block;
      margin-right: 9px; }
      div.vertical-box ul.social-icons li a {
        font-size: 14px;
        color: #f3f3f3; }
      div.vertical-box ul.social-icons li a:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2); }

div.vertical-box.active {
  left: 0; }

/*-------------------------------------------------- */
/* 1. Isotope filtering */
/*------------------------------------------------- */
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity; }

/*------------------------------------------------- */
/* =  General */
/*------------------------------------------------- */
body {
  background: #fff; }

body.boxed-style {
  background: #f1f1f1; }
  body.boxed-style #container {
    max-width: 1190px;
    margin: 0 auto;
    background: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    box-shadow: 0 0 10px #e5e5e5;
    -webkit-box-shadow: 0 0 10px #e5e5e5;
    -moz-box-shadow: 0 0 10px #e5e5e5;
    -o-box-shadow: 0 0 10px #e5e5e5;
    overflow: hidden;
    position: relative;
    z-index: 2; }

#content-section {
   }
  #content-section .posts-block {
    margin-bottom: 20px; }
  #content-section .advertisement {
    text-align: center;
    margin-bottom: 30px; }
  #content-section .more-from-news {
    padding: 30px 30px 0;
    margin-bottom: 40px;
    border: 1px solid #f1f1f1;
    background: #fff; } /*原来是#f7f7f7*/
    #content-section .more-from-news .small-posts {
      margin: 0 0 30px; }
    #content-section .more-from-news h1 {
      padding-bottom: 13px;
      border-bottom: 1px solid #e1e1e1; }
  #content-section ul.pagination-list {
    margin-bottom: 40px; }
    #content-section ul.pagination-list li {
      display: inline-block; }
      #content-section ul.pagination-list li a {
        padding: 6px 14px;
        color: #565656;
        font-size: 12px;
        font-family: "Open Sans", sans-serif;
        border: 1px solid #f1f1f1; }
      #content-section ul.pagination-list li a.active {
        border: 1px solid #a1a1a1; }
      #content-section ul.pagination-list li a:hover {
        background: #00A7B3;
        border: 1px solid transparent;
        color: #fff;
      }

.default-padding { padding: 40px 0; }
.no-padding { padding: 0 0 40px 0; }

.news-headline {
  overflow: hidden;
  margin-bottom: 40px;
  position: relative; }
  .news-headline .news-post {
    float: left;
    width: 25%;
    margin-bottom: 0; }
  .news-headline span.title-notifier {
    background: #00A7B3;
    display: inline-block;
    color: #fff !important;
    z-index: 2;
    font-size: 12px;
    padding: 3px 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px; }

.wide-news-heading {
  overflow: hidden;
  margin-bottom: 0px;
  padding-top: 1px;
  padding-right: 1px; }
  .wide-news-heading .item {
    float: left;
    width: 20%;
    padding-left: 1px;
    padding-bottom: 1px; }
    .wide-news-heading .item .news-post {
      margin-bottom: 0; }
  .wide-news-heading .item.main-news {
    width: 40%; }
  .wide-news-heading .flex-control-nav {
    display: none; }
  .wide-news-heading .flex-direction-nav {
    padding: 0 10px;
    width: 100%;
    top: 50%;
    bottom: initial;
    right: 0;
    margin-top: -20px;
    opacity: 0; }
  .wide-news-heading .flex-direction-nav .flex-prev,
  .wide-news-heading .flex-direction-nav .flex-next {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    line-height: 40px; }
  .wide-news-heading .flexslider:hover .flex-direction-nav {
    opacity: 1; }

.slider-news-fullwidth {
  margin-bottom: 30px; }
  .slider-news-fullwidth .flexslider .slider-caption {
    width: 50%;
    float: left;
    padding: 20px 0;
    padding-right: 15px; }
    .slider-news-fullwidth .flexslider .slider-caption h2 {
      font-size: 36px;
      font-weight: 600;
      line-height: 42px;
      margin: 12px 0; }
      .slider-news-fullwidth .flexslider .slider-caption h2 a {
        color: #212121; }
      .slider-news-fullwidth .flexslider .slider-caption h2 a:hover {
        color: #00A7B3; }
    .slider-news-fullwidth .flexslider .slider-caption ul.post-tags {
      margin-bottom: 15px; }
    .slider-news-fullwidth .flexslider .slider-caption p {
      font-size: 15px;
      line-height: 24px;
      max-height: 72px;
      overflow: hidden; }
  .slider-news-fullwidth .flexslider img {
    width: 50%;
    height: auto;
    float: right;
    padding-left: 15px; }
  .slider-news-fullwidth .flex-control-nav {
    display: none; }

.news-headline-box {
  padding: 30px 30px 0;
  margin-bottom: 30px;
  background: #212121;
  border: 2px solid #333333; }
  .news-headline-box > h2 {
    color: #f44336;
    border-bottom: 2px solid #333333;
    padding-bottom: 13px;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 18px; }
  .news-headline-box .flexslider {
    margin-bottom: 30px !important; }
  .news-headline-box .flex-control-nav {
    display: none; }
  .news-headline-box .flex-direction-nav {
    padding: 0 10px;
    width: 100%;
    top: 50%;
    bottom: initial;
    right: 0;
    margin-top: -20px;
    opacity: 0; }
  .news-headline-box .flex-direction-nav .flex-prev,
  .news-headline-box .flex-direction-nav .flex-next {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    line-height: 40px; }
  .news-headline-box .flexslider:hover .flex-direction-nav {
    opacity: 1; }
  .news-headline-box .thumb-post h2 a,
  .news-headline-box ul.small-posts > li h2 a {
    color: #f1f1f1; }
  .news-headline-box ul.small-posts {
    margin-top: 0; }
    .news-headline-box ul.small-posts > li {
      margin-bottom: 20px; }
    .news-headline-box ul.small-posts > li:last-child {
      margin-bottom: 0; }
    .news-headline-box ul.small-posts ul.post-tags li i {
      color: #f1f1f1; }
  .news-headline-box .list-box {
    padding: 25px;
    background: #333333; }
  .news-headline-box .row-list {
    padding-top: 30px;
    border-top: 1px solid #333333; }

.video-line {
  margin-bottom: 30px; }
  .video-line > h1 {
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1; }

.categories-box {
  overflow: hidden; }
  .categories-box .news-post {
    margin-bottom: 0; }
  .categories-box a.more {
    margin-bottom: 25px;
    color: #00A7B3;
    font-size: 12px;
    font-family: "Open Sans", sans-serif; }
  .categories-box a.more:hover {
    text-decoration: underline !important; }

a.category {
  background: #00A7B3;
  display: inline-block;
  color: #fff !important;
  font-size: 11px;
  padding: 1px 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer; }

a.category:hover {
  opacity: 0.8; }

a.category-world {
  background: #f44336; }

a.category-travel {
  background: #df4661; }

a.category-tech {
  background: #7eb943; }

a.category-fashion {
  background: #aa35d6; }

a.category-video {
  background: #d6ac1b; }

a.category-sport {
  background: #ff7e00; }

a.category-food {
  background: #32b47b; }

.title-section {
  margin-bottom: 20px;
  position: relative;
  display:flex; }
  .title-section h1 {
    color: #212121;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f1f1;
    margin: 0; }
    .title-section h1 i {
      font-size: 15px;
      margin-left: 7px; }

.title-section.second-style {
  text-align: center;
  margin-bottom: 40px; }
  .title-section.second-style h1 {
    font-size: 40px;
    text-transform: initial; }

button.mfp-close, button.mfp-arrow, a.zoom {
  outline: none; }

.owl-carousel {
  margin-left: -15px;
  margin-right: -15px; }
  .owl-carousel .item {
    padding: 0 15px; }
  .owl-carousel .news-post {
    margin-bottom: 15px; }

.owl-theme .owl-controls .owl-pagination {
  display: none !important; }

.owl-carousel {
  width: auto; }

.owl-theme .owl-controls {
  margin-top: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -60px;
  margin-right: 12px; }
  .owl-theme .owl-controls .owl-buttons div {
    font-size: 11px;
    color: #565656;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background: transparent;
    border: 1px solid #cccccc;
    margin-left: 2px;
    outline: none;
    padding: 0;
    opacity: 1;
    margin: 0 3px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .owl-theme .owl-controls .owl-buttons div:hover {
    color: #fff;
    background: #00A7B3;
    border: 1px solid #00A7B3; }
  .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
    content: '\f104';
    font-family: 'FontAwesome';
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #565656; }
  .owl-theme .owl-controls .owl-buttons div.owl-next:after {
    content: '\f105';
    font-family: 'FontAwesome';
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #565656; }
  .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after {
    color: #fff; }
  .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after {
    color: #fff; }

.masonry-box .iso-call {
  margin: -15px -15px 15px; }
  .masonry-box .iso-call .news-post {
    width: 33.333333%;
    padding: 15px;
    margin: 0; }

.masonry-box .iso-call.colum-4 .news-post {
  width: 25%; }

.center-button {
  padding: 10px 0;
  text-align: center; }

a.load-more {
  color: #fff;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  padding: 10px 25px;
  background: #00A7B3; }
  a.load-more i {
    margin-left: 7px; }

a.load-more:hover {
  opacity: 0.85; }

.combined-fullwidth {
  margin-bottom: 60px !important; }
  .combined-fullwidth ul.small-posts > li {
    margin-bottom: 5px; }

/*-------------------------------------------------- */
/* 1. Slider news
/*------------------------------------------------- */
.slider-news {
  margin-bottom: 40px; }
  .slider-news img {
    width: 100%;
    height: auto; }
  .slider-news .slider-caption {
    position: absolute;
    width: 280px;
    bottom: 0px;
    height: 100%;
    right: 0;
    padding: 30px;
    background: rgba(245, 245, 245, 0.8); }
    .slider-news .slider-caption h2 {
      margin-bottom: 5px;
      font-size: 22px; }
      .slider-news .slider-caption h2 a {
        color: #212121; }
      .slider-news .slider-caption h2 a:hover {
        opacity: 0.85; }
    .slider-news .slider-caption p {
      margin-bottom: 0;
      max-width: 400px; }
    .slider-news .slider-caption a.category {
      margin-bottom: 12px; }
  .slider-news .flex-control-paging {
    display: none; }
  .slider-news .flex-control-paging li a {
    background: #212121;
    padding: 3px 7px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 10px; }
  .slider-news .flex-control-paging li a:hover,
  .slider-news .flex-control-paging li a.flex-active {
    background: #00A7B3;
    color: #fff; }

.slider-widget {
  overflow: hidden; }
  .slider-widget ul {
    margin-top: 16px; }
  .slider-widget img {
    width: 100%;
    height: auto; }
  .slider-widget .flex-control-paging {
    display: none; }
  .slider-widget .flex-direction-nav {
    bottom: 2px;
    right: 2px;
    opacity: 0; }
  .slider-widget .flexslider:hover .flex-direction-nav {
    opacity: 1; }
  .slider-widget .flex-direction-nav li a {
    background: #fff !important; }
  .slider-widget .flex-direction-nav li a:after {
    color: #343434 !important; }
  .slider-widget .slider-caption {
    position: absolute;
    width: 280px;
    bottom: 0px;
    width: 100%;
    left: 0;
    padding: 15px;
    background: rgba(17, 17, 17, 0.95);
    background: -webkit-linear-gradient(legacy-direction(rgba(17, 17, 17, 0)), rgba(17, 17, 17, 0.95));
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.95)); }
    .slider-widget .slider-caption h2 {
      margin-bottom: -3px !important;
      font-size: 14px;
      font-weight: 400; }
      .slider-widget .slider-caption h2 a {
        color: #fff; }
      .slider-widget .slider-caption h2 a:hover {
        opacity: 0.85; }
    .slider-widget .slider-caption ul.post-tags {
      margin: 0; }
      .slider-widget .slider-caption ul.post-tags li {
        color: #e1e1e1; }
        .slider-widget .slider-caption ul.post-tags li i {
          color: #fff; }
        .slider-widget .slider-caption ul.post-tags li a {
          color: #e1e1e1; }
    .slider-widget .slider-caption a.category {
      margin-bottom: 5px; }

.news-headline2 .flex-direction-nav {
  top: 50%;
  right: 0px;
  width: 100%;
  height: 40px;
  margin-top: -10px;
  bottom: inherit;
  opacity: 0; }

.news-headline2 .flexslider:hover .flex-direction-nav {
  opacity: 1; }

.news-headline2 .flex-direction-nav li a {
  width: 40px;
  height: 40px;
  line-height: 40px; }

.news-headline2 .flex-direction-nav li a:after {
  font-size: 20px; }

/*-------------------------------------------------- */
/* 1. Standart post
/*------------------------------------------------- */
.news-post {
  margin-bottom: 30px; }

/* post tags list style */
ul.post-tags {
  margin-bottom: 8px; }
  ul.post-tags li {
    display: inline-block;
    margin-right: 7px;
    color: #999;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
    ul.post-tags li i {
      font-size: 12px;
      color: #343434;
      margin-right: 5px; }
    ul.post-tags li a {
      color: #999; }
    ul.post-tags li a:hover {
      color: #00A7B3; }
  ul.post-tags li:last-child {
    margin-right: 0; }

.standart-post .post-image {
  position: relative;
  margin-bottom: 14px; }
  .standart-post .post-image a {
    display: block; }
    .standart-post .post-image a img {
      width: 100%;
      height: auto; }
  .standart-post .post-image a.category {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0; }

.standart-post h2 {
  font-weight: 600;
  line-height: 24px;
  text-transform: initial;
  margin-bottom: 2px; }
  .standart-post h2 a {
    color: #212121; }
  .standart-post h2 a:hover {
    color: #00A7B3; }

.video-post .post-image {
  position: relative;
  margin-bottom: 14px; }
  .video-post .post-image a {
    display: block; }
    .video-post .post-image a img {
      width: 100%;
      height: auto; }
  .video-post .post-image i {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    top: 50%;
    font-size: 20px;
    color: #fff;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.3);
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }

.video-post h2 {
  font-weight: 600;
  line-height: 24px;
  text-transform: initial;
  margin-bottom: 2px; }
  .video-post h2 a {
    color: #212121; }
  .video-post h2 a:hover {
    color: #00A7B3; }

.alternative-post {
  text-align: center; }
  .alternative-post .post-image {
    position: relative;
    margin-bottom: 10px; }
    .alternative-post .post-image a {
      display: block; }
      .alternative-post .post-image a img {
        width: 100%;
        height: auto; }
    .alternative-post .post-image a.category {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0; }
    .alternative-post .post-image h2 {
      position: absolute;
      bottom: -3px;
      left: 30px;
      right: 30px;
      font-weight: 600;
      line-height: 24px;
      text-transform: initial;
      margin: 0px;
      padding: 10px;
      background: #fff;
      z-index: 2;
      text-align: center; }
      .alternative-post .post-image h2 a {
        color: #212121; }
      .alternative-post .post-image h2 a:hover {
        color: #00A7B3; }

.thumb-post {
  text-align: center; }
  .thumb-post .post-image {
    position: relative;
    margin-bottom: 14px; }
    .thumb-post .post-image a {
      display: block; }
      .thumb-post .post-image a img {
        width: 100%;
        height: auto; }
  .thumb-post h2 {
    font-weight: 400;
    line-height: 20px;
    font-size: 13px;
    text-transform: initial;
    margin-bottom: 2px; }
    .thumb-post h2 a {
      color: #212121; }
    .thumb-post h2 a:hover {
      color: #00A7B3; }

.image-post {
  position: relative;
  overflow: hidden; }
  .image-post img {
    width: 100%;
    height: auto;
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out; }
  .image-post .hover-box {
    position: absolute;
    width: 100%;
    padding: 20px;
    bottom: 0;
    left: 0;
    background: rgba(17, 17, 17, 0.95);
    background: -webkit-linear-gradient(legacy-direction(rgba(17, 17, 17, 0)), rgba(17, 17, 17, 0.95));
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.95)); }
    .image-post .hover-box a.category {
      margin-bottom: 10px; }
    .image-post .hover-box ul.post-tags li {
      color: #fff; }
      .image-post .hover-box ul.post-tags li i {
        color: #fff; }
      .image-post .hover-box ul.post-tags li a {
        color: #fff; }
  .image-post h2 {
    font-weight: 400;
    line-height: 20px;
    text-transform: initial;
    margin-bottom: 2px;
    color: #fff; }
    .image-post h2 a {
      color: #fff; }
    .image-post h2 a:hover {
      opacity: 0.8; }

.image-post:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1); }

.large-post .post-image {
  position: relative;
  margin-bottom: 14px; }
  .large-post .post-image a {
    display: block; }
    .large-post .post-image a img {
      width: 100%;
      height: auto; }
  .large-post .post-image a.category {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0; }

.large-post h2 {
  font-weight: 600;
  line-height: 24px;
  text-transform: initial;
  margin-bottom: 2px; }
  .large-post h2 a {
    color: #212121; }
  .large-post h2 a:hover {
    color: #00A7B3; }

.large-image-post {
  position: relative;
  overflow: hidden;
  margin-bottom: 0; }
  .large-image-post img {
    width: 100%;
    height: auto;
    transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out; }
  .large-image-post .hover-box {
    position: absolute;
    width: 100%;
    padding: 60px 30px 30px;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.95);
    background: -webkit-linear-gradient(legacy-direction(transparent), rgba(0, 0, 0, 0.95));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.95)); }
    .large-image-post .hover-box a.category {
      margin-bottom: 15px; }
    .large-image-post .hover-box ul.post-tags li {
      color: #fff; }
      .large-image-post .hover-box ul.post-tags li i {
        color: #fff; }
      .large-image-post .hover-box ul.post-tags li a {
        color: #fff; }
  .large-image-post h2 {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px;
    color: #fff; }
    .large-image-post h2 a {
      color: #fff; }
    .large-image-post h2 a:hover {
      opacity: 0.8; }
  .large-image-post p {
    color: #fff;
    max-width: 640px;
    margin: 0 auto; }

.large-image-post:hover img {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03); }

.large-post {
  margin-bottom: 50px; }
  .large-post img {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
  .large-post iframe {
    width: 100%;
    height: 400px;
    margin-bottom: 30px; }
  .large-post .post-content {
    padding: 0 30px; }
    .large-post .post-content h2 {
      text-transform: uppercase;
      font-size: 24px;
      margin-bottom: 15px;
      line-height: 30px; }
    .large-post .post-content ul.post-tags {
      margin-bottom: 15px; }
      .large-post .post-content ul.post-tags li {
        font-size: 13px; }
    .large-post .post-content p {
      font-size: 14px;
      margin-bottom: 15px; }
  .large-post a.read-more {
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    padding: 10px 25px;
    background: #00A7B3; }
    .large-post a.read-more i {
      margin-left: 7px; }
  .large-post a.read-more:hover {
    opacity: 0.85; }

.article-post .post-image {
  position: relative; }
  .article-post .post-image a {
    display: block; }
    .article-post .post-image a img {
      width: 100%;
      height: auto; }
  .article-post .post-image a.category {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0; }

.article-post h2 {
  font-weight: 600;
  line-height: 24px;
  text-transform: initial;
  margin-bottom: 2px;
  margin-top: 10px; }
  .article-post h2 a {
    color: #212121; }
  .article-post h2 a:hover {
    color: #00A7B3; }

ul.list-news {
  margin-top: 3px; }
  ul.list-news > li {
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 8px 15px;
    position: relative; }
    ul.list-news > li h2 {
      font-weight: 400;
      line-height: 24px;
      text-transform: initial;
      margin-bottom: -4px;
      color: #00A7B3;
      font-size: 13px;
      font-weight: 400 !important; }
      ul.list-news > li h2 a {
        color: #00A7B3; }
      ul.list-news > li h2 a:hover {
        opacity: 0.8; }
  ul.list-news > li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #00A7B3;
    left: 0;
    top: 18px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  ul.list-news > li:last-child {
    border-bottom: none; }

ul.small-posts {
  margin-top: 15px; }
  ul.small-posts > li {
    display: block;
    margin-bottom: 10px;
    overflow: hidden; }
    ul.small-posts > li > a {
      float: left;
      width: 80px;
      margin-right: 20px; }
      ul.small-posts > li > a img {
        width: 100%;
        height: auto; }
    ul.small-posts > li .post-cont {
      margin-left: 100px;
      padding-top: 5px; }
    ul.small-posts > li h2 {
      text-transform: initial;
      font-size: 13px;
      font-weight: 500;
      line-height: 20px;
      margin-bottom: 3px; }
      ul.small-posts > li h2 a {
        color: #565656; }
      ul.small-posts > li h2 a:hover {
        color: #00A7B3; }
  ul.small-posts > li:last-child {
    margin-bottom: 0; }

.posts-block ul.small-posts {
  margin-top: 0; }

/*-------------------------------------------------- */
/* 1. Sidebar
/*------------------------------------------------- */
.sidebar {
  padding-left: 10px; }
  .sidebar .widget {
    margin-bottom: 30px; }
  .sidebar h1 {
    color: #565656;
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef; }
  .sidebar .search-widget input[type="search"] {
    margin: 0;
    width: 100%;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #f3f3f3;
    color: #565656;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    outline: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
  .sidebar .search-widget button {
    background: transparent;
    border: none;
    float: right;
    margin-top: -42px;
    margin-right: 15px;
    position: relative;
    z-index: 2; }
  .sidebar .search-widget button i {
    color: #212121;
    font-size: 13px; }
  .sidebar .social-widget p {
    margin-bottom: 12px; }
  .sidebar .social-widget ul.social-share {
    overflow: hidden; }
    .sidebar .social-widget ul.social-share li {
      float: left;
      width: 25%;
      list-style: none; }
      .sidebar .social-widget ul.social-share li a {
        padding: 14px 10px;
        width: 100%;
        color: #fff;
        font-size: 16px;
        text-align: center; }
        .sidebar .social-widget ul.social-share li a i {
          transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out; }
        .sidebar .social-widget ul.social-share li a span {
          font-size: 12px;
          display: block;
          margin: 0;
          font-family: "Open Sans", sans-serif;
          letter-spacing: 0.5px; }
      .sidebar .social-widget ul.social-share li a.rss {
        background: #f0771e; }
      .sidebar .social-widget ul.social-share li a.facebook {
        background: #436feb; }
      .sidebar .social-widget ul.social-share li a.twitter {
        background: #43c9eb; }
      .sidebar .social-widget ul.social-share li a.google {
        background: #f14133; }
      .sidebar .social-widget ul.social-share li a:hover {
        opacity: 0.9; }
        .sidebar .social-widget ul.social-share li a:hover i {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg); }
  .sidebar .tabs-widget .nav-tabs {
    border: none; }
    .sidebar .tabs-widget .nav-tabs a.nav-item {
      width: 33.333333%;
      border: none;
      text-align: center;
      background: #00A7B3;
      color: #fff;
      font-size: 12px;
      font-family: "Open Sans", sans-serif;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      padding: 14px 2px;
      background: #f44336;
      border-left: 1px solid rgba(31, 31, 31, 0.1); }
    .sidebar .tabs-widget .nav-tabs a:first-child {
      border-left: 1px solid transparent; }
    .sidebar .tabs-widget .nav-tabs a[aria-selected="true"] {
      background: #00A7B3; }
  .sidebar .tabs-widget .tab-content {
    padding: 20px;
    border: 1px solid #f1f1f1; }
    .sidebar .tabs-widget .tab-content ul.small-posts {
      margin: 0; }
  .sidebar .tags-widget ul.tags-list {
    overflow: hidden;
    padding-top: 3px; }
    .sidebar .tags-widget ul.tags-list li {
      display: inline-block;
      margin-bottom: 3px;
      margin-right: 3px;
      float: left; }
      .sidebar .tags-widget ul.tags-list li a {
        padding: 6px 20px;
        color: #565656;
        font-size: 12px;
        font-family: "Open Sans", sans-serif;
        border: 1px solid #f1f1f1; }
      .sidebar .tags-widget ul.tags-list li a:hover {
        background: #00A7B3;
        border: 1px solid transparent;
        color: #fff; }
  .sidebar .archive-widget ul.archive-list li {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f1; }
    .sidebar .archive-widget ul.archive-list li a {
      font-size: 13px;
      font-family: "Open Sans", sans-serif;
      color: #565656; }
      .sidebar .archive-widget ul.archive-list li a span {
        font-weight: 700;
        color: #f44336; }
    .sidebar .archive-widget ul.archive-list li a:hover {
      color: #00A7B3; }
  .sidebar .archive-widget ul.archive-list li:first-child {
    padding-top: 0; }
  .sidebar .archive-widget ul.archive-list li:last-child {
    padding-bottom: 0;
    border-bottom: none; }
  .sidebar .advertisement {
    text-align: center;
    margin-bottom: 30px; }

/*-------------------------------------------------- */
/*  Single Post
/*------------------------------------------------- */
.single-post > h1 {
  font-size: 34px;
  margin-bottom: 12px;
  padding: 0 30px; }

.single-post ul.post-tags {
  margin-bottom: 20px;
  padding: 0 30px; }
  .single-post ul.post-tags li {
    color: #777;
    font-size: 14px;
    margin-right: 15px; }
    .single-post ul.post-tags li i {
      font-size: 14px;
      margin-right: 10px; }

.single-post img {
  width: 100%;
  height: auto;
  margin-bottom: 30px; }

.single-post .text-boxes {
  padding: 0 30px; }
  .single-post .text-boxes ul.tags-list {
    overflow: hidden;
    padding-top: 3px;
    margin-bottom: 30px; }
    .single-post .text-boxes ul.tags-list li {
      display: inline-block;
      margin-bottom: 3px;
      margin-right: 3px;
      float: left; }
      .single-post .text-boxes ul.tags-list li a {
        padding: 6px 20px;
        color: #565656;
        font-size: 12px;
        font-family: "Open Sans", sans-serif;
        border: 1px solid #f1f1f1; }
      .single-post .text-boxes ul.tags-list li a:hover {
        background: #00A7B3;
        border: 1px solid transparent;
        color: #fff; }

.single-post p {
  color: #545454;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 26px; }
  .single-post p a {
    color: #00A7B3;
    text-decoration: underline !important; }

.single-post blockquote {
  text-align: center;
  padding: 30px 25px;
  background: #00A7B3;
  margin-bottom: 30px; }
  .single-post blockquote p {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    line-height: 32px;
    margin-bottom: 0; }

.single-post .flex-control-nav {
  display: block;
  bottom: 60px;
  top: initial;
  width: 100%;
  text-align: center;
  right: initial;
  left: 0; }
  .single-post .flex-control-nav li {
    margin: 0 5px; }
  .single-post .flex-control-nav li a {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-indent: 99999px !important; }
  .single-post .flex-control-nav li a.flex-active {
    background: #fff; }

.single-post .flex-direction-nav {
  padding: 0 10px;
  width: 100%;
  top: 50%;
  bottom: initial;
  right: 0;
  margin-top: -20px;
  opacity: 0; }

.single-post .flex-direction-nav .flex-prev,
.single-post .flex-direction-nav .flex-next {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  line-height: 40px; }

.single-post .flexslider:hover .flex-direction-nav {
  opacity: 1; }

.single-post .format-post-audio iframe {
  width: 100%;
  height: 160px;
  margin-bottom: 30px; }

.single-post .format-post-video iframe {
  width: 100%;
  height: 420px;
  margin-bottom: 30px; }

.share-post-box {
  padding: 0 30px;
  margin-bottom: 30px; }
  .share-post-box ul.share-box {
    overflow: hidden; }
    .share-post-box ul.share-box li {
      list-style: none;
      float: left; }
      .share-post-box ul.share-box li a {
        padding: 15px 36px;
        color: #fff;
        font-size: 13px;
        font-family: "Open Sans", sans-serif; }
        .share-post-box ul.share-box li a span {
          margin-left: 8px; }
        .share-post-box ul.share-box li a i {
          font-size: 17px; }
      .share-post-box ul.share-box li a:hover {
        opacity: 0.7; }
      .share-post-box ul.share-box li a.facebook {
        background: #436feb; }
      .share-post-box ul.share-box li a.twitter {
        background: #43c9eb; }
      .share-post-box ul.share-box li a.google {
        background: #f14133; }
      .share-post-box ul.share-box li a.linkedin {
        background: #1879dd; }
      .share-post-box ul.share-box li a.rss {
        background: #f0771e; }

.author-profile {
  margin: 30px 0; }
  .author-profile .author-box {
    overflow: hidden;
    padding: 30px;
    border: 2px solid #f1f1f1; }
    .author-profile .author-box img {
      float: left;
      width: 100px;
      height: auto;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    .author-profile .author-box .author-content {
      margin-left: 130px; }
      .author-profile .author-box .author-content h4 {
        color: #212121;
        font-size: 14px;
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        margin: 0 0 8px; }
        .author-profile .author-box .author-content h4 a {
          color: #00A7B3;
          font-size: 13px;
          margin-left: 10px; }
        .author-profile .author-box .author-content h4 a:before {
          content: '/';
          color: #00A7B3;
          font-size: 12px;
          font-family: "Open Sans", sans-serif;
          margin-right: 10px; }
        .author-profile .author-box .author-content h4 a:hover {
          opacity: 0.7; }
      .author-profile .author-box .author-content ul.author-social li {
        display: inline-block;
        margin-right: 5px; }
        .author-profile .author-box .author-content ul.author-social li a {
          font-size: 15px;
          color: #565656; }
        .author-profile .author-box .author-content ul.author-social li a:hover {
          color: #00A7B3; }

.comment-area-box {
  padding-top: 20px; }
  .comment-area-box > ul {
    padding-top: 10px; }
    .comment-area-box > ul li {
      list-style: none; }
      .comment-area-box > ul li .comment-box {
        overflow: hidden;
        margin-bottom: 55px; }
        .comment-area-box > ul li .comment-box img {
          max-width: 60px;
          float: left;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        .comment-area-box > ul li .comment-box .comment-content {
          margin-left: 80px; }
          .comment-area-box > ul li .comment-box .comment-content h4 {
            color: #212121;
            font-size: 14px;
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            margin: 0; }
          .comment-area-box > ul li .comment-box .comment-content span, .comment-area-box > ul li .comment-box .comment-content a {
            font-size: 12px;
            color: #565656;
            font-family: "Open Sans", sans-serif;
            display: inline-block;
            margin: 0 0 16px; }
            .comment-area-box > ul li .comment-box .comment-content span i, .comment-area-box > ul li .comment-box .comment-content a i {
              font-size: 15px;
              margin-right: 6px; }
          .comment-area-box > ul li .comment-box .comment-content a {
            float: right; }
          .comment-area-box > ul li .comment-box .comment-content a:hover {
            color: #00A7B3; }
          .comment-area-box > ul li .comment-box .comment-content p {
            margin-bottom: 0px; }

.contact-form-box .title-section {
  margin-bottom: 30px; }
  .contact-form-box .title-section h1 span.email-not-published {
    float: right;
    font-size: 13px;
    text-transform: initial;
    font-weight: 400;
    margin-top: 4px; }

.contact-form-box > span {
  display: block;
  font-size: 12px;
  color: #565656;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  font-style: italic;
  margin: 0 0 25px; }

.contact-form-box #comment-form {
  margin: 0 0 50px; }
  .contact-form-box #comment-form label {
    color: #212121;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    display: block;
    margin-bottom: 8px;
    font-weight: 600; }
  .contact-form-box #comment-form input[type="text"],
  .contact-form-box #comment-form textarea {
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    color: #565656;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    outline: none;
    border: 1px solid #e1e1e1;
    margin: 0 0 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
  .contact-form-box #comment-form textarea {
    height: 120px;
    margin-bottom: 30px; }
  .contact-form-box #comment-form button {
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    padding: 12px 25px;
    background: #00A7B3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin: 0;
    border: none;
    outline: none; }
    .contact-form-box #comment-form button i {
      display: inline-block;
      margin-right: 10px; }
  .contact-form-box #comment-form button:hover {
    opacity: 0.85; }

.single-post-gal {
  margin: -40px 0 30px;
  width: 100%;
  overflow: hidden; }
  .single-post-gal .flexslider img {
    width: 100%;
    height: auto; }
  .single-post-gal .flexslider .flex-control-nav {
    display: block;
    bottom: 60px;
    top: initial;
    width: 100%;
    text-align: center;
    right: initial;
    left: 0; }
    .single-post-gal .flexslider .flex-control-nav li {
      margin: 0 5px; }
    .single-post-gal .flexslider .flex-control-nav li a {
      width: 10px;
      height: 10px;
      background: transparent;
      border: 2px solid rgba(255, 255, 255, 0.8);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      text-indent: 99999px !important; }
    .single-post-gal .flexslider .flex-control-nav li a.flex-active {
      background: #fff; }
  .single-post-gal .flexslider .flex-direction-nav {
    padding: 0 10px;
    width: 100%;
    top: 50%;
    bottom: initial;
    right: 0;
    margin-top: -20px;
    opacity: 1; }
  .single-post-gal .flexslider .flex-direction-nav .flex-prev,
  .single-post-gal .flexslider .flex-direction-nav .flex-next {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    line-height: 40px; }
  .single-post-gal .flexslider .flexslider:hover .flex-direction-nav {
    opacity: 1; }

/*-------------------------------------------------- */
/*  Forums
/*------------------------------------------------- */
.forum-box .search-box {
  padding: 10px 30px 30px; }

.forum-box p.line-for-loggin {
  color: #fff;
  padding: 10px 20px;
  background: #f44336;
  font-size: 13px; }

.forum-table {
  margin-bottom: 30px; }
  .forum-table .table-head {
    overflow: hidden;
    background: #222222; }
    .forum-table .table-head > div {
      float: left;
      padding: 12px 16px; }
      .forum-table .table-head > div span {
        color: #ffffff;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 700; }
  .forum-table div.first-col {
    width: 55%; }
    .forum-table div.first-col a {
      font-size: 14px;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 700; }
    .forum-table div.first-col a:hover {
      color: #00A7B3; }
  .forum-table div.second-col {
    width: 20%; }
  .forum-table div.third-col {
    width: 25%;
    text-align: right; }
  .forum-table div.table-row {
    overflow: hidden;
    background: #fafafa;
    position: relative; }
    .forum-table div.table-row > div {
      float: left;
      padding: 15px 15px; }
      .forum-table div.table-row > div span {
        color: #ffffff;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 700; }
      .forum-table div.table-row > div h2 {
        font-size: 14px;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        color: #212121;
        margin: 0 0 8px; }
        .forum-table div.table-row > div h2 a {
          color: #212121; }
        .forum-table div.table-row > div h2 a:hover {
          color: #00A7B3; }
      .forum-table div.table-row > div p {
        display: block;
        margin: 0;
        font-size: 14px; }
    .forum-table div.table-row div.second-col span {
      color: #212121; }
    .forum-table div.table-row div.second-col p {
      font-size: 11px;
      text-transform: uppercase; }
    .forum-table div.table-row div.third-col img {
      width: 60px;
      float: right;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-left: 17px; }
    .forum-table div.table-row div.third-col p {
      font-size: 11px;
      line-height: 16px; }
      .forum-table div.table-row div.third-col p a {
        color: #00A7B3;
        text-transform: inherit; }
    .forum-table div.table-row div.forum-post {
      overflow: hidden;
      float: left;
      width: 80%; }
      .forum-table div.table-row div.forum-post img {
        max-width: 45px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        float: left; }
      .forum-table div.table-row div.forum-post .post-autor-date {
        margin-left: 60px; }
        .forum-table div.table-row div.forum-post .post-autor-date h2 {
          color: #212121;
          font-size: 14px;
          font-family: "Open Sans", sans-serif;
          font-weight: 700;
          line-height: 16px;
          margin: 0 0 3px; }
          .forum-table div.table-row div.forum-post .post-autor-date h2 a {
            color: #212121; }
          .forum-table div.table-row div.forum-post .post-autor-date h2 a:hover {
            color: #00A7B3; }
        .forum-table div.table-row div.forum-post .post-autor-date p {
          font-size: 11px;
          line-height: 16px; }
          .forum-table div.table-row div.forum-post .post-autor-date p a {
            color: #00A7B3;
            text-transform: inherit; }
    .forum-table div.table-row div.forum-post.comment-post {
      width: 100%; }
      .forum-table div.table-row div.forum-post.comment-post img {
        max-width: 100px; }
      .forum-table div.table-row div.forum-post.comment-post .post-autor-date {
        margin-left: 120px; }
        .forum-table div.table-row div.forum-post.comment-post .post-autor-date p span {
          color: #565656; }
        .forum-table div.table-row div.forum-post.comment-post .post-autor-date div.content-post-area p {
          margin-top: 10px;
          font-size: 14px;
          line-height: 22px; }
    .forum-table div.table-row div.forum-topics {
      width: 20%;
      float: left;
      padding-top: 25px;
      padding-bottom: 25px; }
      .forum-table div.table-row div.forum-topics span {
        color: #212121; }
      .forum-table div.table-row div.forum-topics p {
        font-size: 11px;
        text-transform: uppercase;
        margin: 0; }
  .forum-table div.table-row:after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    border-top: 1px solid #f0f0f0; }
  .forum-table div.table-row:first-child:after {
    border-top: none; }
  .forum-table div.table-title {
    background: #212121;
    padding: 20px; }
    .forum-table div.table-title h2 {
      font-size: 14px;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0;
      line-height: 24px; }
    .forum-table div.table-title p {
      color: #aaa;
      margin: 0;
      font-size: 13px; }
  .forum-table p.posted-in-category {
    font-size: 12px;
    margin: 7px 0;
    padding-left: 20px; }
    .forum-table p.posted-in-category a {
      color: #00A7B3; }

form.search-form {
  position: relative;
  margin: 0; }
  form.search-form input[type="text"] {
    border: 1px solid #eeeeee;
    padding: 10px;
    color: #565656;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    width: 100%;
    margin: 0 !important; }
  form.search-form button {
    background: transparent;
    border: none;
    position: absolute;
    top: 10px;
    right: 13px;
    padding: 0;
    font-size: 13px;
    color: #565656; }

/*-------------------------------------------------- */
/*  Author pages
/*------------------------------------------------- */
ul.author-list {
  margin-bottom: 30px; }
  ul.author-list > li {
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 30px; }
    ul.author-list > li .autor-box {
      padding: 30px;
      background: #fafafa;
      border: 1px solid transparent;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
      ul.author-list > li .autor-box img {
        max-width: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        float: left; }
      ul.author-list > li .autor-box .autor-content {
        margin-left: 120px; }
        ul.author-list > li .autor-box .autor-content .autor-title {
          overflow: hidden;
          margin-bottom: 10px; }
          ul.author-list > li .autor-box .autor-content .autor-title h1 {
            font-size: 16px;
            margin-bottom: 6px;
            font-weight: 600; }
            ul.author-list > li .autor-box .autor-content .autor-title h1 span:after {
              content: '/';
              margin: 0 6px; }
            ul.author-list > li .autor-box .autor-content .autor-title h1 a {
              text-decoration: underline;
              display: inline-block;
              color: #00A7B3; }
            ul.author-list > li .autor-box .autor-content .autor-title h1 a:hover {
              opacity: 0.7; }
          ul.author-list > li .autor-box .autor-content .autor-title ul.autor-social li {
            display: inline-block;
            margin-right: 7px; }
            ul.author-list > li .autor-box .autor-content .autor-title ul.autor-social li a {
              color: #565656;
              font-size: 13px; }
            ul.author-list > li .autor-box .autor-content .autor-title ul.autor-social li a:hover {
              color: #00A7B3; }
        ul.author-list > li .autor-box .autor-content p {
          margin: 0; }
    ul.author-list > li .autor-last-line {
      overflow: hidden;
      padding: 10px 30px; }
      ul.author-list > li .autor-last-line ul.autor-tags {
        float: left; }
        ul.author-list > li .autor-last-line ul.autor-tags li {
          display: inline-block;
          margin-right: 3px; }
          ul.author-list > li .autor-last-line ul.autor-tags li span {
            display: inline-block;
            color: #565656;
            font-size: 13px;
            font-family: "Open Sans", sans-serif;
            line-height: 30px;
            padding-right: 3px; }
            ul.author-list > li .autor-last-line ul.autor-tags li span i {
              margin-right: 10px;
              color: #565656;
              font-size: 14px; }
          ul.author-list > li .autor-last-line ul.autor-tags li a {
            color: #565656;
            font-size: 12px;
            font-family: "Open Sans", sans-serif;
            padding: 6px 10px;
            border: 1px solid #f0f0f0; }
          ul.author-list > li .autor-last-line ul.autor-tags li a:hover {
            color: #ffffff;
            background: #00A7B3;
            border-color: #00A7B3; }
      ul.author-list > li .autor-last-line a.autor-site {
        float: right;
        text-decoration: underline;
        color: #33a3f1;
        font-size: 13px;
        line-height: 30px;
        font-family: "Open Sans", sans-serif; }
      ul.author-list > li .autor-last-line a.autor-site:hover {
        opacity: 0.7; }
  ul.author-list > li:hover .autor-box {
    border-color: #999999; }

/*-------------------------------------------------- */
/*  404 error page
/*------------------------------------------------- */
.error-banner {
  margin-bottom: 30px;
  padding: 25px 30px;
  border: 1px solid #f1f1f1; }
  .error-banner h1 {
    color: #f44336;
    font-size: 48px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 7px; }
    .error-banner h1 span {
      font-weight: 900; }
  .error-banner p {
    font-size: 16px;
    margin-bottom: 3px; }

div.search-box {
  padding: 0 30px;
  margin-bottom: 35px; }

.search-results-banner {
  margin-bottom: 30px;
  padding: 25px 30px;
  border: 1px solid #f1f1f1; }
  .search-results-banner h1 {
    font-size: 34px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 7px; }
    .search-results-banner h1 span {
      color: #f44336;
      font-weight: 900; }

.archive-box {
  margin-bottom: 30px;
  padding: 25px 30px;
  border: 1px solid #f1f1f1; }
  .archive-box h1 {
    font-size: 34px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 7px; }
    .archive-box h1 span {
      color: #f44336;
      font-weight: 900; }

.privacy-policy {
  margin-bottom: 50px; }
  .privacy-policy h1 {
    font-size: 22px; }
  .privacy-policy p {
    margin-bottom: 30px; }
  .privacy-policy span.published {
    display: inline-block;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 30px; }
  .privacy-policy .title-section {
    margin-bottom: 10px; }

/*------------------------------------------------- */
/* =  Contact */
/*------------------------------------------------- */
.contact-info-box {
  margin-bottom: 40px; }
  .contact-info-box #map {
    height: 360px;
    margin-bottom: 25px; }
  .contact-info-box p {
    padding: 0 20px; }

#contact-form {
  margin: 0 0 50px; }
  #contact-form label {
    color: #212121;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    display: block;
    margin-bottom: 8px;
    font-weight: 600; }
  #contact-form input[type="text"],
  #contact-form textarea {
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    color: #565656;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    outline: none;
    border: 1px solid #e1e1e1;
    margin: 0 0 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
  #contact-form textarea {
    height: 120px;
    margin-bottom: 30px; }
  #contact-form button {
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    padding: 12px 25px;
    background: #00A7B3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin: 0;
    border: none;
    outline: none; }
    #contact-form button i {
      display: inline-block;
      margin-right: 10px; }
    #contact-form #msg {
      margin-top: 20px;
    }
  #contact-form button:hover {
    opacity: 0.85; }

/*------------------------------------------------- */
/* =  Contact */
/*------------------------------------------------- */
#register-form,
#login-form {
  margin: 0 0 50px; }
  #register-form p,
  #login-form p {
    margin-bottom: 25px; }
  #register-form label,
  #login-form label {
    color: #212121;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    display: block;
    margin-bottom: 8px;
    font-weight: 600; }
  #register-form input[type="text"],
  #register-form input[type="password"],
  #login-form input[type="text"],
  #login-form input[type="password"] {
    width: 100%;
    padding: 12px 20px;
    background: transparent;
    color: #565656;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    outline: none;
    border: 1px solid #e1e1e1;
    margin: 0 0 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
  #register-form .user-thumbnail,
  #login-form .user-thumbnail {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden; }
    #register-form .user-thumbnail input[type="file"],
    #login-form .user-thumbnail input[type="file"] {
      position: relative;
      z-index: 2;
      opacity: 0;
      width: 200px;
      height: 60px;
      float: left;
      margin-right: 30px;
      margin-top: 20px; }
    #register-form .user-thumbnail input[type="file"] + span,
    #login-form .user-thumbnail input[type="file"] + span {
      position: absolute;
      top: 20px;
      left: 0;
      width: 200px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      font-family: "Open Sans", sans-serif;
      text-transform: capitalize;
      font-size: 13px;
      background: #00A7B3;
      color: #fff;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
    #register-form .user-thumbnail input[type="file"]:hover + span,
    #login-form .user-thumbnail input[type="file"]:hover + span {
      opacity: 0.8; }
    #register-form .user-thumbnail .thumb-holder,
    #login-form .user-thumbnail .thumb-holder {
      width: 100px;
      height: 100px;
      border: 1px solid #e1e1e1;
      background: #f1f1f1;
      text-align: center;
      line-height: 100px;
      float: left; }
      #register-form .user-thumbnail .thumb-holder span,
      #login-form .user-thumbnail .thumb-holder span {
        font-family: "Open Sans", sans-serif;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: 700;
        color: #aaa; }
  #register-form button,
  #login-form button {
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    padding: 12px 25px;
    background: #00A7B3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin: 0;
    border: none;
    outline: none; }
    #register-form button i,
    #login-form button i {
      display: inline-block;
      margin-right: 10px; }
  #register-form button:hover,
  #login-form button:hover {
    opacity: 0.85; }

#login-form {
  margin: 0 0 20px; }
  #login-form label {
    color: #efefef; }
  #login-form input[type="text"],
  #login-form input[type="password"] {
    border: 1px solid #343434;
    color: #afafaf;
    margin: 0 0 20px; }

#loginModal {
  z-index: 9999999; }
  #loginModal .modal-dialog .modal-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background: #232323;
    border: none; }
    #loginModal .modal-dialog .modal-content .modal-body {
      padding: 30px; }
      #loginModal .modal-dialog .modal-content .modal-body .title-section h1 {
        color: #fff;
        border-bottom: 1px solid #343434; }
  #loginModal .modal-dialog {
    max-width: 370px;
    margin: 40px auto; }

/*-------------------------------------------------- */
/*  About Page
/*------------------------------------------------- */
.about-box {
  margin-bottom: 30px; }
  .about-box img {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
  .about-box p {
    font-size: 14px;
    margin-bottom: 25px; }

.team-box {
  margin-bottom: 50px; }
  .team-box img {
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
  .team-box h2 {
    margin-bottom: 0px;
    font-weight: 400;
    line-height: 20px; }
  .team-box span {
    display: inline-block;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #999;
    margin: 0 0 30px; }

/*-------------------------------------------------- */
/*  Underconstruction page
/*------------------------------------------------- */
body.underconstruction {
  /*
   * Set a counter and get the length of the image path.
   */
  /*
   * Loop ver the image path and figure out the
   * position of the dot where the extension begins.
   */
  /*
   * If we were able to figure out where the extension is,
   * slice the path into a base and an extension. Use that to
   * calculate urls for different density environments. Set
   * values for different environments.
   */
  /*
     * Set a base background for 1x environments.
     */
  background: #111 url("../upload/others/back.jpg") center center no-repeat;
  background-size: cover;
  /*
     * Create an @2x-ish media query.
     */
  /*
     * Create media queries for all environments that the user has
     * provided images for.
     */
  /*
   * If anything went wrong trying to separate the file from its
   * extension, set a background value without doing anything to it.
   */ }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    body.underconstruction {
      background: #111 url("../upload/others/back@2x.jpg") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body.underconstruction {
      background: #111 url("../upload/others/back@2x.jpg") center center no-repeat;
      background-size: cover; } }
  body.underconstruction #container {
    padding: 100px 0;
    text-align: center; }
  body.underconstruction p {
    color: #fff;
    font-size: 15px;
    line-height: 26px; }
  body.underconstruction .logo-place {
    margin-bottom: 100px; }
    body.underconstruction .logo-place p {
      font-size: 11px;
      margin-top: 3px; }
  body.underconstruction form.subscribe {
    margin-bottom: 100px; }
    body.underconstruction form.subscribe h1 {
      font-size: 48px;
      font-weight: 400;
      color: #fff;
      letter-spacing: 0; }
      body.underconstruction form.subscribe h1 span {
        font-weight: 900; }
    body.underconstruction form.subscribe p {
      font-size: 17px;
      font-weight: 700;
      margin-bottom: 40px; }
    body.underconstruction form.subscribe input[type="text"] {
      display: block;
      width: 400px;
      max-width: 100%;
      padding: 12px 20px;
      background: #ffffff;
      color: #565656;
      font-size: 13px;
      font-family: "Open Sans", sans-serif;
      outline: none;
      border: 1px solid transparent;
      margin: 0 auto 30px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px; }
    body.underconstruction form.subscribe button {
      color: #fff;
      font-size: 14px;
      font-family: "Open Sans", sans-serif;
      padding: 12px 25px;
      background: #00A7B3;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      margin: 0;
      border: none;
      outline: none; }
      body.underconstruction form.subscribe button i {
        display: inline-block;
        margin-right: 10px; }
    body.underconstruction form.subscribe button:hover {
      opacity: 0.85; }
  body.underconstruction div.social-box ul.social-icons {
    overflow: hidden; }
    body.underconstruction div.social-box ul.social-icons li {
      display: inline-block; }
      body.underconstruction div.social-box ul.social-icons li a {
        width: 40px;
        height: 40px;
        background: #232323;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: #fff; }
      body.underconstruction div.social-box ul.social-icons li a:hover {
        background: #00A7B3; }

/*------------------------------------------------- */
/* =  Footer */
/*------------------------------------------------- */
footer {
  padding-top: 60px;
  background: #212121; }
  footer .up-footer {
    border-bottom: 1px solid #343434; }
    footer .up-footer .footer-widget {
      margin-bottom: 40px; }
      footer .up-footer .footer-widget > h1 {
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 30px; }
      footer .up-footer .footer-widget ul.social-icons {
        overflow: hidden; }
        footer .up-footer .footer-widget ul.social-icons li {
          float: left;
          list-style: none;
          margin-right: 2px; }
          footer .up-footer .footer-widget ul.social-icons li a {
            width: 40px;
            height: 40px;
            background: #333333;
            text-align: center;
            line-height: 40px;
            font-size: 14px;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
          }
          footer .up-footer .footer-widget ul.social-icons li a:hover {
            background: #00A7B3; }
      footer .up-footer .footer-widget ul.small-posts > li .post-cont {
        padding-top: 0;
        margin-left: 90px; }
      footer .up-footer .footer-widget ul.small-posts > li h2 a {
        color: #ccc; }
      footer .up-footer .footer-widget ul.small-posts > li > a {
        width: 70px; }
      footer .up-footer .footer-widget ul.post-tags li i {
        color: #ccc; }
      footer .up-footer .footer-widget ul.list-news {
        margin-top: 0px; }
        footer .up-footer .footer-widget ul.list-news > li {
          border-bottom: 1px solid #333333; }
          footer .up-footer .footer-widget ul.list-news > li h2 a {
            color: #ccc; }
        footer .up-footer .footer-widget ul.list-news > li:before {
          background: #ccc; }
        footer .up-footer .footer-widget ul.list-news > li:last-child {
          border-bottom: none; }
    footer .up-footer .tags-widget ul.tags-list {
      overflow: hidden;
      padding-top: 3px; }
      footer .up-footer .tags-widget ul.tags-list li {
        display: inline-block;
        margin-bottom: 3px;
        margin-right: 3px;
        float: left; }
        footer .up-footer .tags-widget ul.tags-list li a {
          padding: 6px 15px;
          color: #ccc;
          font-size: 12px;
          font-family: "Open Sans", sans-serif;
          border: 1px solid #333333; }
        footer .up-footer .tags-widget ul.tags-list li a:hover {
          background: #00A7B3;
          border: 1px solid transparent;
          color: #fff; }
    footer .up-footer .featured-widget .news-post {
      margin-bottom: 5px; }
      footer .up-footer .featured-widget .news-post h2 {
        margin-bottom: 8px;
        font-weight: 400; }
      footer .up-footer .featured-widget .news-post h2 a {
        color: #ccc; }
      footer .up-footer .featured-widget .news-post h2 a:hover {
        color: #00A7B3; }
  footer p {
    color: #aaa;
    font-size: 12px;
    margin-bottom: 20px; }
  footer .down-footer {
    padding: 40px 0; }
    footer .down-footer ul.list-footer {
      margin-bottom: 5px; }
      footer .down-footer ul.list-footer li {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 5px; }
        footer .down-footer ul.list-footer li a {
          color: #fff;
          font-size: 12px;
          font-family: "Open Sans", sans-serif;
          text-transform: uppercase; }
      footer .down-footer ul.list-footer li:last-child {
        margin-right: 0; }
    footer .down-footer p {
      color: #aaa;
      font-size: 12px;
      margin-bottom: 0; }
    footer .down-footer a.go-top {
      float: right;
      width: 35px;
      height: 35px;
      background: #333333;
      text-align: center;
      line-height: 35px;
      color: #fff;
      font-size: 14px;
      margin-top: -25px; }
    footer .down-footer a.go-top:hover {
      background: #00A7B3; }

/*-------------------------------------------------*/
/* =  Responsive Part
/*-------------------------------------------------*/
@media (max-width: 1199px) {
  .wide-news-heading .item {
    width: 25%; }
  .wide-news-heading .item.main-news {
    width: 50%; }
  .slider-news-fullwidth .flexslider .slider-caption h2 {
    font-size: 24px;
    line-height: 28px; }
  .masonry-box .iso-call.colum-4 .news-post {
    width: 33.33333%; }
  .share-post-box ul.share-box li a {
    padding: 15px 24px; }
  .single-post .format-post-video iframe {
    height: 340px; }
  header.style-4 .navbar-nav > li > a i {
    display: none; } }

@media (max-width: 991px) {
  .wide-news-heading .item {
    width: 33.33333%; }
  .wide-news-heading .item.main-news {
    width: 66.66666%; }
  .header-banner-place {
    text-align: center; }
    .header-banner-place a.navbar-brand {
      float: none;
      margin-bottom: 20px;
      margin-left: 0; }
    .header-banner-place .advertisement {
      float: none;
      text-align: center; }
  .navbar-dark .navbar-toggler,
  .navbar-light .navbar-toggler {
    margin: 10px 0;
    outline: none; }
  header.style-5 .navbar-dark .navbar-toggler {
    display: none !important; }
  .navbar-nav > li > a,
  .navbar-nav > li.active > a,
  header.style-3 .navbar-nav > li > a,
  header.style-4 .navbar-nav > li > a {
    padding: 8px 0 !important;
    outline: none; }
  .navbar-nav {
    border-top: 1px solid #333333;
    padding-top: 10px; }
  .navbar-nav > li > a:before {
    display: none; }
  .navbar-nav > li > a {
    background: transparent !important; }
  .navbar .form-inline,
  .navbar-nav > li > a i,
  .mega-posts-menu {
    display: none; }
  .megamenu {
    position: relative;
    top: initial;
    left: initial;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    border-top: none;
    padding: 10px;
    background: transparent; }
    .megamenu h2 {
      display: none; }
  .dropdown,
  .dropdown > li .dropdown.level2 {
    position: relative;
    top: initial;
    left: initial;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    border-top: none;
    width: 100%;
    background: transparent;
    border: none; }
    .dropdown li,
    .dropdown > li .dropdown.level2 li {
      border: none; }
  header.style-3 .dropdown > li .dropdown.level2 {
    right: initial; }
  .navbar-collapse {
    max-height: 250px;
    overflow-y: scroll;
    padding-bottom: 20px; }
  .news-headline .news-post {
    width: 50%; }
  .slider-news-fullwidth .flexslider .slider-caption p {
    display: none; }
  .combined-fullwidth .center-button {
    padding-top: 30px; }
  .masonry-box .iso-call .news-post {
    width: 50%; }
  .share-post-box ul.share-box li a {
    padding: 15px 32px; }
  .single-post .format-post-video iframe {
    height: 420px; }
  header.style-4 .megamenu ul.mega-list li a,
  header.style-4 .dropdown > li a {
    color: #212121; }
  header.style-4 .megamenu ul.mega-list li a:hover,
  header.style-4 .dropdown > li a:hover {
    color: #00A7B3; }
  header.style-4 .navbar-nav > li.active > a,
  header.style-4 .navbar-nav > li:hover > a {
    color: #212121 !important; }
  a.open-menu {
    margin-left: 15px; } }

@media (max-width: 767px) {
  .wide-news-heading .item {
    width: 50%; }
  .wide-news-heading .item.main-news {
    width: 100%; }
  #content-section .advertisement img {
    max-width: 100%;
    height: auto; }
  .header-banner-place .advertisement img {
    max-width: 100%;
    height: auto; }
  .top-line ul.info-list li {
    margin-right: 2px; }
  .top-line ul.info-list li:before {
    margin-right: 4px; }
  .top-line ul.social-icons li {
    margin-left: 4px; }
  .slider-news .slider-caption {
    position: relative;
    bottom: initial;
    right: initial;
    width: 100%;
    padding-bottom: 45px; }
  .slider-news-fullwidth .flexslider img {
    float: none;
    width: 100%;
    padding-left: 0; }
  .slider-news-fullwidth .flexslider .slider-caption {
    float: none;
    width: 100%;
    padding-bottom: 30px; }
  .slider-news-fullwidth .flexslider .flex-direction-nav {
    bottom: initial;
    top: 20px; }
  .masonry-box .iso-call.colum-4 .news-post {
    width: 50%; }
  .share-post-box ul.share-box li a {
    padding: 15px 16px; }
  .single-post > h1,
  .single-post ul.post-tags,
  .single-post .share-post-box,
  .single-post .text-boxes {
    padding: 0; }
  .contact-form-box .title-section h1 span.email-not-published {
    display: none; }
  .single-post .format-post-video iframe {
    height: 300px; }
  .single-post-gal .flexslider .flex-control-nav {
    bottom: 30px; }
  .forum-table {
    overflow-x: scroll; }
    .forum-table .table-head,
    .forum-table .table-row {
      min-width: 690px; }
  .forum-table.single-topic .table-row {
    min-width: initial; } }

@media (max-width: 575px) {
  .wide-news-heading .item {
    width: 100%; }
  .header-banner-place a.navbar-brand {
    margin-bottom: 0px; }
  .header-banner-place .advertisement {
    display: none; }
  .top-line {
    text-align: center; }
    .top-line ul.social-icons {
      text-align: center;
      margin-top: 5px; }
  .navbar-dark .navbar-toggler,
  .navbar-light .navbar-toggler {
    margin: 15px; }
  .navbar-collapse {
    padding-left: 15px; }
  .news-headline .news-post {
    width: 100%; }
  .masonry-box .iso-call .news-post {
    width: 100%; }
  .comment-area-box ul.depth {
    padding: 0; }
    .comment-area-box ul.depth .comment-box {
      padding-left: 0; }
  .share-post-box ul.share-box li {
    margin-bottom: 2px; }
    .share-post-box ul.share-box li a {
      padding: 15px 25px; }
  .single-post .format-post-video iframe {
    height: 240px; }
  .single-post-gal .flexslider .flex-control-nav {
    bottom: 20px; } }

@media (max-width: 400px) {
  .large-image-post h2 {
    font-size: 20px; }
  .masonry-box .iso-call.colum-4 .news-post {
    width: 100%; } }

.top-item{
  font-size:11px;
}

.top-item:hover{
  background:none;
}

.top-line ul.info-list li a:hover{
  color:deepskyblue;
}

.top-menu{
  min-width: 5rem;
}

.regulators-cat{
  width: 1240px;
  padding: 30px;
  padding-left: 150px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.reglist{
  margin-bottom:10px;
  margin-right: 7px;
}

.vertical-secant {
  /*border-left: 4px solid #000000;*/
  /*width: 4px;*/
  height: 16px;
  font-weight: bold;
  line-height: 16px;
  /*background: #000000;*/
  /*border-radius: 2px;*/
  /*margin-left: 15px;*/
  padding-left: 10px;
  display: inline-block;
}


.company-list-90 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  padding: 20px
}

.company-list-80 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  padding: 20px
}

.company-list-70 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  padding: 20px
}
.company-list-60 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  padding: 20px
}
.company-list-50 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  padding: 20px
}

.company-list-90:hover {
  text-decoration: none;
  border: 1px solid #37c86a;
  background: no-repeat;
}

.company-list-80:hover {
  text-decoration: none;
  border: 1px solid #60ae1e;
  background: no-repeat;
}

.company-list-70:hover {
  text-decoration: none;
  border: 1px solid #ebc823;
  background: no-repeat;
}

.company-list-60:hover {
  text-decoration: none;
  border: 1px solid #eb8623;
  background: no-repeat;
}

.company-list-50:hover {
  text-decoration: none;
  border: 1px solid #f52c5b;
  background: no-repeat;
}

.bar{
  display: flex;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background-color: #2d3d54;
}

.reg-bar{
  padding: 4px 0;
  text-align: center;
  background: #efd05d;
  font-size: 14px;
  color: #ffffff;
}

.reg-bar-text{
  font-size: 14px;
  color:#666;
}

.c-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom: 20px;
}

.t2{
  background-color:#bbbabe
}

.t3{
  background-color:#dcb37e
}

.t4{
  background-color:#666
}

.block{
  margin-bottom: 20px;
}

.reg-intro{
  border-right: 1px solid #e1e1e1;
}

.reg-intro-section{
  margin: 50px 20px;
}

.brokerlist{
  display:flex;
  flex-wrap: wrap;
}

.brokerlist .cell{
  margin-bottom:20px;
}

.company-logo-lg{
  margin:auto;
  height:80px;
  display:block;
  object-fit: contain;
  padding: 0 5px;
}

.news-post-wrapper{
  margin-top: 15px;
}

.imgsearch{
  margin:30px 0;
}

.broker-caption{
  height: 32px;
  line-height: 32px;
  display: flex;
  flex-direction: row;
  color: #000;
  font-size: 18px;
  margin-bottom: 10px;
}

.broker-name{
  color: #fff;
  font-size: 20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin:13px 0 0 0
}

.broker-rating-line{
  display: flex;
  flex-direction: row;
  margin-bottom:10px;
}

.broker-head{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #253245;
  padding-top:85px
}

.broker-section{
  min-height: 500px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.imgwrapper{
  height: 200px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.search-image{
  height: 100px;
}

#like .iconfont:hover{
  color:red;
  cursor:pointer;
}

#favorite .iconfont:hover{
  color:red;
  cursor:pointer;
}

.favorite_like{
  margin-bottom: 10px;
}

.brokerintro{
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  text-align:justify;
}

.mainintro{
  font-size:14px;
  text-align:justify;
  color:#bbb;
}

.main{
  margin-top:15px
}

.block-list-hover {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}

.fxcha-badge-transparent {
  color: #ffffff;
  display: flex;
  background-color:#e4e4e44a;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  padding: 6px;
}

.website{
  height: 30px;
  line-height: 30px;
  margin: 5px 0 5px 30px;
  padding-left:10px;
  background: #212d3e;
  color: #d1d1d1;
  overflow:hidden;
  display:flex;
  font-size:14px
}

.companyinfo{
  height: 30px;
  line-height: 30px;
  margin: 5px 30px 5px 30px;
  padding-left:10px;
  color: #d1d1d1;
  background: #212d3e;
  font-size:14px
}

.broker-body{
  display:flex;
  flex-wrap: wrap;
}

.company-jg {
  margin: 15px 0 0 0;
  padding: 15px;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  color: #fff;
}

.level-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #efd05d;
}

.level-1 p, .level-2 p, .level-3 p, .level-4 p {
  text-align: center;
  vertical-align: middle;
}

.level-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #b7b6ba;

}

.level-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #dcb37e;

}

.level-4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #666666;
}

.broker-page{
  margin: 20px 0 0 0;
}

.license-level{
  position: absolute;
  right: -2px;
  top: -3px;
  display: flex;
  flex-direction: column;
}

.level-text{
  padding: 4px;
}

.flag-end-l1{
  border-left: 32px solid #efd05d;
  border-right: 32px solid #efd05d;
  border-top:0;
  border-bottom: 10px solid transparent;
}

.flag-end-l2{
  border-left: 32px solid #bbbabe;
  border-right: 32px solid #bbbabe;
  border-top:0;
  border-bottom: 10px solid transparent;
}

.flag-end-l3{
  border-left: 32px solid #dcb37e;
  border-right: 32px solid #dcb37e;
  border-top:0;
  border-bottom: 10px solid transparent;
}

.flag-end-l4{
  border-left: 32px solid #666;
  border-right: 32px solid #666;
  border-top:0;
  border-bottom: 10px solid transparent;
}


.broker-reg-logo{
  height: 45px;
  margin:auto;
  display:block;
  object-fit: contain;
  max-width: 100%;
}

.broker-reg-caption{
  font-size: 16px;
  color: #2f2f2f;
  margin-top: 10px;
}

.broker-reg-number{
  font-size: 12px;
  color: #666666;
}

.broker-reg-url{
  font-size: 12px;
  color: #c6c6c6;
  margin-top: 15px;
}

.broker-reg-url-text{
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}

.broker-reg-url a{
  color: #c6c6c6;
}

.chart-container{
  width:100%;
  height:250px;
  min-height:250px
}

.chart-wrapper{
  display:flex;
  justify-content: center;
}

.rating-wrapper{
  height: 84px;
  margin-top:20px;
  color: #ffffff;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items:center
}

.rating-text{
  font-size:20px;
  color: #fff;
}

#like .iconfont:hover{
  color:red;
  cursor:pointer;
}

#favorite .iconfont:hover{
  color:red;
  cursor:pointer;
}

.favorite_like{
  margin-bottom: 10px;
}

.commentlikes_count{
  margin-left:2px;
}

.form-group button{
  color: #FFF;
  background: #00A7B3;
  font-family: "Open Sans", sans-serif;
  padding: 8px;
  font-size: 14px;
  border: 0px;
}

.form-group button:hover{
  opacity: 0.85;
}




.badge-bgc-ASIC:hover{
  background-color: #0270d1;
}
.badge-bgc-IFSC:hover{
  background-color: #60b358;
}
.badge-bgc-BVISFC:hover{
  background-color: #013469;
}
.badge-bgc-CIMA:hover{
  background-color: #01447b;
}
.badge-bgc-CySEC:hover{
  background-color: #c0d41d;
}
.badge-bgc-AMF:hover{
  background-color: #dd083b;
}
.badge-bgc-BaFin:hover{
  background-color: #eed435;
}
.badge-bgc-SFC:hover{
  background-color: #1c9991;
}
.badge-bgc-JFSA:hover{
  background-color: #31a1e4;
}
.badge-bgc-LFSA:hover{
  background-color: #c5151a;
}
.badge-bgc-FSC:hover{
  background-color: #8c7047;
}
.badge-bgc-FMA:hover{
  background-color: #42ae35;
}
.badge-bgc-FSA:hover{
  background-color: #e9c600;
}
.badge-bgc-SFSA:hover{
  background-color: #0aa2dd;
}
.badge-bgc-MAS:hover{
  background-color: #a78337;
}
.badge-bgc-FSCA:hover{
  background-color: #000000;
}
.badge-bgc-CNMV:hover{
  background-color: #ad2144;
}
.badge-bgc-FINMA:hover{
  background-color: #f1313;
}
.badge-bgc-SCA:hover{
  background-color: #015e48;
}
.badge-bgc-ADGM:hover{
  background-color: #a29061;
}
.badge-bgc-DFSA:hover{
  background-color: #b4252d;
}
.badge-bgc-FCA:hover{
  background-color: #701b45;
}

.badge-bgc-SEC:hover{
  background-color: #003056;
}

.badge-bgc-VFSC:hover{
  background-color: #f37223;
}

.badge-bgc-CGSE:hover{
  background-color: #1c355e;
}

.badge-bgc-IIROC:hover{
  background-color: #FFB12F;
}

.badge-bgc-NFA:hover{
  background-color: #012D6B;
}

.badge-bgc-Bafin:hover{
  background-color: #951620;
}

.score {
  width: 68px;
  height: 68px;
  line-height: 68px;
  margin: 25px;
  border-radius: 34px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  /*font-family: ;*/
}

.score-90 {
  background-color: #37c852;
}

.score-80 {
  background-color: #72b315;
}

.score-70 {
  background-color: #ebc823;
}

.score-60 {
  background-color: #eb8623;
}

.score-0 {
  background-color: #f52c5b;
}


/* 强制幻灯片容器高度统一 */
.slider-widget .flexslider .slides li {
  height: 280px;      /* 这里根据你的 UI 需求调整高度 */
  overflow: hidden;   /* 隐藏超出部分 */
  position: relative;
  background-color: #000; /* 图片未加载时的底色 */
}

/* 强制图片填满容器并保持比例 */
.slider-widget .flexslider .slides li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;   /* 核心属性：等比缩放并填充，多余部分自动裁剪 */
  object-position: center; /* 确保图片中心在视野内 */
  display: block;
}

/* 确保文字遮罩始终在底部 */
.slider-widget .slider-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);
  box-sizing: border-box;
}

/* 限制标题行数，防止标题过长挤乱布局 */
.slider-widget .slider-caption h2 {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.4;
  height: 2.8em; /* 固定两行高度 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.slider-widget .slider-caption h2 a {
  color: #fff;
}

/* 所有子评论容器统一缩进 1.5rem，并清除默认内边距 */
.comment-area-box .depth {
  margin-left: 1.5rem;
  padding-left: 0;
}
/* 深层嵌套的子评论容器不再额外缩进 */
.comment-area-box .depth .depth {
  margin-left: 0;
  padding-left: 0;
}

/* 取消按钮样式，覆盖 Bootstrap 的链接样式 */
.cancel-reply {
  background-color: #00A7B3;   /* 与发布按钮背景色一致 */
  border: none;
  color: #fff;
  text-decoration: none;
  padding: 8px 16px;           /* 与发布按钮内边距一致 */
  border-radius: 4px;          /* 可选，使按钮圆角 */
  font-size: 14px;
}
.cancel-reply:hover {
  background-color: #00A7B3;   /* 保持背景色不变，或微调深色 */
  opacity: 0.85;               /* 悬停时略微透明，与发布按钮效果一致 */
  text-decoration: none;       /* 确保无下划线 */
  color: #fff;                 /* 文字颜色不变 */
}

/* ============================================================
   评论区登录引导框样式 (Gusto Theme Style)
   ============================================================ */

/* 1. 引导框容器 */
.login-prompt-box {
  padding: 50px 30px;
  background: #fdfdfd; /* 极淡的灰色背景 */
  border: 1px dashed #2d3d58; /* 使用网站主题色做虚线边框 */
  border-radius: 0 !important; /* 强制直角 */
  text-align: center;
  margin-bottom: 30px;
  box-shadow: none; /* 保持 Gusto 的扁平化风格 */
  transition: all 0.3s ease-in-out;
}

/* 2. 鼠标悬停效果 (轻微高亮) */
.login-prompt-box:hover {
  background: #fff;
  border-style: solid; /* 悬停时虚线变实线 */
}

/* 3. 图标和内容样式 */
.login-prompt-content i {
  font-size: 36px;
  color: #2d3d58; /* 图标使用主题色 */
  margin-bottom: 20px;
  display: block;
  opacity: 0.8;
}

.login-prompt-content p {
  font-size: 16px;
  color: #444; /* 保持正文颜色 */
  margin: 0;
  line-height: 1.6;
}

/* 4. 登录链接的超链接样式 */
.login-link {
  color: #2d3d58; /* 链接使用主题色 */
  font-weight: 700; /* 加粗以引起注意 */
  text-decoration: underline !important; /* 强制下划线，强调可点击 */
  margin: 0 4px;
  transition: color 0.2s;
}

/* 5. 链接悬停效果 */
.login-link:hover {
  color: #333; /* 悬停时变暗 */
  text-decoration: none !important; /* 悬停时去掉下划线 */
}


#submit-contact {
  float: right;
}

#comment-form::after {
  content: "";
  display: table;
  clear: both;
}

.delete-comment-btn {
  font-size: 12px;
  color: #999; /* 默认灰色，不抢眼 */
  transition: color 0.2s;
}

.delete-comment-btn:hover {
  color: #d9534f !important; /* 悬停变为警示红 */
  text-decoration: none;
}

/* 1. 基础布局与列表样式 */
.broker-ranking-widget .ranking-posts {
  list-style: none;
  padding: 0;
  margin: 0;
}

.broker-ranking-widget .ranking-posts li {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}

/* 列表项悬停背景色 */
.broker-ranking-widget .ranking-posts li:hover {
  background-color: #fafafa;
}

/* 2. 排名数字样式 */
.broker-ranking-widget .rank-badge {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #ccc;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-right: 12px;
  flex-shrink: 0; /* 防止数字被压缩 */
}

/* 前三名金色徽章 */
.broker-ranking-widget .rank-badge.top-rank {
  background: #ffc107;
}

/* 3. Logo 图片处理 */
.broker-ranking-widget .post-img img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  margin-right: 15px;
  background: #fff;
  flex-shrink: 0;
}

/* 4. 内容区域与标题 */
.broker-ranking-widget .post-cont {
  flex: 1;
  min-width: 0;
}

.broker-ranking-widget .post-cont h2 {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.3;
}

/* 链接初始颜色为深黑 */
.broker-ranking-widget .post-cont h2 a,
.broker-ranking-widget .post-cont h2 a:visited {
  color: #2f2f2f !important; /* 强制覆盖系统默认蓝色 */
  text-decoration: none;
  transition: color 0.3s;
  display: inline-block; /* 增加点击区域稳定性 */
}

/* 链接悬停颜色改为橙色 (解决第一个不生效：使用高权重选择器) */
.broker-ranking-widget .ranking-posts li .post-cont h2 a:hover {
  color: #00A7B3 !important;
  text-decoration: none;
}

/* 5. 评分与国家标签 */
.broker-ranking-widget .mini-score {
  font-weight: bold;
  font-size: 13px;
}

.broker-ranking-widget .country-tag {
  font-size: 12px;
  color: #999;
  margin-left: 5px;
}

/* 6. TAB 标签页美化 (橙色激活态) */
.broker-ranking-widget .nav-tabs {
  border-bottom: 2px solid #00A7B3; /* 底部线条统一 */
}

.broker-ranking-widget .nav-tabs .nav-item.nav-link {
  border: none;
  color: #666;
  font-weight: bold;
}

.broker-ranking-widget .nav-tabs .nav-item.nav-link.active {
  background-color: #00A7B3 !important; /* 激活背景为橙色 */
  color: #ffffff !important;           /* 激活文字为白色 */
}