/*
Theme Name: Content Science Review
Author: Content Science
Author URI: http://content-science.com
Version: 1.0.1

*/
/* MISC */
div#comments {
    display: none;
}

#main img#logo {
  height:74px;
}

.item-row .detail-text .meta time {display: none;}
/* ---------------------------------------------------------
  1. Resizable Fonts reset
  2. Imported base scss files
  3. Сommon site styles
  4. Custom Form style
  ---------------------------------------------------------*/

/* ---------------------------------------------------------
  1. Resizable Fonts reset
  ---------------------------------------------------------*/

* {
  font-size: 100.01%;
}

html {
  font-size: 62.5%;
}

/* ---------------------------------------------------------
  2. Imported base files
  ---------------------------------------------------------*/

.banner-content .heading-block:after,
.story-block:after,
.link-option ul:after,
.action-link-holder ul:after {
  content: " ";
  display: block;
  clear: both;
}

.search-form .btn-search,
.topics-list .link-refresh,
.social-networks a,
.table-plans .check-item,
.pay-ment-form .help-info,
.main-article .access-list .icon,
.comment-block .link-like .like-button,
.jcf-select .jcf-select-opener {
  background-image: url('images/sprite.png') !important;
  background-repeat: no-repeat;
}

.nav-tabs,
.social-networks {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}

.aside-nav ul,
.topics-list,
.subscribe-block .info-list,
.social-networks,
.subscribe-option,
.footer-link ul,
.side-nav ul,
.excellence-list,
.csr-topices ul,
.idea-banner .topics-box ul,
.step-list,
.payment-option ul,
.reason-to-post ol,
.job-description .desc-list,
.company-jobs-list ul,
.user-info-box .search-form .search-list ul,
#nav ul,
.link-option ul,
.action-link-holder ul,
.main-article .desc-list,
.main-article .access-list,
.checkout-block ul,
.author-block .list-box ul,
.comment-block .topic-list,
.comment-block .comment-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-tabs,
.tab-content .link-holder,
.item-row,
.csr-topices h1,
.idea-banner .title-text,
.step-list,
.post-job,
.page-header
.job-detail,
.how-to-apply,
.company-jobs-list ul li,
.main-article .heading-holder .link-option,
.comment-block .comments-title,
.comment-form-holder {
  padding-left: 9999px;
  padding-right: 9999px;
  margin-left: -9999px;
  margin-right: -9999px;
}

.line-above {
  padding-top: 28px;
  border-top: 19px solid #100f0e;
}

/* ---------------------------------------------------------
  3. Сommon site styles
  ---------------------------------------------------------*/

body {
  font-size: 1.8em;
  min-width: 320px;
}

html,
body {
  margin: 0;
}

input,
button,
textarea {
  box-shadow: none;
  -webkit-box-shadow: none;
  /*-webkit-appearance: none;*/
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
    vertical-align: top;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 400;
}

.mm-couponSuccessMessage,
.mm-couponErrorMessage
{
  display: block;
}

.alert,
.mm-success,
.mm-error,
.wpcf7-response-output,
.mm-couponSuccessMessage,
.mm-couponErrorMessage
{
  padding: 15px !important;
  margin-bottom: 29px !important;
  border: 1px solid transparent !important;
  border-radius: 5px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p, .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable, .alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success,
.mm-success,
.wpcf7-mail-sent-ok,
.mm-couponSuccessMessage
{
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger,
.mm-error,
.wpcf7-validation-errors,
.mm-couponErrorMessage
{
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

/* main container styles */

span.wpcf7-not-valid-tip {
  padding: 5px 0 0 24px;
  font-size: 90% !important;
  color: #de6165 !important;
}

#wrapper {
  width: 100%;
  overflow: hidden;
}

.hero-sction {
  background: #6bc3f3 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYzNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjRiZmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2MmJlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzZiYzFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNjdjMmYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiM2NGMwZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iIzY0YmVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjNjJjMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjNjJjMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjNjRjM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjNjJjMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjNjRjM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjNjJjMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjNjRjM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjNjJjMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjNjJjMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjNjRjM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYyYzFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bc3f3), color-stop(0%, #64bfee), color-stop(0%, #62beef), color-stop(1%, #6bc1f0), color-stop(3%, #67c2f1), color-stop(3%, #64c0ef), color-stop(4%, #64bef0), color-stop(7%, #62c1f1), color-stop(74%, #62c1f1), color-stop(75%, #64c3f3), color-stop(76%, #62c1f1), color-stop(88%, #64c3f3), color-stop(89%, #62c1f1), color-stop(92%, #64c3f3), color-stop(94%, #62c1f1), color-stop(98%, #62c1f1), color-stop(98%, #64c3f3), color-stop(100%, #62c1f1));
  background: -webkit-linear-gradient(top, #6bc3f3 0%, #64bfee 0%, #62beef 0%, #6bc1f0 1%, #67c2f1 3%, #64c0ef 3%, #64bef0 4%, #62c1f1 7%, #62c1f1 74%, #64c3f3 75%, #62c1f1 76%, #64c3f3 88%, #62c1f1 89%, #64c3f3 92%, #62c1f1 94%, #62c1f1 98%, #64c3f3 98%, #62c1f1 100%);
  background: linear-gradient(to bottom, #6bc3f3 0%, #64bfee 0%, #62beef 0%, #6bc1f0 1%, #67c2f1 3%, #64c0ef 3%, #64bef0 4%, #62c1f1 7%, #62c1f1 74%, #64c3f3 75%, #62c1f1 76%, #64c3f3 88%, #62c1f1 89%, #64c3f3 92%, #62c1f1 94%, #62c1f1 98%, #64c3f3 98%, #62c1f1 100%);
  padding: 0;
  overflow: hidden;
}

.hero-sction .aside-holder {
  margin-top: 8px;
  float: left;
  width: 161px;
}

.banner-content {
  overflow: hidden;
  padding: 0 0 0 42px;
  color: #fff;
}

.banner-content .heading-block {
  margin: 0 0 31px;
}

.banner-content .title {
  float: left;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-size: .8888888889em;
  line-height: 1.25em;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  padding: 6px 0 0;
  max-width: 70%;
}

.banner-content .search-form {
  float: right;
}

.banner-content .text-box {
  max-width: 700px;
  overflow: hidden;
  margin: 0 0 4px;
}

.banner-content h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 400;
  margin: 0 0 11px;
}

.banner-content h1 a {
  color: #fff;
}

.banner-content h1 a:hover {
  color: #000;
}

.banner-content .info-text {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 0 0 13px;
}

.banner-content .info-text a {
  color: #fff;
}

.banner-content .link-option {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  padding: 0 2px;
}

.banner-content .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.banner-content .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
}

.banner-content .link-option span:first-child:before {
  display: none;
}

.banner-content .link-option a {
  color: #fff;
}

.banner-content .link-option a:hover,
.banner-content .link-option a:active,
.banner-content .link-option a:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.banner-content .img-holder {
  max-width: 745px;
}

.banner-content .img-holder img {
  width: 100%;
  height: auto;
}

.search .block-title {
  margin-top: 20px;
}

.search-form {
  width: 178px;
  position: relative;
  background: rgba(255, 255, 255, .2);
  border-radius: 5px;
  padding: 0 40px 0 10px;
}

.search-form fieldset {
  margin: 0;
  clear: none;
}

.search-form .form-control {
  background: none;
  border: none;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  height: 30px;
  padding: 5px;
  box-shadow: none;
  border-radius: 0;
}

.search-form .form-control::-webkit-input-placeholder {
  color: #fff;
}

.search-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #fff;
}

.search-form .form-control:-moz-placeholder {
  color: #fff;
}

.search-form .form-control:-ms-input-placeholder {
  color: #fff;
}

.search-form .form-control.placeholder {
  color: #fff;
}

.search-form .btn-search {
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  margin: 0;
  position: absolute;
  top: 7px;
  right: 12px;
  overflow: hidden;
  text-indent: -9999px;
  width: 18px;
  height: 18px;
  background-position: 0 0;
}

.search-form .btn-search:hover {
  opacity: .8;
}

.new-tab {
  background: #f3f3f3;
  padding-top: 65px;
}

.topic-tab {
  background: #eceaeb;
  padding-top: 20px;
}

.side-nav-opener {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 62px 0 0;
  display: none;
  outline: none;
}

.side-nav-opener:before,
.side-nav-opener:after,
.side-nav-opener span {
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  margin-top: -1px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.side-nav-opener:before,
.side-nav-opener:after {
  margin: 0;
  top: 0;
  content: "";
}

.side-nav-opener:after {
  top: auto;
  bottom: 0;
}

.side-nav-active .side-nav-opener span {
  opacity: 0;
}

.side-nav-active .side-nav-opener:after,
.side-nav-active .side-nav-opener:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 5%;
  right: 5%;
}

.side-nav-active .side-nav-opener:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.side-nav-opener:hover {
  opacity: .8;
}

.aside {
  background: #f3f3f3;
  padding: 0 0 10px 9999px;
  margin: 0 0 0 -10009px;
}

.aside .title {
  display: block;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 1em;
  background: #fff;
  padding: 48px 5px 22px 9999px;
  margin: 0 0 0 -9999px;
  font-weight: 400;
  letter-spacing: -.03em;
}

.aside a.title {
  color: #100f0e;
}

.aside a.title:hover {
  color: #5b92a7;
}

.aside .title span {
  display: block;
  font-size: 42px;
  line-height: .9523809524em;
  letter-spacing: -.03em;
}

.aside .bottom-section {
  background: #ededed;
  padding: 0 0 9999px 9999px;
  margin: 0 0 -9999px -9999px;
}

.aside .btn-holder {
  text-align: center;
  width: 130px;
  margin: 0 auto 59px;
  padding: 31px 30px 0 0;
  overflow: hidden;
}

.aside .btn-holder .btn {
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 16px;
  outline: none;
}

.aside .btn-holder .btn-info:hover,
.aside .btn-holder .btn-info:focus {
  background: #686867;
  border-color: #686867;
}

.aside .btn-holder .btn-danger:hover,
.aside .btn-holder .btn-danger:focus {
  background: #d1360a;
  border-color: #d1360a;
}

.aside .bottom-info {
  text-align: center;
  font-size: .7222222222em;
  line-height: 1.3846153846em;
  margin: 0 0 0 -20px;
  text-transform: uppercase;
  overflow: hidden;
  padding: 0 10px 40px;
}

.aside .bottom-info span {
  display: block;
  border-top: 1px solid #ccc;
  padding: 6px 0 10px;
}

.aside .bottom-info span:first-child {
  border: none;
  font-size: 1.3846153846em;
  line-height: 1.3333333333em;
  font-family: "Sanchez", Georgia, Times, "Times New Roman", serif;
  text-transform: none;
}

.aside .bottom-info span a {
  color: #d1360a;
  font-weight: 900;
}

.aside .bottom-info span a:hover,
.aside .bottom-info span a:active,
.aside .bottom-info span a:focus {
  color: #f44a1a;
  text-decoration: none;
}

.aside-nav {
  background: #f4f4f4;
  padding: 17px 0 11px 9999px;
  margin: 0 0 0 -9999px;
}

.aside-nav ul {
  overflow: hidden;
}

.aside-nav li {
  font-size: 15px;
  line-height: 19px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 6px;
  margin: 25px 0 0;
}

.aside-nav li:first-child {
  margin: 0;
}

.aside-nav li a {
  color: #666;
}

.aside-nav li a:hover {
  color: #5b92a7;
  text-decoration: none;
}

.story-block {
  background: #f3f3f3;
  padding: 26px 12px 9999px 15px;
  margin: 0 0 -9999px;
  width: 799px;
  float: right;
  position: relative;
}

.story-block:before {
  content: "";
  position: absolute;
  left: 100%;
  right: -9999px;
  top: 0;
  bottom: 0;
  background: #f3f3f3;
}

.story-block .col-box {
  float: left;
  width: 33.33%;
  padding: 0 9px;
  margin: 0 0 11px;
}

.story-block .box-frame {
  background: #fff;
  box-shadow: 3px 4px 7px rgba(0, 0, 1, .1);
  padding: 11px 15px 17px;
}

.story-block .title {
  display: block;
  font-size: .7222222222em;
  line-height: 1.3846153846em;
  text-transform: uppercase;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #5b92a7;
  margin: 0 0 18px;
}

.story-block .title a:hover {
  color: #100f0e;
}

.story-block h2 {
  margin: 0;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  padding: 0 3px;
}

.story-block .headline {
  margin: 0 0 7px;
}

.story-block h2 a {
  color: #100f0e;
}

.story-block h2 a:hover,
.story-block h2 a:active,
.story-block h2 a:focus {
  color: #46423e;
  text-decoration: none;
}

.story-block .by-info {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 3px;
  margin: 0 0 29px;
}

.story-block .by-info a {
  color: #100f0e;
}

.story-block .by-info a:hover,
.story-block .by-info a:active,
.story-block .by-info a:focus {
  color: #6f6861;
  text-decoration: none;
}

.story-block .link-option {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  padding: 0 2px;
  text-align: center;
}

.story-block .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.story-block .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
  color: #5b92a7;
}

.story-block .link-option span:first-child:before {
  display: none;
}

.story-block .link-option a {
  color: #5b92a7;
}

.story-block .link-option a:hover {
  color: #100f0e;
  text-decoration: none;
}

.nav-tabs {
  text-align: center;
  border-bottom-width: 3px;
}

.nav-tabs > li {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  float: none;
  min-width: 138px;
}

.nav-tabs > li.active > a,
.nav-tabs > li:hover > a {
  background: none;
  border: none;
  margin: 0;
}

.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li:hover > a:focus,
.nav-tabs > li:hover > a:hover {
  background: none;
  margin: 0;
  border: none;
}

.nav-tabs > li.active > a:after,
.nav-tabs > li:hover > a:after {
  display: block;
}

.nav-tabs > li:hover a {
  color: #100f0e;
}

.nav-tabs > li > a {
  margin: 0;
  padding: 0 21px 8px;
  border: none;
  color: #999;
  border-radius: 0;
  position: relative;
}

.nav-tabs > li > a:after {
  content: "";
  position: absolute;
  bottom: -11px;
  height: 11px;
  left: 0;
  right: 0;
  background: #100f0e;
  display: none;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  background: none;
  margin: 0;
}

.tab-content {
  padding: 0 10px 0;
  background: #fff;
}

.item-container {
  position: relative;
}

.item-row {
  border-top: 3px solid #e5e7e7;
  padding-top: 46px;
  padding-bottom: 31px;
}

