/*********
  CUSTOM
**********/
.navbar-collapse {
  max-height: 400px;
}

.btn-primary,
.btn-dark,
.btn-light {
  padding: 12px 25px;
}

.banner-area {
  min-height: 500px;
}

.sidebar .widget {
  margin-left: 5px;
}

.widget-search {
  margin-top: 10px;
  margin-right: 20px;
}

.post {
  border-bottom: none;
}

.post-meta a {
  color: #49CEA4;
}

.post-meta a:hover {
  color: #3d4049;
}

.post-meta .post-cat {
  border-right: none;
}

.signup {
  padding-bottom: 0;
}

.cta {
  margin-top: 50px;
  margin-bottom: 50px;
}

.cta h2 {
	margin: 0;
	font-size: 30px;
	line-height: 1.2;
}

.signup-container {
  position: relative;
}

.cta img {
  display: block;
}

#cta-1,
#cta-post {
  background: #355497;
}

#cta-post h3 {
  margin: 0;
}

#cta-1 .trial-btn,
#cta-2 .trial-btn,
#cta-3 .trial-btn,
#cta-4 .trial-btn,
#cta-5 .trial-btn {
  position: absolute;
  top: 73%;
  left: 33%;
  width: 35%;
  height: auto;
}

#cta-2 {
  background: #f3a53d;
}

#cta-2 .trial-btn {
  top: 69%;
  left: 33%;
  width: 33%;
}

#cta-3 {
  background: #6ca0fc;
}

#cta-3 .trial-btn {
  left: 38%;
  width: 23%;
}

#cta-4 {
  background: #f2f2f2;
}

#cta-4 .trial-btn {
  top: 73%;
  left: 25%;
  width: 50%;
}

#cta-5 {
  background: #ed7b7a;
}

#cta-5 .trial-btn {
  top: 68%;
  left: 25%;
  width: 50%;
}


.mail-list {
  margin-top: 0;
}

.btn-twitter {
  background-color: #0084b4;
}

.no-display {
  display: none;
}

.display {
  display: block;
}

.author-img img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin-top: 100px;
}

.sidebar .widget-title {
  text-align: center;
  margin-bottom: 15px;
}

.sidebar .widget-title:after {
  left: 43%;
}

.social-icons-head {
  font-weight: 700;
}

.post-social-icons > li {
  display: inline-block;
  margin-bottom: 20px;
}

.post-social-icons a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.post-social-icons a i.fa-facebook,
.post-social-icons a i.fa-twitter,
.post-social-icons a i.fa-google-plus,
.post-social-icons a i.fa-linkedin,
.post-social-icons a i.fa-get-pocket,
.post-social-icons a i.fa-envelope {
  background-color: #535862;
  border-radius: 100%;
}

.widget.recent-posts .post-info .entry-title {
  font-size: 16px;
}

.widget.recent-posts ul li {
  padding-bottom: 22px;
  margin-bottom: 15px;
  padding-top: 22px;
}

.widget.box.recommended {
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-2 {
  margin-top: 60px;
}

blockquote:before {
  color: #66d0a6;
}

progress {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;

  /* Dimensions */
  width: 100%;
  height: 5px;

  /* Reset the appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;

  /* Progress bar container for Firefox/IE10+ */
  background-color: transparent;

  /* Progress bar value for IE10+ */
  color: #66cfa5;
  z-index: 99;
}

progress::-webkit-progress-bar {
  background-color: transparent;
}

progress::-webkit-progress-value {
  background-color: #66cfa5;
}

progress::-moz-progress-bar {
  background-color: #66cfa5;
}

.modal-dialog-centered {
  margin-top: 15vh;
}

@media (min-width: 320px) and (max-width: 768px) {
  .no-display {
    display: block;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .widget-search {
    margin-left: 20px !important;
  }

  .post-social-icons {
    position: fixed;
    top: 90vh;
    left: 15px;
    padding: 0;
    list-style: none;
    z-index: 9999999;
  }

  .desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  progress {
    top: 24vh;
  }
}

@media (min-width: 992px) {

  .desktop {
    display: block;
  }

  .sidebar {
    padding-bottom: 72px;
    background-color: #e2e2e2;
  }

  .sidebar-left .widget.recent-posts .posts-thumb img {
    width: 100%;
    height: auto;
  }

  .sidebar-white {
    background-color: #fff;
  }

  #main-container {
    margin-top: 25px;
  }

  .categories {
    display: flex;
    margin-bottom: 0 !important;
  }

  .categories h4 {
    margin-top: 21px;
    margin-right: 10px;
  }

  .categories ul li {
    font-size: 15px;
    padding: 25px 5px !important;
  }

  .sidebar ul.nav-tabs li{
    border-bottom: 0;
  }

  .post-body {
    padding-top: 0;
  }

  .post-footer .btn.btn-primary {
    margin-bottom: 40px;
  }

  .post-small {
    margin-top: 30px;
    margin-left: 35px;
    margin-right: 55px;
    margin-bottom: 0;
  }

  .post-social-icons {
    position: fixed;
    top: 45vh;
    left: 20px;
    padding: 0;
    list-style: none;
    z-index: 9999999;
  }

  .post-social-icons > li {
    display: list-item;
  }

  progress {
    top: 0;
    z-index: 100000;
  }

}