.alm-preloaded .item-row:first-child,
.item-row.first
{
  padding-bottom: 28px;
  border: none;
}

.item-row .title {
  display: block;
  font-size: .7222222222em;
  line-height: 1.3846153846em;
  text-transform: uppercase;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #5b92a7;
  margin: 0 0 3px;
}

.item-row .title .shared {
  color: #d5975f;
}

.item-row .title .read {
  color: #44806f;
}

.item-row .title .saved {
  color: #e07476;
}

.item-row .item-holder {
  overflow: hidden;
  padding: 0 0 20px;
}

.item-row .img-holder {
  float: left;
  width: 218px;
  margin: 1px 26px 0 0;
  box-shadow: 3px 4px 7px rgba(0, 0, 1, .1);
}

.item-row .img-holder img {
  width: 100%;
  height: auto;
}

.item-row .detail-text {
  overflow: hidden;
  position: relative;
  color: #888;
  font-size: .8888888889em;
  line-height: 1.25em;
  padding: 0 190px 0 0;
}

.item-row .detail-text .meta {
  font-weight: 300;
  font-size: .875em;
  line-height: 1.1428571429em;
  color: #100f0e;
  margin: 0 0 14px;
}

.item-row .detail-text .meta time {
  margin-right: 5px;
}

.item-row h2 {
  margin: 0 0 6px;
  color: #100f0e;
}

.item-row h2 a {
  color: #100f0e;
}

.item-row h2 a:hover,
.item-row h2 a:active,
.item-row h2 a:focus {
  color: #625c55;
  text-decoration: none;
}

.item-row .by-info, .item-row .date {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #100f0e;
}

.item-row .by-info a {
  color: #100f0e;
}

.item-row .by-info a:hover,
.item-row .by-info a:active,
.item-row .by-info a:focus {
  color: #6f6861;
  text-decoration: none;
}

.item-row .link-option {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  position: absolute;
  top: 35px;
  right: 0;
  text-align: center;
  max-width: 200px;
}

.item-row .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.item-row .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
  color: #5b92a7;
}

.item-row .link-option span:first-child:before {
  display: none;
}

.item-row .link-option a {
  color: #5b92a7;
}

.item-row .link-option a:hover {
  color: #100f0e;
  text-decoration: none;
}

.search .item-row,
.search .alm-btn-wrap
{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.search .alm-btn-wrap {
  margin-bottom: 40px;
}

.link-holder,
.alm-btn-wrap
{
  margin: 0 -9999px 0 -9999px;
  display: block;
  text-align: center;
  padding: 13px 9999px 13px 9999px;
  border-top: 2px solid #100f0e;
}

.link-holder .link-load,
.alm-btn-wrap .alm-load-more-btn
{
  background: none;
  border: none;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color: #100f0e;
}

.link-holder .done,
.alm-btn-wrap .done
{
  display: none;
}

.link-holder .link-load:hover,
.link-holder .link-load:active,
.link-holder .link-load:focus {
  color: #6f6861;
  text-decoration: none;
}

.feature-heading {
  margin: 0;
  font-size: 2.4444444444em;
  line-height: 1.0909090909em;
  font-weight: 300;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  border-top: 19px solid #100f0e;
  padding: 30px 0 0;
}

.popular-holder {
  background: #fff;
  padding: 29px 0 25px;
}

.popular-holder .col-md-8 {
  padding-right: 70px;
}

.popular-holder .feature-heading {
  margin: 0 0 37px;
}

.popular-holder .link-holder {
  border-top: 2px solid #100f0e;
  padding: 17px;
}

.topics-list {
  overflow: hidden;
  margin-bottom: 5px;
}

.topics-list li {
  font-size: .8888888889em;
  line-height: 1.25em;
  color: #888;
  margin: 0 0 44px;
}

.topics-list h3 {
  margin: 0 0 2px;
  font-size: 1.875em;
  line-height: 1.1333333333em;
}

.topics-list h3 a {
  display: inline-block;
  vertical-align: top;
  color: #5b92a7;
  max-width: 90%;
}

.topics-list h3 a:hover,
.topics-list h3 a:active,
.topics-list h3 a:focus {
  color: #253c44;
  text-decoration: none;
}

.topics-list .link-refresh {
  overflow: hidden;
  text-indent: -9999px;
  width: 13px;
  height: 16px;
  background-position: -39px -1px;
  margin: 9px 9px 0;
}

.topics-list .link-refresh:hover {
  opacity: .8;
}

.topics-list p {
  margin: 0 0 10px;
}

.btn-follow {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #1d1c1c;
  font-weight: 700;
  border: 1px solid #252525;
  padding: 5px 4px 5px 4px;
  position: relative;
}

.btn-follow:hover {
  text-decoration: none;
  background: #f5f5f5;
}

.side-add-box {
  background: #b3af49;
  margin: 0;
  padding: 50px 20px;
  color: #fff;
  line-height: 1.2222222222em;
}

.side-add-box .logo {
  max-width: 100%;
  margin: 0 0 104px;
  padding: 0 4px;
  max-width: 277px;
}

.side-add-box .logo img {
  width: 100%;
  height: auto;
}

.side-add-box h2 {
  margin: 0 0 102px;
  font-size: 2.6666666667em;
  line-height: 1em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.side-add-box p {
  margin-bottom: 12px;
}

.subscribe-block {
  background: #d89852 !important;
  color: #fff;
  padding: 45px 0 49px;
  position: relative;
  margin: 0 0 49px;
  overflow: hidden;
}

.subscribe-block .title {
  display: block;
  font-size: 1.3333333333em;
  line-height: 1.1666666667em;
  font-weight: 900;
  color: #9a3012;
  text-transform: uppercase;
}

.subscribe-block h2 {
  margin: 0 0 5px 0 !important;
  font-size: 2.6666666667em;
  line-height: 1em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.subscribe-block p {
  margin-bottom: 20px;
  font-size: 1.25em;
  line-height: 1.25;
}

.subscribe-block .info-list {
  margin-bottom: 19px;
}

.subscribe-block .info-list li {
  position: relative;
  padding: 0 0 0 18px;
  line-height: 1.4444444444em;
}

.subscribe-block .info-list li:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  left: 0;
  top: 10px;
}

.subscribe-block .btn-subscribe {
  margin-bottom: 30px;
  padding: 10px 20px;
  background: #414043 !important;
  text-transform: uppercase;
  font-size: 20px !important;
  line-height: 18px;
  font-weight: 700;
  border-color: #414043 !important;
}

.subscribe-block .btn-subscribe:hover,
.subscribe-block .btn-subscribe:focus {
  background: #100f0e;
  border-color: #100f0e;
}

.subscribe-block .col-md-4 {
  position: static;
}

.subscribe-block .img-tablet {
  position: absolute;
  top: 0;
  bottom: auto !important;
  height: 100% !important;
  width: auto !important;
  margin: 0 0 0 49px;
}

.subscribe-block .img-tablet img {
  width: 100%;
  height: auto;
}

.about-block {
  background: #b19bc1;
}

.about-block .title {
  color: #765c89;
}

.about-block h2 {
  color: #414043;
}

.about-block p {
  color: #55505a;
}

.about-block .img-tablet {
  bottom: 20px;
  right: 0;
}

.social-networks {
  text-align: center;
  letter-spacing: 0;
}

.social-networks li {
  display: inline-block;
  vertical-align: top;
  margin: 0 14px 25px;
}

.social-networks li.linkedin a {
  background-position: -97px -38px;
}

.social-networks li.googleplus a {
  background-position: -195px -38px;
}

.social-networks a {
  display: block;
  width: 92px;
  height: 91px;
  background-position: 0 -38px;
}

.social-networks a:hover {
  opacity: .8;
}

.subscription-block {
  margin-bottom: 3px;
}

.subscription-block .social-holder h2 {
  text-align: center;
  margin: 0 0 44px;
}

.subscription-block .social-networks {
  margin: 0 auto;
  max-width: 135px;
}

.subscribe-option {
  padding-top: 43px;
}

.subscribe-option .ico-holder {
  float: left;
  width: 65px;
  margin: 3px 0 0;
}

.subscribe-option .ico-holder img {
  width: 100%;
  height: auto;
}

.subscribe-option li {
  margin: 0 0 46px;
}

.subscribe-option .desc-box {
  overflow: hidden;
  color: #888;
  font-size: .8888888889em;
  line-height: 1.25em;
  padding: 0 0 0 23px;
}

.subscribe-option h3 {
  margin: 0 0 7px;
  color: #100f0e;
  font-size: 1.5em;
  line-height: 1.1666666667em;
}

.subscribe-option h3 a {
  color: #100f0e;
}

.subscribe-option h3 a:hover,
.subscribe-option h3 a:active,
.subscribe-option h3 a:focus {
  color: #46423e;
  text-decoration: none;
}

.subscribe-option p {
  margin: 0 0 4px;
}

.subscribe-option .link-subscribe {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.subscribe-option .popup-holder {
  position: relative;
}

.partner-block {
  margin-bottom: 23px;
}

.partner-block .feature-heading {
  margin: 0 0 44px;
}

.partner-block .img-holder {
  float: left;
  width: 162px;
}

.partner-block .img-holder img {
  width: 100%;
  height: auto;
}

.partner-block .detail-text {
  font-size: .8888888889em;
  line-height: 1.25em;
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 16px;
}

.partner-block .detail-text:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em;
  min-height: 208px;
}

.partner-block .detail-text .center-text {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  padding: 7px 41px 0;
}

.partner-block h3 {
  margin: 0 0 10px;
  font-size: 1.5em;
  line-height: 1.0833333333em;
}

.partner-block h3 a {
  color: #100f0e;
}

.partner-block h3 a:hover,
.partner-block h3 a:active,
.partner-block h3 a:focus {
  color: #544f4a;
  text-decoration: none;
}

.partner-block p {
  margin: 0 0 5px;
}

.partner-block .link-holder {
  margin-top: 33px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.block-title {
  display: block;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: -.03em;
}

.block-title span {
  display: block;
  font-size: 42px;
  line-height: .9523809524em;
  letter-spacing: -.03em;
}

a .block-title {
  color: #100f0e !important;
}

/* footer styles */

#footer {
  background: #f3f3f3;
  padding: 48px 0 23px;
}

#footer .block-title {
  margin: 0 0 39px;
}

#footer .btn-holder {
  padding: 22px 0 0;
  margin: 0 0 40px;
}

#footer .btn-holder .btn {
  min-width: 101px;
  margin: 0 17px 5px 0;
}

#footer .link-subscribe {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #d85c39;
  font-weight: 700;
}

#footer .link-subscribe:hover,
#footer .link-subscribe:active,
#footer .link-subscribe:focus {
  color: #e9a28e;
  text-decoration: none;
}

#footer .footer-bottom {
  padding: 52px 0 0;
}

#footer .social-networks li.linkedin a {
  background-position: -72px -145px;
}

#footer .social-networks li.googleplus a {
  background-position: -145px -145px;
}

#footer .social-networks a {
  width: 67px;
  height: 67px;
  background-position: 0 -145px;
}

.btn {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 12px 6px;
}

.btn.btn-lg {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
}

.footer-link ul li {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 18px;
}

.footer-link a {
  color: #666;
}

.footer-link a:hover,
.footer-link a:active,
.footer-link a:focus {
  color: #4d4d4d;
  text-decoration: none;
}

#footer .copyright {
  font-size: 80%;
  text-align: center;
  color: #999;
}

.brough-box {
  background: #ededed;
  text-align: center;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  padding: 35px 0 0;
  min-height: 225px;
}

.brough-box .title {
  display: block;
  font-size: 1.3333333333em;
  line-height: 1.25em;
  font-weight: 400;
  margin: 0 0 21px;
  padding: 0 10px;
}

.brough-box .logo-holder {
  display: block;
  width: 219px;
  margin: 0 auto;
}

.search-form.content-strategy {
  background: #e7e7e6;
  width: 383px;
  float: none;
  margin: 20px auto;
  padding: 0 50px 0 10px;
}

.search-form.content-strategy .form-control {
  color: #3f3f3e;
  height: 50px;
  font-size: 18px;
  line-height: 24px;
}

.search-form.content-strategy .form-control::-webkit-input-placeholder {
  color: #3f3f3e;
}

.search-form.content-strategy .form-control::-moz-placeholder {
  opacity: 1;
  color: #3f3f3e;
}

.search-form.content-strategy .form-control:-moz-placeholder {
  color: #3f3f3e;
}

.search-form.content-strategy .form-control:-ms-input-placeholder {
  color: #3f3f3e;
}

.search-form.content-strategy .form-control.placeholder {
  color: #3f3f3e;
}

.search-form.content-strategy .btn-search {
  width: 30px;
  height: 30px;
  background-position: -73px -1px;
  top: 9px;
}

/* sidebar styles */

#sidebar h2 {
  font-size: 1.6666666667em;
  line-height: 1.2em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 21px;
}

#sidebar .sidebar-holder {
  border-top: 19px solid #100f0e;
  padding: 28px 0 0;
}

.side-nav {
  margin-bottom: 21px;
  overflow: hidden;
}

.side-nav ul li {
  font-size: 15px;
  line-height: 18px;
  margin: 0 0 12px;
}

.side-nav a {
  color: #666;
}

.side-nav a:hover,
.side-nav a:active,
.side-nav a:focus {
  color: #333;
  text-decoration: none;
}

/* main content styles */

#content .content-holder {
  border-top: 19px solid #100f0e;
}

.search-result-block {
  padding: 71px 0 0;
}

.search-result-block .sort-search {
  float: right;
  padding: 6px 0 0;
}

.search-result-block .sort-search .sort-title {
  float: left;
  font-size: 15px;
  line-height: 30px;
  color: #666;
  max-width: 60px;
}

.search-result-block .sort-search .select-wrap {
  float: left;
  width: 319px;
  margin: 0 0 0 12px;
}

.search-result-block .sort-search .jcf-select {
  width: 100%;
}

.search-result-block .link-holder {
  margin-bottom: 28px;
  border-top-width: 3px;
}

.search-result-block .img-holder img {
  width: 100%;
  height: auto;
}

.btn-collapse {
  color: #100f0e;
}

.btn-collapse:after {
  font-family: FontAwesome;
  font-size: 50%;
  content: " \f077";
  vertical-align: middle;
}

.btn-collapse.collapsed:after {
  content: " \f078";
}

.result-info {
  overflow: hidden;
  margin: 0 0 15px;
}

.result-info .title {
  float: left;
  font-size: 36px;
  line-height: 40px;
  color: #100f0e;
  font-weight: 300;
  max-width: 40%;
}

.result-info .title span {
  font-weight: 700;
}

.result-item {
  border-top: 3px solid #e5e7e7;
  padding: 45px 0 0;
}

.result-item.active {
  background: #eee;
}

.result-item:first-child {
  border: none;
  padding-top: 14px;
}

.result-item.last-item {
  margin-bottom: 0;
}

.result-item .item-title {
  display: block;
  font-size: .7222222222em;
  line-height: 1.3846153846em;
  text-transform: uppercase;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #5b92a7;
  padding: 0;
  margin: 0 0 3px;
}

.result-item.add .item-title {
  padding: 0 18px;
}

.result-item.add .img-holder img {
  margin: 0 10px;
}

.result-item .item-holder {
  overflow: hidden;
  padding: 0 0 30px;
}

.result-item .img-holder {
  float: left;
  width: 216px;
  margin: 1px 26px 0 0;
  text-align: right;
}

.result-item .img-holder.shadow {
  box-shadow: 3px 4px 7px rgba(0, 0, 1, .1);
}

.result-item .img-holder.add {
  margin-bottom: 18px;
  text-align: center;
}

.result-item .detail-text {
  overflow: hidden;
  position: relative;
  color: #888;
  font-size: .8888888889em;
  line-height: 1.25em;
  padding: 0 175px 0 0;
}

.result-item .detail-text .meta {
  font-weight: 300;
  font-size: .875em;
  line-height: 1.1428571429em;
  color: #100f0e;
  margin: 0 0 14px;
}

.result-item h2 {
  margin: 0 0 14px;
  color: #100f0e;
  line-height: 1em;
}

.result-item h2 a {
  color: #100f0e;
}

.result-item h2 a:hover,
.result-item h2 a:active,
.result-item h2 a:focus {
  color: #625c55;
  text-decoration: none;
}

.result-item p {
  margin: 0 0 18px;
}

.result-item .by-info {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #100f0e;
}

.result-item .by-info a {
  color: #100f0e;
}

.result-item .by-info a:hover,
.result-item .by-info a:active,
.result-item .by-info a:focus {
  color: #6f6861;
  text-decoration: none;
}

.result-item .btn-danger {
  font-size: 13px;
  padding: 6px 9px;
  margin-bottom: 18px;
}

.result-item .link-option {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 21px;
  text-align: center;
  max-width: 110px;
}

.result-item .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.result-item .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
  color: #5b92a7;
}

.result-item .link-option span:first-child:before {
  display: none;
}

.result-item .link-option a {
  color: #5b92a7;
}

.result-item .link-option a:hover {
  color: #100f0e;
  text-decoration: none;
}

.inner-hero {
  position: relative;
  max-height: 504px;
  overflow: hidden;
}

.inner-hero .img-holder {
  float: left;
  height: auto;
  left: 50%;
  min-width: 1920px;
  position: relative;
  width: 100%;
  overflow: visible;
}

.inner-hero .img-holder img {
  float: left;
  left: -50%;
  position: relative;
  width: 100%;
  height: auto;
}

.inner-hero .banner-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  bottom: 0;
}

.inner-hero .banner-text:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em;
}

.inner-hero .text-center {
  max-width: 940px;
  padding: 59px 10px 0;
  margin: auto;
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}

.inner-hero h1 {
  font-size: 60px;
  line-height: 60px;
  margin: 0 auto 10px;
  max-width: 740px;
}

.inner-hero .text-block {
  font-size: 30px;
  line-height: 36px;
  font-weight: 900;
  display: block;
  margin: 0 0 24px;
}

.inner-hero .text {
  margin: 0 auto;
  max-width: 750px;
}

.content-science {
  padding-bottom: 47px;
}

.content-science .feature-heading {
  margin: 0 0 9px;
}

.content-science .title-text {
  display: block;
  font-size: 1.3333333333em;
  line-height: 1.25em;
  font-weight: 400;
  margin: 0 0 51px;
}

.content-science .item-box {
  margin: 0 auto;
  text-align: center;
  max-width: 170px;
  font-size: .8888888889em;
  line-height: 1.1875em;
}

.content-science .icon-holder {
  display: block;
  text-align: center;
  white-space: nowrap;
  margin: 0 0 19px;
}

.content-science .icon-holder:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em;
}

.content-science .icon-holder img {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
}

.content-science h3 {
  margin: 0 0 9px;
  font-size: 20px;
  line-height: 22px;
}

.content-excellence {
  background: #78c78f;
  padding: 49px 0 33px;
  margin: 0 0 48px;
}

.content-excellence h2 {
  margin: 0 0 9px;
  font-size: 2.4444444444em;
  line-height: 1.0909090909em;
  font-weight: 300;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.content-excellence .big-text {
  font-size: 1.3333333333em;
  line-height: 1.25em;
  display: block;
  font-weight: 400;
  margin: 0 0 42px;
}

.excellence-list {
  text-align: center;
  margin: 0 -10px;
}

.excellence-list li {
  float: left;
  width: 20%;
  padding: 0 10px;
  font-size: .8888888889em;
  line-height: 1.1875em;
  color: #100f0e;
}

.excellence-list .title {
  display: block;
  font-size: 20px;
  line-height: 22px;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #fff;
  margin: 0 0 11px;
}

.excellence-list .title a {
  color: #fff;
}

.excellence-list .title a:hover,
.excellence-list .title a:active,
.excellence-list .title a:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.plans-block .feature-heading {
  margin-bottom: 49px;
}

.table-plans {
  margin-bottom: 49px;
}

.table-plans th,
.table-plans td {
  border-right: 1px solid #cfcfcf;
}

.table-plans thead th {
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  font-style: italic;
  font-weight: 400;
  color: #fff;
  padding: 16px 15px 17px;
  border-bottom: 1px solid #cfcfcf;
}

.table-plans .title {
  display: block;
  font-size: 23px;
  line-height: 25px;
  font-weight: 700;
  font-style: normal;
}

.table-plans .student {
  background: #c5d7d0;
}

.table-plans .professional {
  background: #a8c4b8;
}

.table-plans .team {
  background: #8bb0a1;
}

.table-plans .enterprise {
  background: #6e9c89;
}

.table-plans tbody th {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  font-family: 'Nunito Sans', sans-serif;
  color: #737373;
}

.table-plans tbody th,
.table-plans tbody td,
.table-plans tfoot td
{
  border-bottom: 1px solid #cfcfcf;
  padding: 13px 12px 12px;
  color: #737373;
}

.table-plans tfoot tr:last-child td,
.table-plans td.no-border
{
  border-bottom: none;
}

.table-plans tbody td {
  text-align: center;
}

.table-plans .check-item {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  background-position: -223px -145px;
  font-size: 0;
  line-height: 0;
}

.table-plans tfoot td,
.table-plans tfoot th {
  text-align: center;
  padding: 27px 10px 27px 10px;
}

.table-plans tfoot tr:last-child td {
  padding-bottom: 0;
}

.table-plans td.enterprise-pricing {
  padding: 10px;
}

.table-plans td.enterprise-pricing strong {
  display: block;
  line-height: 1.5;
}

.table-plans td.enterprise-pricing a {
  margin-top: 7px;
}

.table-plans .price {
  display: block;
  font-size: 18px;
  line-height: 34px;
  margin: 0 0 10px;
}

.table-plans .btn-danger {
  font-size: 18px;
  line-height: 24px;
  min-width: 168px;
  padding: 7px 17px;
  background: #c04632;
}

.table-plans .btn-danger:hover,
.table-plans .btn-danger:active,
.table-plans .btn-danger:focus {
  background: #e28166;
  text-decoration: none;
  border-color: #e28166;
}

.table-plans .btn{
  border-radius: 0;
  text-transform: none;
}

.csr-topices {
  padding: 0 0 21px;
}

.csr-topices h1 {
  background: #8fc9d3;
  font-size: 72px;
  line-height: 90px;
  color: #fff;
  margin-top: 0;
  padding-top: 127px;
  padding-bottom: 73px;
  margin-bottom: 49px;
}

.csr-topices .feature-heading {
  margin-bottom: 40px;
}

.csr-topices .popular-list {
  padding-top: 6px;
  overflow: hidden;
}

.csr-topices .popular-list li {
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  margin: 0 0 26px;
  font-size: 1.1111111111em;
  line-height: 1.1em;
}

.csr-topices .region-list li {
  font-size: .8888888889em;
  line-height: 1.25em;
  margin: 0 0 16px;
}

.csr-topices .subject-box {
  background: #f8f8f8;
  padding: 41px 0 34px 9999px;
  margin: 28px 0 49px -9999px;
}

.csr-topices .subject-box h2 {
  font: 300 44px/48px "Lato", Helvetica, Arial, sans-serif;
  margin: 0 0 48px;
}

.csr-topices .subject-list {
  overflow: hidden;
}

.csr-topices .subject-list li {
  font-size: .8888888889em;
  line-height: 1.25em;
  margin: 0 0 16px;
}

.idea-banner {
  padding: 0;
}

.idea-banner .title-text {
  background: rgba(0, 0, 0, .2);
  display: block;
  font-size: .8888888889em;
  line-height: 1.25em;
  text-transform: uppercase;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  color: #fff;
  font-weight: 400;
}

.idea-banner .title-text span {
  display: block;
  padding: 10px 20px 10px 216px;
}

.idea-banner .banner-block {
  position: relative;
  overflow: hidden;
  padding: 128px 0 110px;
  color: #fff;
}

.idea-banner .banner-block .img-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.idea-banner h1 {
  margin: 0 0 14px;
  font-size: 72px;
  line-height: 90px;
  font-weight: 400;
  color: #000;
}

.idea-banner h2 {
  margin: 0 0 13px;
  font-size: 30px;
  line-height: 38px;
}

.idea-banner h2 a {
  color: #000;
}

.idea-banner h2 a:hover,
.idea-banner h2 a:active,
.idea-banner h2 a:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.idea-banner .by-text {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 0 0 13px;
  color: #000;
}

.idea-banner .by-text a {
  color: #000;
}

.idea-banner .by-text a:hover,
.idea-banner .by-text a:active,
.idea-banner .by-text a:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.idea-banner .link-option {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  margin: 0 0 10px;
}

.idea-banner .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.idea-banner .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
}

.idea-banner .link-option span:first-child:before {
  display: none;
}

.idea-banner .link-option a {
  color: #000;
}

.idea-banner .link-option a:hover,
.idea-banner .link-option a:active,
.idea-banner .link-option a:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.idea-banner .topics-box {
  padding: 12px 0 0;
}

.idea-banner .topics-box .title {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  color: #100f0e;
  display: block;
  margin: 0 0 8px;
}

.idea-banner .topics-box ul {
  overflow: hidden;
  margin-bottom: 16px;
}

.idea-banner .topics-box ul li {
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 8px;
}

.idea-banner .topics-box a {
  color: #000;
}

.idea-banner .topics-box a:hover,
.idea-banner .topics-box a:active,
.idea-banner .topics-box a:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.idea-banner .link-holder {
  text-align: left;
  border-top-width: 3px;
}

.idea-banner .link-holder a {
  color: #100f0e;
}

.idea-banner .link-holder a:hover,
.idea-banner .link-holder a:active,
.idea-banner .link-holder a:focus {
  color: #2b2926;
  text-decoration: none;
}

.label {
  border-radius: 0;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.idea-block {
  background: #eceaeb;
  padding: 40px 0 42px;
  margin: 0 0 11px;
}

.idea-block .top-text {
  text-align: center;
  font-size: 1.3333333333em;
  line-height: 1.25em;
}

.idea-block .top-text p {
  margin-bottom: 44px;
}

.idea-block h2 {
  margin: 0 0 8px;
  font-size: 1.8333333333em;
  line-height: 1.1363636364em;
  font-weight: 300;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.idea-block.topic {
  margin-bottom: 0;
}

.idea-block.credibility {
  background: #8fc9d3;
}

.idea-block.personalization {
  background: #b1cd88;
}

.idea-box-holder {
  overflow: hidden;
  padding: 0 94px;
}

.idea-box-holder .col-box {
  float: left;
  width: 33.33%;
  padding: 0 9px;
  margin: 0 0 11px;
}

.idea-box-holder .box-frame {
  background: #fff;
  box-shadow: 3px 4px 7px rgba(0, 0, 1, .1);
  padding: 11px 17px 17px;
}

.idea-box-holder .title {
  display: block;
  font-size: .7222222222em;
  line-height: 1.3846153846em;
  text-transform: uppercase;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #5b92a7;
  margin: 0 0 18px;
}

.idea-box-holder h3 {
  margin: 0;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  padding: 0 3px;
}

.idea-box-holder .headline {
  margin: 0 0 7px;
}

.idea-box-holder h3 a {
  color: #100f0e;
}

.idea-box-holder h3 a:hover,
.idea-box-holder h3 a:active,
.idea-box-holder h3 a:focus {
  color: #46423e;
  text-decoration: none;
}

.idea-box-holder .by-info {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 3px;
  margin: 0 0 29px;
}

.idea-box-holder .by-info a {
  color: #100f0e;
}

.idea-box-holder .by-info a:hover,
.idea-box-holder .by-info a:active,
.idea-box-holder .by-info a:focus {
  color: #6f6861;
  text-decoration: none;
}

.idea-box-holder .link-option {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  padding: 0 2px;
  text-align: center;
}

.idea-box-holder .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.idea-box-holder .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
  color: #5b92a7;
}

.idea-box-holder .link-option span:first-child:before {
  display: none;
}

.idea-box-holder .link-option a {
  color: #5b92a7;
}

.idea-box-holder .link-option a:hover {
  color: #100f0e;
  text-decoration: none;
}

.step-list {
  background: #e06163;
  overflow: hidden;
  margin-bottom: 50px;
}

.step-list li {
  float: left;
  position: relative;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 18px 48px 18px 16px;
}

.step-list li:first-child {
  padding-left: 0;
}

.step-list li:before,
.step-list li:after {
  content: "";
  position: absolute;
  top: 0;
  right: 4px;
  border: 28px solid #e06163;
  border-color: transparent transparent transparent #e06163;
  border-width: 28px 0 28px 28px;
  z-index: 2;
}

.step-list li:after {
  z-index: 1;
  border-color: transparent transparent transparent #fff;
  border-width: 32px 0 32px 32px;
  right: 0;
  top: -4px;
}

.step-list li.inactive a {
  cursor: default;
  pointer-events: none;
  color: rgba(255, 255, 255, .3);
}

.step-list li.inactive:after {
  border-color: transparent transparent transparent rgba(255, 255, 255, .3);
}

.step-list a {
  color: #fff;
}

.step-list a:hover,
.step-list a:active,
.step-list a:focus {
  color: #e6e6e6;
  text-decoration: none;
}

.form-control {
  border: #d9d9d9 1px solid;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  box-shadow: none;
  height: 50px;
  padding: 15px 23px;
}

.pay-ment-form {
  margin-bottom: 45px;
  padding: 0 50px;
}

.pay-ment-form .feature-heading {
  margin-bottom: 26px;
}

.pay-ment-form .feature-heading span {
  float: right;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  padding: 12px 0 0;
  max-width: 200px;
}

.pay-ment-form .section-title {
  display: block;
  background: #f3f3f3;
  color: #3f3f3e;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 16px 26px;
  margin: 0 0 21px;
}

.pay-ment-form .section-title.payment {
  margin-bottom: 35px;
}

.pay-ment-form .error .jcf-select {
  border: 1px solid #f00;
}

.pay-ment-form .error .form-control {
  border: 1px solid #f00;
}

.pay-ment-form .form-control {
  font-weight: 700;
}

.pay-ment-form .form-control.security {
  max-width: 220px;
  display: inline-block;
}

.pay-ment-form .form-group {
  margin-bottom: 25px;
}

.pay-ment-form .form-group.add {
  margin-bottom: 50px;
}

.pay-ment-form .radio {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 18px;
  color: #3f3f3e;
  padding: 0 0 0 28px;
  text-transform: uppercase;
}

.pay-ment-form .radio label {
  font-weight: 700;
}

.pay-ment-form .radio.add {
  margin-bottom: 50px;
}

.pay-ment-form .select-wrap {
  max-width: 380px;
  margin: 0 0 25px;
}

.pay-ment-form .jcf-select {
  width: 100%;
  height: 50px;
  min-width: 0;
}

.pay-ment-form .jcf-select .jcf-select-text {
  line-height: 48px;
  margin: 0 45px 0 23px;
}

.pay-ment-form .jcf-select .jcf-select-opener {
  width: 13px;
  height: 8px;
  background-position: -139px -1px;
  top: 20px;
  right: 23px;
}

.pay-ment-form .help-info {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  width: 12px;
  height: 23px;
  margin: 0 6px;
  background-position: -162px -1px;
}

.pay-ment-form .help-info:hover {
  opacity: .8;
}

.pay-ment-form .expiration {
  overflow: hidden;
  margin-bottom: 23px;
}

.pay-ment-form .expiration .label-title {
  float: left;
  padding: 14px 18px 0 23px;
}

.pay-ment-form .expiration .select-wrap {
  float: left;
  width: 138px;
  margin: 0 20px 0 0;
}

.pay-ment-form .label-title {
  display: block;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3f3f3e;
}

.pay-ment-form .form-group.postal {
  margin-bottom: 22px;
}

.pay-ment-form .form-group.postal .form-control {
  max-width: 220px;
}

.pay-ment-form .select-wrap.country {
  margin-bottom: 50px;
}

.pay-ment-form .btn-wrap {
  border-top: 3px solid #f3f3f3;
  text-align: right;
  padding: 50px 0 0;
}

.pay-ment-form .btn-wrap a.login-link {
  margin-right: 20px;
  font-size: 85%;
  line-height: 58px;
  text-transform: uppercase;
}

.pay-ment-form .btn-continue {
  font-size: 18px;
  line-height: 24px;
  padding: 17px 37px;
}

.pay-ment-form .coupon-code {
  margin-bottom: 10px;
}

.pay-ment-form .coupon-code-button {
  margin-bottom: 20px;
}

.expiration-date,
.expiration-date .jcf-select
{
  width: auto !important;
}

.expiration-date .jcf-select {
  margin: 0 20px 0 0;
  float: left;
}

.jcf-select-payment-form .jcf-list .jcf-option {
  line-height: 18px;
  padding: 15px 23px;
}

.payment-option {
  text-align: center;
}

.payment-option .feature-heading {
  font-size: 1.6666666667em;
  line-height: 1.3333333333em;
  margin-bottom: 34px;
}

.payment-option ul li {
  margin: 0 0 14px;
}

.page-header {
  margin: 0 0 50px 0;
  padding: 20px 0;
  border-bottom: none;
  background: #ead381;
  overflow: hidden;
}

.page-header h1 {
  margin: 40px 0;
  font-size: 72px;
  line-height: 90px;
  color: #fff;
}

.page-header .block-title {
  color: #000;
}

.page-header-library {
  margin-bottom: 0;
}

.page-header-library a .block-title {
  color: #fff !important;
}

.page-header .sidebar {
  padding-top: 20px;
}

.page-header .sidebar h5 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 90%;
  font-weight: bold;
  text-transform: uppercase;
}

.page-header .sidebar li {
  margin: 0;
  color: #fff;
}

.library-tabs {
  padding-top: 0;
}

.tab-content-library {
  padding-bottom: 40px;
}

.border-top {
  border-top: 19px solid #100f0e;
}

.library-tabs > li > a,
.library-tabs > li.active > a,
.library-tabs > li.active > a:hover,
.library-tabs > li.active > a:focus
{
  color: #fff;
}

.library-header {
  margin-bottom: 30px;
  padding-top: 25px;
  background: #eee;
  min-height: 80px;
}

.library-header a.log-out-link,
.library-header a.tips-link
{
  font-size: 80%;
  text-transform: uppercase;
}

.library-header a.tips-link {
  padding-right: 30px;
}

.pink {
  background: #de6165;
}

.grey {
  background: #414043;
}

.yellow {
  background: #ead381;
}

.blue {
  background: #5e93a6;
}

.post-job {
  background: #ead381;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 50px;
}

.post-job .block-title {
  margin-bottom: 20px;
}

.post-job h1 {
  float: left;
  font-size: 72px;
  line-height: 90px;
  color: #fff;
  margin: 30px 0 20px 0;
  width: 40%;
}

.post-job .blockquote {
  float: left;
  width: 60%;
  border: none;
  padding: 0;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  text-align: center;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.3333333333em;
  position: relative;
  padding: 22px 70px;
  margin: 0 0 32px;
}

.post-job .blockquote q {
  display: block;
  margin: 0 0 29px;
}

.post-job .blockquote q:before,
.post-job .blockquote q:after {
  position: absolute;
  top: 0;
  left: 9px;
  font-size: 200px;
  line-height: 200px;
  color: #fff;
}

.post-job .blockquote q:after {
  bottom: auto;
  top: auto;
  left: auto;
  right: 0;
  content: close-quote;
}

.post-job .blockquote cite {
  display: block;
  font-style: normal;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #fff;
}

.advertise .blockquote {
  border: none;
  padding: 0;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  text-align: center;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.3333333333em;
  position: relative;
  padding: 22px 70px;
  margin: 0 0 32px;
}

.advertise .blockquote q {
  display: block;
  margin: 0 0 29px;
}

.advertise .blockquote q:before,
.advertise .blockquote q:after {
  position: absolute;
  top: 0;
  left: 9px;
  font-size: 200px;
  line-height: 200px;
  color: #ccc;
}

.advertise .blockquote q:after {
  bottom: auto;
  top: auto;
  left: auto;
  right: 0;
  content: close-quote;
}

.advertise .blockquote cite {
  display: block;
  font-style: normal;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #ccc;
}

.pay-ment-form.post-job-form .feature-heading {
  text-align: right;
  padding: 0;
  margin-bottom: 18px;
}

.pay-ment-form.post-job-form .feature-heading span {
  display: inline-block;
  max-width: none;
  float: none;
  vertical-align: top;
  padding: 20px 0 0;
}

.pay-ment-form.post-job-form .feature-heading span span {
  color: #d1360a;
  padding: 0;
}

.pay-ment-form.post-job-form .job-description {
  padding: 15px 0 0;
  margin: 0 0 50px;
}

.pay-ment-form.post-job-form .job-description .label-title {
  padding: 0 24px;
  margin: 0 0 12px;
}

.pay-ment-form.post-job-form .radio.add {
  margin-bottom: 37px;
}

.pay-ment-form.post-job-form .section-title.payment-details {
  margin-bottom: 41px;
}

.pay-ment-form.post-job-form .btn-wrap {
  border: none;
  padding: 0 0 4px;
}

.pay-ment-form.post-job-form .btn-continue {
  padding: 17px 41px;
}

.pay-ment-form .wysiwyg-editor {
  max-width: none;
}

.pay-ment-form .wysiwyg-editor img {
  width: 100%;
  height: auto;
}

.pay-ment-form .input-wrap {
  padding: 0 0 0 19px;
  margin: -1px 0 47px;
}

.pay-ment-form .input-wrap .form-control {
  height: 30px;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 22px;
  text-transform: none;
  font-weight: 400;
}

.pay-ment-form .input-wrap .form-control::-webkit-input-placeholder {
  color: #999;
}

.pay-ment-form .input-wrap .form-control::-moz-placeholder {
  opacity: 1;
  color: #999;
}

.pay-ment-form .input-wrap .form-control:-moz-placeholder {
  color: #999;
}

.pay-ment-form .input-wrap .form-control:-ms-input-placeholder {
  color: #999;
}

.pay-ment-form .input-wrap .form-control.placeholder {
  color: #999;
}

.main-article .reason-to-post {
  border: 19px solid #100f0e;
  border-width: 19px 0;
  padding: 36px 0 28px;
  margin-bottom: 33px;
}

.main-article .reason-to-post h2 {
  margin: 0 0 20px;
  font-weight: 300;
  font-size: 1.3333333333em;
  line-height: 1.1666666667em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.main-article .reason-to-post ol {
  counter-reset: num-counter;
}

.main-article .reason-to-post ol li {
  font-size: .8888888889em;
  line-height: 1.1875em;
  overflow: hidden;
  margin: 0 0 6px;
}

.main-article .reason-to-post ol .title {
  display: block;
  font-weight: 700;
}

.main-article .reason-to-post ol .title:before {
  content: counters(num-counter, ".") ". ";
  counter-increment: num-counter;
}

.main-article .cost-box {
  text-align: center;
  margin-bottom: 30px;
}

.main-article .cost-box h2 {
  margin: 0 0 12px;
  font-weight: 300;
  font-size: 1.6666666667em;
  line-height: 1.2em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.main-article .cost-box .price {
  display: block;
  font-size: 72px;
  line-height: 72px;
  color: #ca3f3f;
  font-weight: 300;
  margin: 0 0 -4px;
}

.main-article .cost-box .bottom-info {
  display: block;
  font: 20px/26px "Belgrano", Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  font-weight: 400;
  border-bottom: 2px solid #ccc;
  padding: 0 0 13px;
  margin: 0 0 14px;
}

.main-article .cost-box sup {
  font-size: 60%;
}

.main-article .cost-box .days-info {
  display: block;
  font-size: 1em;
  line-height: 1.2222222222em;
  padding: 0 40px;
  margin: 0 0 34px;
}

.main-article .cost-box .info-text {
  text-align: left;
  font-size: .8888888889em;
  line-height: 1.1875em;
  display: block;
}

.job-detail {
  background: #ead381;
  color: #fff;
  padding-top: 132px;
  padding-bottom: 54px;
  margin-bottom: 49px;
}

.job-detail h1 {
  margin: 0;
  font-size: 72px;
  line-height: 80px;
}

.job-detail .sub-title {
  font-size: 1em;
  line-height: 1.3333333333em;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}

.job-description h2 {
  margin: 0 0 37px;
}

.job-description p {
  margin: 0 0 30px;
}

.job-description .desc-title {
  display: block;
  font-weight: 700;
  margin: 0 0 21px;
}

.job-description .desc-list {
  overflow: hidden;
  margin-bottom: 38px;
}

.job-description .desc-list li {
  position: relative;
  padding: 0 0 0 40px;
  line-height: 1.3333333333em;
  margin: 0 0 12px;
}

.job-description .desc-list li:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 24px;
  width: 7px;
  height: 7px;
  background: #100f0e;
  border-radius: 100%;
}

.how-to-apply {
  background: #ead381;
  padding-top: 41px;
  padding-bottom: 45px;
  margin-bottom: 50px;
}

.how-to-apply h2 {
  margin: 0 0 36px;
  font-size: 2.4444444444em;
  line-height: 1.1363636364em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.how-to-apply span a {
  font-weight: 700;
}

.company-jobs-list .feature-heading {
  margin-bottom: 35px;
}

.company-jobs-list ul li {
  border-top: 3px solid #e5e7e7;
  padding-top: 42px;
  padding-bottom: 41px;
}

.company-jobs-list ul li:first-child {
  border: none;
  padding-top: 0;
}

.company-jobs-list .date {
  float: left;
  font-size: .7777777778em;
  line-height: 1.2857142857em;
  font-weight: 300;
  padding: 4px 5px 0 0;
  width: 133px;
}

.company-jobs-list .job-desc-text {
  overflow: hidden;
}

.company-jobs-list h3 {
  font-size: 1.3333333333em;
  line-height: 1.0833333333em;
  margin: 0;
}

.company-jobs-list h3 a {
  color: #100f0e;
}

.company-jobs-list h3 a:hover,
.company-jobs-list h3 a:active,
.company-jobs-list h3 a:focus {
  color: #7d756d;
  text-decoration: none;
}

.company-jobs-list .company-name {
  font-weight: 700;
  text-transform: uppercase;
  font-size: .7777777778em;
  line-height: 1.2142857143em;
}

/* header styles */

#header {
  background: #fff;
  position: relative;
  z-index: 9999;
}

#header .header-text {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 15px 10px 0;
  overflow: hidden;
}

#header .header-text .subscribe-text {
  font: 400 16px/20px "Belgrano", Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  display: inline-block;
  position: relative;
}

#header .header-text .subscribe-text:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 18px;
  background: #100f0e;
  vertical-align: middle;
  margin: -2px 10px 0;
}

#header .header-text span {
  display: inline-block;
  vertical-align: middle;
}

#header .header-text a {
  font-weight: 900;
  color: #d1360a;
}

#header .header-text a:hover,
#header .header-text a:active,
#header .header-text a:focus {
  color: #f44a1a;
  text-decoration: none;
}

.fixed-header {
  background: #fff;
  box-shadow: 3px 4px 7px rgba(0, 0, 1, .1);
}

.fixed-header.fixed-scroll {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}

.user-info-box {
  float: right;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  text-align: right;
  max-width: 180px;
  clear:both;
}

.sign-in-link {
  font-size: 70%;
  text-transform:uppercase;
}

.hero-sction .user-wrap {
  color: #eee;
}

.hero-sction .user-wrap a {
  color: #fff;
}

.user-info-box span,
.user-info-box img {
  display: inline-block;
  vertical-align: middle;
}

.user-info-box span {
  margin-right: 5px;
  max-width: 80%;
}

.user-info-box .search-form {
  float: right;
  background: #e7e7e7;
  text-align: left;
  margin: 5px 0;
  position: relative;
}

.user-info-box .search-form .form-control {
  color: #3f3f3e;
}

.user-info-box .search-form .form-control::-webkit-input-placeholder {
  color: #3f3f3e;
}

.user-info-box .search-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #3f3f3e;
}

.user-info-box .search-form .form-control:-moz-placeholder {
  color: #3f3f3e;
}

.user-info-box .search-form .form-control:-ms-input-placeholder {
  color: #3f3f3e;
}

.user-info-box .search-form .form-control.placeholder {
  color: #3f3f3e;
}

.user-info-box .search-form .btn-search {
  background-position: -323px -2px;
}

.user-info-box .search-form .search-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 5px;
  text-transform: none;
  padding: 13px;
  display: none;
  z-index: 99;
}

.user-info-box .search-form .search-list .title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  color: #100f0e;
  display: block;
  margin: 0 0 12px;
}

.user-info-box .search-form .search-list ul li {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 12px;
}

.user-info-box .search-form .search-list ul a {
  color: #100f0e;
}

.user-info-box .search-form .search-list ul a:hover,
.user-info-box .search-form .search-list ul a:active,
.user-info-box .search-form .search-list ul a:focus {
  color: #544f4a;
  text-decoration: none;
}

.nav-opener .text {
  vertical-align: middle;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #666;
  font-weight: 700;
}

.nav-opener .text.open {
  display: none;
}

.nav-opener .text.close-text {
  display: inline-block;
}

.nav-opener.collapsed .text.open {
  display: inline-block;
}

.nav-opener.collapsed .text.close-text {
  display: none;
}

.nav-opener .toogle-bar {
  width: 25px;
  height: 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0 13px 0 0;
}

.nav-opener .toogle-bar span {
  display: none;
}

.nav-opener .toogle-bar:before,
.nav-opener .toogle-bar:after,
.nav-opener .toogle-bar span {
  background: #100f0e;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  margin-top: -2px;
  border-radius: 1px;
}

.nav-opener .toogle-bar:before,
.nav-opener .toogle-bar:after {
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-opener .toogle-bar:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-opener.collapsed .toogle-bar span {
  display: block;
  left: 0;
  right: 0;
  margin: -2px 0 0;
}

.nav-opener.collapsed .toogle-bar:before,
.nav-opener.collapsed .toogle-bar:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  top: 0;
  left: 0;
  right: 0;
  margin-top: 0;
}

.nav-opener.collapsed .toogle-bar:after {
  top: 100%;
  margin-top: -3px;
}

.progress-bar {
  -webkit-transition: none;
  transition: none;
}

#nav {
  float: left;
  padding: 10px 0 6px;
  position: relative;
  min-width: 135px;
}

#nav #nav-drop {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 202px;
  background: #f4f4f4;
  z-index: 99;
  margin-left: -15px;
}

#nav ul {
  padding-top: 31px;
  position: relative;
}

#nav ul li {
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 24px;
  padding: 0 15px;
}

#nav ul a {
  color: #666;
}

#nav ul a:hover,
#nav ul a:active,
#nav ul a:focus {
  color: black;
  text-decoration: none;
}

.adv-banner {
  max-width: 730px;
  max-height: 114px;
  overflow: hidden;
  margin: 0 auto 14px;
  padding: 24px 0 0;
}

.adv-banner img {
  vertical-align: top;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.link-option ul {
  padding: 15px 0;
}

.link-option ul li {
  float: left;
  position: relative;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 19px;
}

.link-option ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 14px;
  background: #100f0e;
}

.link-option ul li:first-child {
  padding-left: 0;
}

.link-option ul li:first-child:before {
  display: none;
}

.link-option ul li a {
  color: #100f0e;
  outline: none;
}

.link-option ul li a:hover,
.link-option ul li a:active,
.link-option ul li a:focus {
  color: #544f4a;
  text-decoration: none;
}

.link-option ul li a span {
  color: #ca3f3f;
}

.predictions-box {
  padding: 10px 0 0;
}

.predictions-box .title {
  font: 18px/24px "Belgrano", Georgia, "Times New Roman", Times, serif;
  display: block;
  margin: 0 0 14px;
}

.progress {
  background: #fff;
  box-shadow: none;
  height: 6px;
  margin-bottom: 20px;
}

.progress .progress-bar {
  box-shadow: none;
}

.main-article .heading-holder {
  padding: 17px 0 0;
}

.main-article .heading-holder .block-title {
  margin: 0 0 81px;
}

.main-article .heading-holder .main-title-holder {
  overflow: hidden;
  margin: 0 0 -10px;
  position: relative;
}

.main-article .heading-holder .main-title-holder .title {
  display: inline-block;
  vertical-align: middle;
  font-size: .8888888889em;
  line-height: 1.5em;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  color: #5b92a7;
  margin: 0 17px 0 0;
}

.main-article .heading-holder .main-title-holder .btn-follow {
  vertical-align: middle;
  margin-bottom: 5px;
}

.main-article .heading-holder h1 {
  font-size: 2.7777777778em;
  line-height: 1.2em;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  margin: 0 0 14px;
}

.main-article .heading-holder .meta {
  font-size: .8888888889em;
  line-height: 1.25em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 43px;
}

.main-article .heading-holder .meta span {
  display: inline-block;
  vertical-align: middle;
}

.main-article .heading-holder .meta .date {
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 10px 0 35px;
}

.main-article .heading-holder .meta .date:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 18px;
  width: 2px;
  height: 15px;
  background: #100f0e;
}

.main-article .heading-holder .link-option {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #100f0e;
  background: #f3f3f3;
  padding-top: 19px;
  padding-bottom: 16px;
  margin-bottom: 49px;
}

.main-article .heading-holder .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.main-article .heading-holder .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
}

.main-article .heading-holder .link-option span:first-child:before {
  display: none;
}

.main-article .heading-holder .link-option a {
  color: #100f0e;
}

.main-article .heading-holder .link-option a:hover,
.main-article .heading-holder .link-option a:active,
.main-article .heading-holder .link-option a:focus {
  color: #544f4a;
  text-decoration: none;
}

.action-link-holder {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #100f0e;
  background: #f3f3f3;
  padding-top: 15px;
  padding-bottom: 12px;
  margin: 0 0 38px 0;
}

.action-link-holder ul {
  padding: 15px 0;
}

.action-link-holder ul > li {
  float: left;
  position: relative;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 19px;
}

.action-link-holder ul > li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 14px;
  background: #100f0e;
}

.action-link-holder ul > li:first-child {
  padding-left: 0;
}

.action-link-holder ul > li:first-child:before {
  display: none;
}

.action-link-holder ul > li > a {
  color: #100f0e;
}

.action-link-holder ul > li > a:hover,
.action-link-holder ul > li > a:active,
.action-link-holder ul > li > a:focus {
  color: #544f4a;
  text-decoration: none;
}

.action-link-holder ul > li > a > span {
  color: #ca3f3f;
}

.action-link-holder .predictions-box {
  display: none;
}

.action-link-holder.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 70px;
  z-index: 999;
}

.action-link-holder.fixed .predictions-box {
  display: block;
}

.popup {
  position: absolute;
  top: -35px;
  left: 100%;
  width: 441px;
  box-shadow: 3px 4px 7px rgba(0, 0, 1, .1);
  background: #100f0e;
  border: 1px solid #ebebeb;
  z-index: 99;
  color: #fff;
  margin: 0 0 0 -26px;
}

.popup:before,
.popup:after {
  content: "";
  position: absolute;
  top: 34px;
  left: -16px;
  border: 8px solid #000;
  border-width: 8px 16px 8px 0;
  border-color: transparent #100f0e transparent transparent;
  z-index: 2;
}

.popup:after {
  border-width: 9px 17px 9px 0;
  border-color: transparent #fff transparent transparent;
  z-index: 1;
  left: -17px;
  top: 33px;
}

.popup .close {
  position: absolute;
  top: 8px;
  right: 11px;
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
  opacity: 1;
  text-shadow: none;
}

.popup .close:hover,
.popup .close:focus {
  opacity: 1;
  color: #f7d9d9;
}

.popup.save {
  width: 240px;
}

.popup .save-box {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 700;
  padding: 31px 10px 17px 23px;
}

.popup .save-box a {
  color: #5b92a7;
}

.popup .save-box a:hover,
.popup .save-box a:active,
.popup .save-box a:focus {
  color: #7ca8b9;
  text-decoration: none;
}

.subscription-block .popup
{
  top: 0;
  left: auto;
  right: auto;
}

.share-form {
  padding: 37px 17px 17px 21px;
}

.share-form .title {
  display: block;
  margin: 0 0 2px;
  text-transform: uppercase;
}

.share-form h3 {
  margin: 0 0 21px;
  font-size: 24px;
  line-height: 28px;
  text-transform: none;
}

.share-form .input-holder {
  background: #fff;
}

.share-form .label-holder {
  float: left;
  width: 43px;
  color: #100f0e;
  font-size: 14px;
  text-transform: uppercase;
  margin: 28px 0 0 17px;
}

.share-form .label-holder:before {
  display: none;
}

.share-form .input-wrap {
  overflow: hidden;
  padding: 14px 16px 12px 7px;
}

.share-form .form-control {
  text-transform: none;
  font-size: 14px;
  line-height: 16px;
  color: #3f3f3e;
  font-weight: 400;
  padding: 15px 17px;
}

.share-form .form-control::-webkit-input-placeholder {
  color: #3f3f3e;
}

.share-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #3f3f3e;
}

.share-form .form-control:-moz-placeholder {
  color: #3f3f3e;
}

.share-form .form-control:-ms-input-placeholder {
  color: #3f3f3e;
}

.share-form .form-control.placeholder {
  color: #3f3f3e;
}

.share-form .nav-tabs {
  padding: 28px 15px 3px;
}

.share-form .nav-tabs > li {
  padding: 0;
  min-width: 0;
  margin: 0 13px 0 0;
}

.share-form .nav-tabs > li > a {
  padding: 0;
  color: #5b92a7;
}

.share-form .nav-tabs > li > a:after {
  display: none;
}

.share-form .nav-tabs > li.active > a,
.share-form .nav-tabs > li:hover > a {
  color: #fff;
}

.share-form .nav-tabs > li.active > a:after,
.share-form .nav-tabs > li:hover > a:after {
  display: none;
}

.share-form .tab-content {
  background: #fff;
  padding: 4px 0 0;
}

.share-form .tab-content .input-wrap {
  padding: 9px 16px 9px 7px;
}

.share-form .tab-content .form-control {
  text-transform: uppercase;
}

.share-form .tab-content .label-holder {
  margin: 24px 0 0 17px;
}

.share-form .input-message {
  padding: 22px 16px 0;
}

.share-form .input-message label {
  color: #100f0e;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.share-form .input-message textarea.form-control {
  height: 139px;
  min-height: 139px;
  width: 100%;
  max-width: 100%;
}

.share-form .btn-holder {
  text-align: center;
  padding: 16px 0 18px;
}

.share-form .btn-send {
  font-size: 18px;
  line-height: 22px;
  padding: 18px 60px;
}

.share-form .twitter-share-box {
  text-align: center;
  padding: 21px 34px 30px;
}

.share-form .twitter-share-box .btn-twitter-connect {
  color: #fff;
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 22px;
  padding: 18px 10px;
}

.share-form .twitter-share-box .shre-twitter {
  display: block;
  margin: 0 auto 23px;
  width: 92px;
}

.share-form .twitter-share-box .shre-twitter img {
  width: 100%;
  height: auto;
}

.inner-image {
  background: #fff;
  text-align: center;
  margin: -38px 0 38px;
}

.main-article {
  margin-bottom: 19px;
}

.main-article h1 {
  font-size: 2.6666666667em;
  line-height: 1.25em;
  font-weight: 300;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  margin: 0 0 33px;
}

.main-article p, #playht-iframe-wrapper {
    margin-bottom: 28px;
}

.main-article h2 {
  margin: 0 0 2px;
  font-weight: 900;
  font-size: 1.3333333333em;
  line-height: 1.25em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.main-article .desc-title {
  display: block;
  font-weight: 700;
  margin: 0 0 21px;
  padding-top: 2px;
}

.main-article .desc-list {
  overflow: hidden;
  margin-bottom: 19px;
}

.main-article .desc-list li {
  position: relative;
  padding: 0 0 0 40px;
  line-height: 1.3333333333em;
  margin: 0 0 12px;
}

.main-article .desc-list li:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 24px;
  width: 7px;
  height: 7px;
  background: #100f0e;
  border-radius: 100%;
}

.main-article .blockquote {
  padding: 28px 40px 0;
  border: none;
  font-size: 1.3333333333em;
  line-height: 1.25em;
  font-weight: 300;
  font-style: italic;
  overflow: hidden;
  margin-bottom: 2px;
}

.main-article .blockquote q:before,
.main-article .blockquote q:after {
  display: none;
}

.main-article .blockquote strong {
  display: block;
  font-weight: 300;
  margin-bottom: 30px;
}

.main-article .blockquote strong span {
  font-weight: 900;
  font-style: normal;
}

.main-article .img-holder {
  float: left;
  width: 300px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin: 9px 43px 0 0;
}

.main-article .img-holder img {
  width: 100%;
  height: auto;
  margin: 0 0 14px;
}

.main-article .img-holder .caption-title {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

.main-article .inner-section {
  padding-top: 2px;
  overflow: hidden;
  margin-bottom: 5px;
}

.main-article .inner-section p {
  margin-bottom: 30px;
}

.main-article .top-banner-holder .img-holder {
  width: auto;
  float: none;
  margin: 0 0 24px;
}

.main-article .subscribe-access {
  font-size: .8888888889em;
  line-height: 1.1875em;
  padding: 0 0 0 17px;
}

.main-article .subscribe-access .feature-heading {
  font-size: 1.875em;
  line-height: 1.2em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 19px -17px;
  padding: 33px 0 0 17px;
}

.main-article .subscribe-access p {
  margin-bottom: 19px;
}

.main-article .subscribe-access .title {
  display: block;
  margin: 0 0 20px;
}

.main-article .subscribe-access .btn-more {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  padding: 17px;
  margin-bottom: 20px;
}

.main-article .subscribe-access .bottom-info {
  display: block;
}

.main-article .subscribe-access .bottom-info a {
  text-transform: uppercase;
  font-weight: 700;
}

.main-article .access-list {
  margin-bottom: 19px;
}

.main-article .access-list .icon {
  float: left;
  width: 25px;
  height: 19px;
  overflow: hidden;
  text-indent: -9999px;
  background-position: -355px -3px;
}

.main-article .access-list .icon.note {
  height: 23px;
  background-position: -305px -38px;
}

.main-article .access-list .icon.right-arrow {
  height: 27px;
  background-position: -352px -38px;
}

.main-article .access-list .icon.grid {
  height: 22px;
  background-position: -306px -78px;
}

.main-article .access-list .icon.bubble {
  height: 20px;
  background-position: -347px -79px;
}

.main-article .access-list .text {
  overflow: hidden;
  padding: 0 0 0 5px;
}

.main-article .access-list .title-text {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

.main-article .access-list .title-text a {
  color: #100f0e;
}

.main-article .access-list .title-text a:hover,
.main-article .access-list .title-text a:active,
.main-article .access-list .title-text a:focus {
  color: #544f4a;
  text-decoration: none;
}

.main-article.add {
  margin-bottom: 23px;
}

.checkout-block {
  margin-bottom: 29px;
}

.checkout-block .feature-heading {
  margin-bottom: 29px;
}

.checkout-block ul {
  overflow: hidden;
}

.checkout-block ul li {
  position: relative;
  color: #5b92a7;
  padding: 0 0 0 15px;
  line-height: 1.3333333333em;
  margin: 0 0 16px;
}

.checkout-block ul li:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 2px;
  width: 7px;
  height: 7px;
  background: #100f0e;
  border-radius: 100%;
}

.reports-trainings {
  background: #9aced7;
  color: #fff;
  padding: 44px 0 50px;
  line-height: 1.4444444444em;
  margin: 0 0 47px;
}

.reports-trainings .title {
  display: block;
  text-transform: uppercase;
  font-size: 1.3333333333em;
  line-height: 1.25em;
  color: #5d878e;
  margin: 0 0 10px;
}

.reports-trainings h2 {
  margin: 0;
  font-size: 2.6666666667em;
  line-height: 1.125em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.reports-trainings .text-box {
  overflow: hidden;
  margin: 0 auto;
  max-width: 808px;
}

.reports-trainings p {
  margin-bottom: 30px;
}

.recommended {
  margin-bottom: 38px;
}

.recommended .feature-heading {
  margin-bottom: 26px;
}

.recommended .img-holder {
  text-align: center;
  margin: 0 0 28px;
}

.recommended .img-holder img {
  max-width: 100%;
  height: auto;
}

.recommended h3 {
  margin: 0 0 14px;
  font-size: 1em;
  line-height: 1.3333333333em;
}

.recommended .author-info {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 0 0 9px;
}

.recommended .author-info a {
  color: #100f0e;
}

.recommended .author-info a:hover,
.recommended .author-info a:active,
.recommended .author-info a:focus {
  color: #544f4a;
  text-decoration: none;
}

.recommended .link-option {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #5b92a7;
}

.recommended .link-option span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.recommended .link-option span:before {
  content: "|";
  display: inline-block;
  vertical-align: top;
  margin: -1px 9px 0 10px;
}

.recommended .link-option span:first-child:before {
  display: none;
}

.author-block {
  margin-bottom: 42px;
}

.author-block .feature-heading {
  margin-bottom: 29px;
}

.author-block .img-holder {
  float: left;
  width: 158px;
  margin: 6px 0 0;
}

.author-block .img-holder img {
  width: 100%;
  height: auto;
  padding-right: 22px;
}

.author-block .desc-box {
  overflow: hidden;
}

.author-block .desc-box p {
  margin-bottom: 30px;
}

/*.author-block .desc-box p a {
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
}*/

.author-block .list-box p {
  margin: 0;
}

.author-block .list-box ul {
  overflow: hidden;
  padding-left: 36px;
}

.author-block .list-box ul li {
  position: relative;
  color: #5b92a7;
  padding: 0 0 0 36px;
}

.author-block .list-box ul li:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 2px;
  width: 7px;
  height: 7px;
  background: #100f0e;
  border-radius: 100%;
}

.comment-block {
  border-top: 19px solid #100f0e;
  padding: 34px 0 0;
}

.comment-block .heading-text {
  display: block;
  font-size: 1.3333333333em;
  line-height: 1.25em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

.comment-block .main-title-holder {
  overflow: hidden;
  margin: 0 0 28px;
}

.comment-block .main-title-holder .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3333333333em;
  line-height: 1.25em;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  color: #5b92a7;
  margin: 0 17px 5px 0;
}

.comment-block .main-title-holder .btn-follow {
  vertical-align: middle;
  margin-bottom: 5px;
}

.comment-block .topic-holder {
  overflow: hidden;
  margin: 0 0 52px;
}

.comment-block .topic-holder .title {
  font-size: 18px;
  line-height: 24px;
  float: left;
  text-transform: uppercase;
  font-weight: 700;
  max-width: 200px;
}

.comment-block .topic-list {
  overflow: hidden;
  padding-top: 4px;
}

.comment-block .topic-list li {
  float: left;
  font: 16px/20px "Belgrano", Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  padding: 0 16px;
  position: relative;
}

.comment-block .topic-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 1px;
  height: 16px;
  background: #100f0e;
}

.comment-block .topic-list li:first-child:after {
  display: none;
}

.comment-block .comments-title {
  display: block;
  font-size: 1em;
  line-height: 1.3333333333em;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 3px solid #e5e7e7;
  padding-bottom: 7px;
  margin-bottom: 43px;
}

.comment-block .comments-title span {
  color: #ca3f3f;
}

.comment-block .comment-list {
  color: #888;
  margin-bottom: 56px;
}

.comment-block .comment-list li {
  font-size: .8888888889em;
  line-height: 1.5em;
}

.comment-block .comment-list .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  line-height: 1.2083333333em;
  font-family: "Belgrano", Georgia, "Times New Roman", Times, serif;
  color: #100f0e;
}

.comment-block .comment-list .name:hover,
.comment-block .comment-list .name:active,
.comment-block .comment-list .name:focus {
  color: #2b2926;
  text-decoration: none;
}

.comment-block .comment-list .date {
  display: inline-block;
  vertical-align: middle;
  font-size: .875em;
  line-height: 1.2142857143em;
  font-weight: 300;
  color: #100f0e;
  margin: 1px 0 0 15px;
}

.comment-block .comment-list p {
  margin-bottom: 11px;
}

.comment-block .link-reply {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
}

.comment-block .reply-holder {
  display: inline-block;
  vertical-align: top;
  margin: 6px 20px 0 0;
  position: relative;
}

.comment-block .reply-holder .popup {
  margin: 0 0 0 -6px;
  top: -30px;
}

.comment-block .link-like {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  color: #c6c5c5;
  margin: 0 16px 0 0;
}

.comment-block .link-like span {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 5px 0 0;
}

.comment-block .link-like .like-button {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 18px;
  height: 22px;
  background-position: -214px -1px;
  vertical-align: top;
}

.comment-block .link-like .like-button:hover {
  background-position: -188px -1px;
}

.comment-block .link-like .like-button.unlike {
  background-position: -264px -1px;
  margin-top: 7px;
}

.comment-block .link-like .like-button.unlike:hover {
  background-position: -239px -1px;
}

.comment-block .link-like.active {
  color: #ca3f3f;
}

.comment-block .link-like.active .like-button {
  background-position: -188px -1px;
}

.comment-block .link-like.active .like-button.unlike {
  background-position: -239px -1px;
}

.comment-block .link-holder {
  padding: 21px 0;
  margin: 0 0 15px;
}

.comment-block.add .topic-holder {
  margin-bottom: 45px;
}

.comment-form-holder {
  background: #f3f3f3;
  margin-bottom: 43px;
}

.comment-form {
  padding: 44px 0 52px;
  max-width: 700px;
}

.comment-form h2 {
  margin: 0 0 21px;
  font-size: 2.4444444444em;
  line-height: 1.1363636364em;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.comment-form textarea.form-control {
  width: 100% !important;
  min-height: 160px;
  height: 160px;
}

.comment-form .btn-wrap {
  text-align: right;
  padding: 7px 0 0;
}

.comment-form .btn-post {
  font-size: 18px;
  line-height: 24px;
  min-width: 168px;
  padding: 17px;
}

.comment-guidelines {
  font-size: .7777777778em;
  line-height: 1.2857142857em;
  color: #888;
  overflow: hidden;
  margin: 0 0 32px;
}

.comment-guidelines .title {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

/* ---------------------------------------------------------
  4. Custom Form style
  ---------------------------------------------------------*/

/* custom select styles */

.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #d9d9d9;
  background: #fff;
  min-width: 150px;
  height: 30px;
}

.tab-content-library .jcf-select {
  min-width: 200px;
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}

.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 14px;
  line-height: 28px;
  margin: 0 35px 0 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #3f3f3e;
}

.jcf-select .jcf-select-opener {
  position: absolute;
  width: 16px;
  height: 11px;
  background-position: -116px -1px;
  top: 8px;
  right: 12px;
}

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px;
}

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #999;
}

/* multiple select styles */

.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}

/* select options styles */

.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  line-height: 20px;
  font-size: 14px;
  width: 100%;
}

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
}

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jcf-list ul li {
  overflow: hidden;
  display: block;
}

.jcf-list .jcf-overflow {
  overflow: auto;
}

.jcf-list .jcf-option {
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 12px;
  color: #3f3f3e;
  height: 1%;
  font-weight: 700;
  text-transform: uppercase;
}

.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}

.jcf-select-drop .jcf-hover {
  background: #e6e6e6;
  color: #000;
}

.jcf-list .jcf-optgroup-caption {
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}

/* common custom form elements styles */

.jcf-disabled {
  background: #ddd !important;
}

/* custom radio styles */

.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #ebebeb;
  border: 1px solid #bfbfbf;
  border-radius: 9px;
  margin: -2px 7px 0 -24px;
  height: 14px;
  width: 14px;
  -webkit-transition: border, .15s, ease-in-out;
  transition: border, .15s, ease-in-out;
}

.jcf-radio.jcf-checked {
  border-width: 4px;
}

.jcf-radio input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 1199px) {
  .story-block {
    width: 779px;
  }

  .story-block .col-box {
    margin-bottom: 14px;
  }
}

@media only screen and (max-width: 992px) {
  .action-link-holder.fixed {
    top: 114px;
  }

  #wrapper .fake-block-panel {
    height: 151px !important;
  }
}

@media only screen and (max-width: 991px) {
  .hero-sction {
    padding-top: 10px;
  }

  .aside .bottom-info {
    margin: 0 0 0 -10px;
  }

  .story-block {
    padding: 46px 5px 9999px;
    width: 559px;
  }

  .story-block .col-box {
    margin-bottom: 14px;
  }

  .story-block .box-frame {
    padding: 10px 5px;
  }

  .side-add-box .logo {
    margin: 0 0 70px;
  }

  .side-add-box h2 {
    margin: 0 0 70px;
  }

  #footer .btn-holder .btn {
    margin: 0 7px 5px 0;
  }

  .search-form.content-strategy {
    margin: 20px auto;
  }

  #sidebar {
    margin: 0 auto;
  }

  .search-result-block .sort-search .select-wrap {
    width: 250px;
  }

  .result-item {
    padding: 40px 15px 5px;
  }

  .result-item .img-holder {
    float: none;
    margin: 0 20px 20px;
  }

  .result-item .img-holder.add {
    text-align: left;
  }

  .result-item .detail-text {
    padding-left: 0;
  }

  .result-item.add .item-title {
    padding: 0;
  }

  .inner-hero {
    margin: 0 auto 20px;
  }

  .content-science {
    padding-bottom: 20px;
  }

  .content-science .item-box {
    margin-bottom: 50px;
  }

  .csr-topices {
    padding: 0 0 20px;
  }

  .csr-topices h1 {
    font-size: 60px;
    line-height: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }

  .csr-topices .subject-box {
    margin: 0 -9999px;
    padding: 20px 9999px;
  }

  .csr-topices {
    text-align: center;
  }

  .csr-topices h1 {
    font-size: 50px;
    line-height: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .csr-topices .feature-heading {
    margin-bottom: 20px;
  }

  .idea-banner .title-text {
    text-align: center;
  }

  .idea-banner .title-text span {
    padding: 10px;
  }

  .idea-box-holder {
    padding: 0;
  }

  .post-job {
    padding-top: 30px;
  }

  .post-job h1 {
    font-size: 60px;
    line-height: 70px;
    float: none;
    width: auto;
    margin: 0 0 20px;
  }

  .post-job .blockquote {
    float: none;
    width: auto;
  }

  .post-job .blockquote q:before {
    left: 0;
  }

  .job-detail {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 30px;
  }

  .job-detail h1 {
    font-size: 60px;
    line-height: 70px;
  }

  #header .header-text {
    clear: both;
    padding: 10px 0;
  }

  .adv-banner {
    padding: 10px 0 0;
  }

  .inner-image img {
    width: 100%;
    height: auto;
  }

  .main-article .subscribe-access {
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
  }

  .main-article .subscribe-access .feature-heading {
    border-top: none;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
  }

  .main-article .heading-holder {
    padding-top: 10px;
  }
}

section.image-with-blockquote .responsiveness {
    padding: 10px 0 20px 60px;
}

.blockquote-footer{
  color: #fff;
  font-size: 26px;
  margin-right: 80px;
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 1.6em;
  }

  .hero-sction .aside-holder {
    float: none;
    width: auto;
  }

  .banner-content {
    padding: 25px 0 0;
    text-align: center;
  }

  .banner-content h1 {
    font-size: 35px;
    line-height: 45px;
  }

  .banner-content .heading-block .title {
    float: none;
    display: block;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
    max-width: none;
  }

  .banner-content .search-form {
    float: none;
    margin: auto;
    text-align: left;
  }

  .banner-content .text-box {
    margin-bottom: 15px;
    max-width: none;
  }

  .side-nav-opener {
    display: block;
  }

  .aside {
    padding: 0;
    margin: 0;
    position: relative;
  }

  .aside .title {
    padding: 40px 10029px 30px 9999px;
    margin: 0 -9999px;
    text-align: center;
  }

  .aside .btn-holder {
    width: auto;
    padding: 25px 0 0;
    margin: 0 auto;
  }

  .aside .btn-holder .btn {
    display: inline-block;
    vertical-align: top;
    width: auto;
    min-width: 200px;
    margin: 0 5px;
  }

  .aside .bottom-section {
    margin: 0 -9999px;
    padding: 0 9999px;
  }

  .aside .bottom-info {
    margin: 0;
    padding: 0;
  }

  .aside-nav {
    padding: 0 9999px;
    margin: 0 -9999px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height, .4s, linear;
    transition: max-height, .4s, linear;
  }

  .side-nav-active .aside-nav {
    max-height: 400px;
  }

  .aside-nav ul {
    padding: 15px 0;
  }

  .aside-nav li {
    font-size: 14px;
    text-align: center;
  }

  .story-block {
    padding: 20px 9999px 0;
    margin: 0 -9999px;
    width: auto;
    float: none;
  }

  .story-block:before {
    display: none;
  }

  .story-block .col-box {
    float: none;
    width: auto;
  }

  .story-block .box-frame {
    padding: 15px;
  }

  .nav-tabs {
    padding-top: 25px;
  }

  .nav-tabs > li {
    float: none;
    width: auto;
    display: block;
    margin: 0 0 5px;
  }

  .nav-tabs > li > a {
    padding: 5px 10px;
  }

  .nav-tabs > li > a:after {
    height: 5px;
    bottom: -5px;
  }

  .item-row {
    padding-top: 25px;
  }

  .item-row:first-child {
    padding-bottom: 25px;
  }

  .item-row .img-holder {
    float: none;
    margin: 0 0 15px;
  }

  .item-row .item-holder {
    padding-bottom: 0;
  }

  .item-row .detail-text {
    padding: 0;
  }

  .item-row .link-option {
    position: static;
  }

  .feature-heading {
    border-top-width: 10px;
    padding: 20px 0 0;
  }

  .popular-holder {
    padding: 15px 0;
  }

  .popular-holder .feature-heading {
    margin-bottom: 20px;
  }

  .topics-list li {
    margin: 0 0 20px;
  }

  .topics-list h3 a {
    max-width: 80%;
  }

  .side-add-box {
    padding: 30px 15px;
  }

  .side-add-box .logo {
    margin-bottom: 40px;
  }

  .side-add-box h2 {
    margin-bottom: 40px;
  }

  .subscribe-block {
    padding: 30px 0 0;
  }

  .subscribe-block .title {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .subscribe-block .img-tablet {
    position: static;
    margin: 30px auto 0;
    width: 100%;
    max-width: 239px;
  }

  .subscribe-option .ico-holder {
    width: 50px;
  }

  .partner-block {
    text-align: center;
    margin-bottom: 0;
  }

  .partner-block .img-holder {
    float: none;
    margin: 0 auto 20px;
  }

  .partner-block .detail-text {
    margin-bottom: 10px;
  }

  .partner-block .detail-text:before {
    display: none;
  }

  .partner-block .detail-text .center-text {
    padding: 0 0 10px;
  }

  #footer {
    text-align: center;
    padding: 25px 0 0;
  }

  #footer .block-title {
    text-align: center;
    margin: 0 0 20px;
  }

  #footer .btn-holder {
    padding: 15px 0 0;
    margin: 0 0 25px;
    text-align: center;
  }

  #footer .link-subscribe {
    display: inline-block;
    margin: 0 0 25px;
  }

  #footer .footer-bottom {
    padding-top: 25px;
  }

  .footer-link li {
    text-align: center;
  }

  .search-form.content-strategy {
    width: auto;
    max-width: 380px;
  }

  #sidebar {
    text-align: center;
  }

  #sidebar .sidebar-holder {
    border-top-width: 10px;
    padding: 10px 0 0;
  }

  .side-nav {
    text-align: center;
  }

  .search-result-block {
    padding: 20px 0 0;
  }

  .search-result-block .sort-search {
    float: none;
    width: auto;
  }

  .search-result-block .sort-search .sort-title {
    float: none;
    max-width: none;
    display: block;
    text-align: center;
  }

  .search-result-block .sort-search .select-wrap {
    float: none;
    display: block;
    width: auto;
  }

  .search-result-block .link-holder {
    margin-bottom: 0;
  }

  .result-info .title {
    float: none;
    display: block;
    max-width: none;
    text-align: center;
    font-size: 25px;
    line-height: 36px;
  }

  .result-item {
    padding: 25px 15px;
  }

  .result-item .item-holder {
    padding-bottom: 0;
  }

  .result-item .item-title {
    text-align: center;
    margin-bottom: 15px;
  }

  .result-item .img-holder {
    margin: 0 auto 20px;
  }

  .result-item .img-holder.add {
    text-align: center;
  }

  .result-item .detail-text {
    text-align: center;
    padding: 0;
  }

  .result-item .link-option {
    position: static;
    display: block;
    margin: auto;
  }

  .inner-hero .text-block {
    font-size: 24px;
    line-height: 30px;
  }

  .inner-hero h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .inner-hero .banner-text {
    font-size: 18px;
    line-height: 24px;
  }

  .content-science {
    text-align: center;
  }

  .content-excellence {
    text-align: center;
    padding: 20px 0;
  }

  .excellence-list li {
    float: none;
    width: auto;
  }

  .idea-banner .banner-block {
    padding: 25px 0;
  }

  .idea-banner h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .idea-banner h2 {
    font-size: 25px;
    line-height: 32px;
  }

  .idea-block {
    padding: 20px 0;
  }

  .idea-block .top-text p {
    margin-bottom: 20px;
  }

  .idea-box-holder .col-box {
    float: none;
    width: auto;
    text-align: center;
    margin-bottom: 15px;
    padding: 5px 10px;
  }

  .step-list li {
    font-size: 14px;
    line-height: 18px;
    float: none;
    text-align: center;
    padding: 10px;
  }

  .step-list li:first-child {
    padding-left: 10px;
  }

  .step-list li:after,
  .step-list li:before {
    display: none;
  }

  .pay-ment-form {
    margin-bottom: 30px;
  }

  .pay-ment-form .feature-heading span {
    float: none;
    display: block;
  }

  .pay-ment-form .expiration {
    margin-bottom: 0;
  }

  .pay-ment-form .expiration .label-title {
    float: none;
    padding: 0 0 15px;
  }

  .pay-ment-form .expiration .select-wrap {
    width: auto;
    float: none;
    margin: 0 0 25px;
  }

  .pay-ment-form .radio.add {
    margin-bottom: 25px;
  }

  .pay-ment-form .btn-wrap {
    padding-top: 30px;
    text-align: center;
  }

  .pay-ment-form .btn-wrap a {
    margin: 0;
    float: none !important;
  }

  .pay-ment-form .btn-continue {
    padding: 10px 15px;
    width: 100%;
  }

  .post-job h1 {
    font-size: 50px;
    line-height: 60px;
  }

  .post-job .blockquote {
    padding: 4px 35px;
  }

  .post-job .blockquote q:after,
  .post-job .blockquote q:before {
    font-size: 100px;
    line-height: 100px;
  }

  .pay-ment-form.post-job-form .job-description .label-title {
    padding: 0;
  }

  .pay-ment-form.post-job-form .input-wrap {
    margin: 5px 0 15px;
  }

  .pay-ment-form.post-job-form .btn-continue {
    padding: 12px 15px;
  }

  .reason-to-post {
    border-width: 10px 0;
    padding: 20px 0;
    margin-bottom: 20px;
  }

  .job-detail {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .job-detail h1 {
    font-size: 50px;
    line-height: 60px;
  }

  .job-description .desc-list {
    margin-bottom: 15px;
  }

  .how-to-apply {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .how-to-apply h2 {
    margin-bottom: 20px;
  }

  .company-jobs-list .feature-heading {
    margin-bottom: 20px;
  }

  .company-jobs-list ul li {
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .company-jobs-list .date {
    float: none;
    display: block;
  }

  #header .header-text .subscribe-text {
    display: block;
    max-width: none;
  }

  #header .header-text .subscribe-text:after {
    display: none;
  }

  .link-option ul li {
    font-size: 14px;
    padding: 0 10px;
  }

  .main-article .heading-holder .block-title {
    margin-bottom: 30px;
  }

  .action-link-holder ul li {
    font-size: 14px;
    padding: 0 10px;
  }

  .popup.save {
    margin: 0 0 0 -1px;
  }

  .popup.share {
    width: 300px;
    top: 100%;
    left: 0;
    margin: 10px 0 0 -45px;
  }

  .popup.share:before,
  .popup.share:after {
    top: -16px;
    left: 63px;
    border-width: 0 8px 16px;
    border-color: transparent transparent #100f0e;
  }

  .popup.share:after {
    border-width: 0 9px 17px;
    border-color: transparent transparent #fff;
    z-index: 1;
    left: -17px;
    top: 33px;
  }

  .share-form h3 {
    margin-bottom: 5px;
    font-size: 21px;
  }

  .share-form .label-holder {
    float: none;
    display: block;
    margin: 0;
    width: auto;
    padding: 8px 10px 0;
  }

  .share-form .input-wrap {
    overflow: visible;
    padding: 10px;
  }

  .share-form .nav-tabs {
    padding: 20px 0 5px;
  }

  .share-form .nav-tabs > li {
    font-size: 13px;
    margin: 0 9px 0 0;
  }

  .share-form .tab-content .label-holder {
    margin: 0;
    padding: 0;
  }

  .share-form .tab-content .input-holder {
    padding: 10px;
  }

  .share-form .tab-content .input-wrap {
    padding: 0;
  }

  .share-form .input-message {
    padding: 10px;
  }

  .share-form .btn-send {
    font-size: 16px;
    padding: 13px 40px;
  }

  .share-form .twitter-share-box {
    padding: 20px 15px;
  }

  .share-form .twitter-share-box .btn-twitter-connect {
    font-size: 16px;
    padding: 15px;
  }

  .main-article h1 {
    font-size: 1.875em;
    line-height: 1.2em;
    margin-bottom: 20px;
  }

  .main-article .blockquote {
    padding: 15px;
  }

  .main-article .blockquote strong {
    margin-bottom: 10px;
  }

  .main-article .img-holder {
    float: none;
    margin: auto;
    text-align: center;
    width: auto;
    max-width: 300px;
  }

  .main-article .heading-holder h1 {
    font-size: 1.875em;
    line-height: 1.2em;
  }

  .main-article .heading-holder .meta {
    margin-bottom: 20px;
  }

  .main-article .heading-holder .link-option {
    margin-bottom: 20px;
  }

  .main-article .subscribe-access .feature-heading {
    padding-top: 20px;
  }

  .main-article .subscribe-access .btn-more {
    padding: 12px;
    font-size: 17px;
  }

  .main-article .desc-list li {
    padding: 0 0 0 18px;
  }

  .main-article .desc-list li:after {
    left: 0;
    width: 6px;
    height: 6px;
    top: 8px;
  }

  .main-article p {
    margin-bottom: 10px;
  }

  .main-article .inner-section p {
    margin-bottom: 10px;
  }

  .reports-trainings {
    padding: 20px 0;
    margin-bottom: 20px;
  }

  .reports-trainings .title {
    font-size: 1.25em;
    line-height: 1.2em;
  }

  .reports-trainings h2 {
    font-size: 1.875em;
    line-height: 1.2em;
  }

  .recommended {
    text-align: center;
    margin-bottom: 20px;
  }

  .recommended .img-holder {
    margin: 0 0 15px;
  }

  .recommended .link-option {
    margin-bottom: 20px;
  }

  .author-block .img-holder {
    float: none;
    margin-bottom: 20px;
    padding: 0;
  }

  .author-block .desc-box {
    padding: 0;
  }

  .author-block .desc-box p {
    margin-bottom: 10px;
  }

  .author-block .list-box ul {
    padding-left: 0;
  }

  .author-block .list-box ul li {
    padding: 0 0 0 20px;
  }

  .author-block .list-box ul li:after {
    top: 10px;
  }

  .comment-block {
    border-top-width: 10px;
    padding: 20px 0 0;
  }

  .comment-block .main-title-holder {
    margin-bottom: 10px;
  }

  .comment-block .topic-holder {
    margin-bottom: 15px;
  }

  .comment-block .topic-holder .title {
    float: none;
    max-width: none;
  }

  .comment-block .topic-list li:first-child {
    padding-left: 0;
  }

  .comment-block .comments-title {
    margin-bottom: 20px;
  }

  .comment-block .comment-list {
    margin-bottom: 20px;
  }

  .comment-block .link-holder {
    padding: 15px 0;
    margin-bottom: 0;
  }

  .comment-form-holder {
    margin-bottom: 20px;
  }

  .comment-form {
    padding: 20px 0;
  }

  .comment-form h2 {
    font-size: 2.125em;
    line-height: 1.1764705882em;
  }

  .comment-form .btn-post {
    padding: 12px 15px;
    font-size: 17px;
  }

  .comment-guidelines {
    margin-bottom: 15px;
  }

  .col-ms-1b5{
    /*width: 100% !important;
    float: none !important;*/
    padding-bottom: 25px;
  }
  section.image-with-blockquote .responsiveness {
    padding: 0;
  }
  .blockquote-footer{
    margin: 0;
  }
}

@media only screen and (max-width: 479px) {
  .aside .btn-holder {
    max-width: 200px;
  }

  .aside .btn-holder .btn {
    display: block;
    width: 100%;
    margin: 0 0 15px;
  }

  .user-info-box .search-form {
    width: 155px;
  }

  #nav {
    padding-bottom: 8px;
  }
}

@media only screen and (max-height: 767px) {
  .share-form {
    padding: 27px 17px 17px 21px;
  }

  .share-form h3 {
    margin-bottom: 5px;
  }

  .share-form .input-wrap {
    padding: 8px 16px 7px 7px;
  }

  .share-form .label-holder {
    margin: 22px 0 0 17px;
  }

  .share-form .nav-tabs {
    padding: 10px 15px 3px;
  }

  .share-form .tab-content .input-wrap {
    padding: 5px 16px 5px 7px;
  }

  .share-form .tab-content .label-holder {
    margin: 19px 0 0 17px;
  }

  .share-form .input-message {
    padding: 10px 16px 0;
  }

  .share-form .input-message textarea.form-control {
    height: 100px;
    min-height: 100px;
  }

  .share-form .btn-holder {
    padding: 10px 0;
  }
}

.menu-item-5570,
.menu-item-10739
{
  display: none;
}

.logged-in .menu-item-5570,
.logged-in .menu-item-10739
{
  display: block;
}

.hero-sction .current_page_item {
  display: none;
}

.hero-sction .menu {
  margin-top: -25px;
}

#mm-show-at {
  display: none !important;
}

.main-article iframe {
  margin: auto;
  display: block;
}

.wp-caption {
  max-width: 98%;
  clear: both;
}

.wp-caption img {
  vertical-align: top;
  padding: 0 !important;
}

.wp-caption p {
  margin: 10px 0 0;
}

.wp-caption-text {
  font-size: 85%;
}

div.aligncenter {
  margin: 0 auto 14px;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
  float: left;
  margin: 0 14px 4px 0;
}

.alignright {
  float: right;
  margin: 0 0 4px 14px;
}

.page-header-about {
  background: #ead381 url('images/about-header-bg.png') bottom right no-repeat !important;
}

.page-header-about h2 {
  margin: -40px 0 20px 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 100%;
  text-transform: uppercase;
  color: #fff;
}

.format-category {
  margin-bottom: 40px;
}

.format-category .item-row,
.format-category .link-holder
{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.page-header-formats .idea-block {
  margin: 0;
  padding: 0;
  background: none;
}

.search .sidebar-holder {
  margin-bottom: 40px;
}

.search .sidebar-holder label input {
  margin-right: 3px;
}

.search .sidebar-holder label {
  font-size: 80%;
  font-weight: normal;
  display: block;
}

a.pop {
  cursor: pointer;
}

.popover-content {
  font-size: 18px;
  text-transform: none;
  color: #333;
}

.item-row .popover-content {
  font-size: 14px;
  width: 200px;
}

.popover-content a {
  color: #5b92a7 !important;
}

.main-article ul,
.main-article ol
{
  margin-bottom: 0px;
}

.main-article li {
  margin-bottom: 15px;
}

.section-contact-ribbon {
  padding: 20px 0;
}

.section-contact-ribbon p {
  margin: 0;
  font-size: 100%;
}

.plans-mobile {
  margin: -20px 0 20px 0;
}

.plans-mobile .plan {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.plans-mobile .plan:last-child {
  border-bottom: none;
}

.plans-mobile .plan .btn {
  margin: auto;
  max-width: 250px;
}

#main img {
  height: auto;
  max-width: 100%;
}

.wp-caption {
  /*width: auto !important;*/
}

.contributors .logos {
  text-align: center;
}

.contributors .logos img {
  margin: auto;
  padding: 20px 30px;
}

.coming-soon {
  margin: 40px 0 20px 0;
  padding: 20px 0;
  background: #78c78f;
  color: #fff;
}

.coming-soon h2 {
  border-top: none;
  color: #000;
}

.coming-soon h3 {
  color: #236d39;
}

.coming-soon ul {
  list-style: none;
  padding-left: 0;
}

.coming-soon p {
  font-size: 75%;
}

.coming-soon a {
  color: #fff;
  text-decoration: underline;
}

@media only screen and (max-width: 992px) {
  .coming-soon img {
    margin: 20px 0 0 0;
    max-width: 200px;
  }

  .coming-soon h3.blank {
    display: none;
  }
  img.sponsors {
    margin-bottom: 20px;
  }
  .pay-ment-form{
      padding: 0;
  }
  blockquote p.short-description, .blockquote-footer{
      font-size: 16px !important;
  }
}

/* 
* Advertise with us 
 */
.page-template-pages-advertise main, 
.page-template-pages-advertise h1, 
.page-template-pages-advertise h2, 
.page-template-pages-advertise h3, 
.page-template-pages-advertise h4, 
.page-template-pages-advertise h5, 
.page-template-pages-advertise h6, 
.page-template-pages-advertise .h1, 
.page-template-pages-advertise .h2, 
.page-template-pages-advertise .h3, 
.page-template-pages-advertise .h4, 
.page-template-pages-advertise .h5, 
.page-template-pages-advertise .h6 {
    font-family: 'Poppins', sans-serif;
}
 .left-image-with-right-content{
  padding-bottom: 60px;
 }
 .left-image-with-right-content .guidebook_image{
  width: 100%;
  padding: 0 10px;
 }
 .page-template-pages-advertise .left-image-with-right-content h3 {
    font-size: 37px;
    letter-spacing: normal;
}
.page-template-pages-advertise .left-image-with-right-content h3 strong{
  font-weight: 500;
}
.page-template-pages-advertise .left-image-with-right-content p{
  font-family: 'Raleway', sans-serif;
}
 .image-section{
  padding-top: 50px;
 }

 img.guidebook_image{
  width: 85%;
 }
 .left-image-with-right-content .col-md-9{
  padding-left:0;
 }
 .description-section{
  padding-top: 33px;
 }
 .description-section h3{
  font-size: 35px;
  letter-spacing: 2px;
  margin-bottom: 18px;
 }
 .description-section p{
  font-size: 23px;
  line-height: 1.5;
  margin-bottom: 18px;
 }
 .description-section .btn{
  font-size: 19px;
  line-height: 25px;
  border-radius:1px;
  margin-top: 10px;
  font-weight: 500;
 }

 /**
 heading-with-images
 **/
 section.heading-with-image{
  padding-bottom: 70px;
 }
 .heading-with-image h3{
  color: #737373;
  font-weight: 300;
 }
 .heading-with-multicol-images{
  padding-bottom: 28px;
 }
 .heading-with-multicol-images.bg-yellow{
  background-color: #f7f6e9;
 }
 h3.sponser-header{
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    line-height: 28px;
    color: #737373;
    letter-spacing: normal;
    font-weight: 300;
    margin-top: 38px;
    margin-bottom: 34px;
}
 img.sponsors{
  width:360px;
  border: 1px solid #d0d2d3;
 }
 /*
 *heading-with-slider
 */
h3.feature-heading.without-border{
    border:0px solid transparent;
    text-align: center;
    font-size: 29px;
    letter-spacing: 2px;
    padding-bottom: 30px;
    line-height: 1.2;
 }
 .col-ms-1b5{
    width:20%;
    float: left;
 }
 /* *
 heading-with-multicol-icon-text
  */
  .heading-with-multicol-icon-text{
    background-color: #c04632;
    color: #fff;
  }
  .heading-with-multicol-icon-text h3.feature-heading.without-border{
    padding-top: 45px;
    margin-bottom: 0;
    padding-bottom: 60px;
    font-size: 30px;
    font-weight: 200;
  }
  .heading-with-multicol-icon-text .item-box, .heading-with-multicol-image-text .item-box{
    max-width: 100%;
  }
  .heading-with-multicol-icon-text .item-box p{
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
  }
   /* *
    heading-with-multicol-image-text
  */
  .heading-with-multicol-image-text h3.feature-heading.without-border{
    padding-top: 50px;
    padding-bottom: 0px;
    color: #737373;
  }
  .heading-with-multicol-image-text p.text-center{
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
  }
  .heading-with-multicol-image-text .arrow-container {
    padding: 40px 70px 10px;
}
.heading-with-multicol-image-text .item-box img{
  max-width: 170px !important;
}
.heading-with-multicol-image-text .item-box h3{
  font-size: 24px;
    margin-top: 10px;
    line-height: 1.1;
    color: #221f20;
}
  /*
  ** image-with-blockquote
   */
   .image-with-blockquote{
    background: url("./images/quote-big.png"), #6e9c89;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-size: 200px;
   }
   .shapes{
    display: flex;
    align-items: center;
    justify-content: center;
   }
    .shapes img{
        width: 150px;
    }
    img.hexagon {
        clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
    }
    .image-with-blockquote blockquote{
      border-left: 0px solid transparent;
      padding: 10px 0 0 0;
      font-family: 'Raleway', sans-serif;
    }
   blockquote p.short-description{
    font-size: 30px;
    line-height: 1.25;
    font-weight: 300;
   }
   /* image award */
   .award-image{
    display: flex;
    justify-content: center;
    padding-top: 60px;
   }
   .award-image img{
    width: 80%;
   }
   @media (max-width: 576px){ 
        .responsiveness{
            display: flex;
            flex-direction: column-reverse;
            text-align: center;
        }
        img.sponsors {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        img.sponsors {
            height: 230px !important;
        }
        .shapes img {
            width: 175px;
        }
    }
    @media (min-width: 768px) and (max-width: 1024px) {
        .ds-flex{
            display: flex;
            justify-content: center;
        }
        .description-section h3{
            font-size: 23px;
        }
        .description-section p{
            font-size: 16px;
            line-height: 1.2;
        }
        img.sponsors {
            width: 250px;
            height: 190px !important;
        }
        .shapes img {
            width: 190px;
        }
    }
    @media (min-width: 576px) and (max-width: 767px) {
        .ds-flex{
            display: flex;
            justify-content: center;
        }
        .description-section {
            padding-top: 15px;
        }
        .description-section h3{
            font-size: 20px;
        }
        .description-section p{
            font-size: 14px;
            line-height: 1.2;
        }
        .description-section .btn {
            font-size: 12px;
            line-height: 15px;
            margin-top: 0;
        }
        img.sponsors {
            width: 300px;
            height: 150px !important;
        }
        img.icon-pic {
            width: 70%;
        }
        img.hexagon {
            width: 100%;
        }
        .col-ms-1b5{
          width: 100%;
          float: none;
        }

    }
.clear {
    clear: both;
}
.page-template-page-subscribe main{
  font-family: 'Poppins', sans-serif;
}
.page-template-page-subscribe .bg-yellow {
    background-color: #f6f6e8;
}
.page-template-page-subscribe .multi-heading {
    text-align: center;
}
.page-template-page-subscribe .sponser-header {
    color: #737373;
    /* text-align: center; */
    font-size: 19px;
    line-height: 1.1;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
section.heading-with-slider {
    color: #737373;
}
section.heading-with-slider .content-science{
  padding-bottom: 10px;
}
.page-template-page-subscribe section.heading-with-slider h3 {
    padding-bottom: 0px;
    font-family: Poppins, sans-serif;
    letter-spacing: 1px;
}
.page-template-page-subscribe section.heading-with-slider .text-center{
  padding-bottom: 30px;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
  letter-spacing: 0;
}
.page-template-page-subscribe .content-science{
  padding-bottom: 25px;
}
.page-template-page-subscribe .content-science .item-box{
  max-width: 240px;
}
.page-template-page-subscribe .content-science .icon-holder{
  margin-bottom: 25px;
}
.page-template-page-subscribe .heading-with-multicol-icon-text h3{
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.5px;
  padding-bottom: 40px;
  font-family: 'Poppins', sans-serif;
}
.page-template-page-subscribe .inner-hero .img-holder{
  min-width: auto;
  height: 410px;
}
.page-template-page-subscribe .inner-hero .text-center {
    padding: 25px 10px 0;
}
.page-template-page-subscribe .inner-hero h1 {
    font-size: 39px;
    line-height: 1;
    margin: 0 auto 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 36px;
}
.page-template-page-subscribe .inner-hero .text-block {
    font-size: 23px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}
.page-template-page-subscribe .feature-heading{
  padding-top: 50px;
}
.page-template-page-subscribe .plans-block .feature-heading{
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  color: #737373;
  font-weight: 300;
}
.page-template-page-subscribe .table-plans thead th, .table-plans tbody th, .table-plans tbody td, .table-plans tfoot td{
  padding: 25px 15px;
}
.page-template-page-subscribe .table-plans .title{
  line-height: 35px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 500;
}
.page-template-page-subscribe .table-plans tbody th:first-child, .page-template-page-subscribe .table-plans thead th:first-child {
    border-bottom: 0;
}
.page-template-page-subscribe .table-plans tbody th, .table-plans tbody td, .table-plans tfoot td{
  font-size: 23px;
}
.page-template-page-subscribe .table-plans tbody th {
    text-align: right;
    padding-right: 25px;
    font-family: 'Poppins', sans-serif;
    font-size: 23px;
}
.page-template-page-subscribe .table-plans .price{
    font-size: 23px;
    line-height: 35px;
    margin: 0 0 25px;
    font-weight: 500;
}
.page-template-page-subscribe .table-plans .btn-danger{
  min-width: 200px;
  font-weight: 500;
}
.page-template-page-subscribe h3.sponser-header.text-center {
    margin-top: 40px;
    font-size: 30px;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
    font-weight: 300;
}
.page-template-page-subscribe .heading-with-multicol-images{
  padding-bottom: 40px;
}
.page-template-page-subscribe .heading-with-multicol-images .col-md-4{
  padding: 0 25px;
}
.page-template-page-subscribe img.sponsors{
  height: auto;
}
.page-template-page-subscribe .heading-with-multicol-icon-text{
  background-color: #c04632;
}
.page-template-page-subscribe .icon-pic{
    width: 100px;
}
.page-template-page-subscribe .heading-with-multicol-icon-text .item-box h4 {
    margin-bottom: 5px;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}
.page-template-page-subscribe .heading-with-multicol-icon-text .item-box p {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 100;
    font-family: 'Raleway', sans-serif;
}
.page-template-page-subscribe .table-plans td.enterprise-pricing strong{
  line-height: 1.4;
}
.page-template-page-subscribe .heading-with-slider .slider{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-template-page-subscribe .table-plans tfoot tr:last-child td {
    padding-bottom: 25px;
    border-bottom: 1px solid #cfcfcf;
}
.alm-listing .item-row:first-child, .item-row.first {
    padding-bottom: 28px;
    border: none;
}
@media only screen and (max-width: 991px){
  .page-template-page-subscribe .inner-hero .banner-text{
    color: #737373;
  }
  .page-template-page-subscribe .inner-hero .banner-text {
    top: 50%;
    transform: translate(0, -50%);
}
}
img.sponsors {
    margin-bottom: 20px;
}
.pay-ment-form{
    padding: 0;
}
@media only screen and (max-width: 1440px) {
  .page-template-page-subscribe .inner-hero .img-holder{
    height: auto;
  }
}
#pay-cards{
  display: flex;
  justify-content: space-around;
}

@media (max-width:767px){
  .secure-payment-icon{
    width: 35px !important;
  }
  h2.feature-heading.secure-title{
    font-size: 24px !important;
  }
}
.light-teal {
    background-color: #e0ece8;
}
.sx-show{
    display: none;
  }
  .sx-hide a.btn.btn-default.btn-block {
      filter: drop-shadow(5px 5px 5px #505050);
  }
  .section-contact-ribbon {
      text-align: center;
      font-weight: 500;
      letter-spacing: 1px;
      padding: 15px 10px !important;
  }
  .section-contact-ribbon .ribbon-content {
      margin-bottom: 15px;
  }
  @media (max-width:768px){
    .sx-show{
      display: inline-block;
    }
    .sx-hide{
      display: none;
    }
    .section-contact-ribbon {
      font-size: 14px;
    }
    .section-contact-ribbon a.sx-show {
      color: #f18f89;
      font-weight: 700;
      border-bottom: 1px solid #f18f89;
    }
    .section-contact-ribbon .ribbon-content {
      margin-bottom: 0;
    }
    
  }