/*------------------------------------------------------------------
Theme Name: UNICORE - Responsive Bootstrap Landing Page
Version: 2.0
Author:
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

  1. GLOBAL STYLES
  2. COMMON STYLES
  3. HEADER STYLES
  4. INTRO STYLES
    4.1. Intro / 1
    4.2. Intro / 2
    4.3. Intro / 3
    4.4. Intro / 4
    4.5. Intro / 5
    4.6. Intro / 6
    4.7. Intro / 7
    4.8. Intro / 8
    4.9. Intro / 9
    4.10. Intro / 10
    4.11. Intro / 11
    4.12. Intro / 12
    4.13. Intro / 13
    4.14. Intro / 14
    4.15. Intro / 15
    4.16. Intro / 16
    4.17. Intro / 17
    4.18. Intro / 18
    4.19. Intro / 19
    4.20. Intro / 20
  5. ICON BOX / SERVICES STYLES
  6. INFO STYLES
  7. TESTIMONIAL STYLES
  8. ABOUT
  9. VIDEO BOX
  10. FEATURES
  11. PRICING TABLE
  12. CLIENTS
  13. PAGE HEADER
  14. BLOG STYLES
  15. SIDEBAR
  15. PAGE HEADER
  16. PORTFOLIO
  17. TEAM
  18. 404 STYLES
  19. GOOGLE MAP
  20. CONTACT
  21. MAILCHIMP
  22. ELEMENTS
  23. COMMENTS
  24. FOOTER
  25. RESPONSIVE STYLES

-------------------------------------------------------------------*/



/* 22. ELEMENTS */

.elements-content {
  padding: 100px 0;
}

.border-top {
  border-top: 1px solid #eee;
}

.progress-bar-success {
  background-color: #29d9c2;
}

.progress {
  // margin-top: 40px;
  position: relative;
  overflow: visible;
}

.progress h5 {
  position: absolute;
  top: -22px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #000;
}

.progress-bar {
  border-radius: 4px;
}

.progress-stack .progress-bar {
  border-radius: 0px;
}

.progress-stack .progress-bar:first-child {
  border-radius: 4px 0 0 4px;
}

.progress-stack .progress-bar:last-child {
  border-radius: 0 4px 4px 0;
}
.bg-primary {
  background: transparent;
}

.bg-dark {
  /*background: #222;*/
}

.testimonials4 .bg-dark {
  background: #222;
}

.nav-tabs {
  border-bottom: 2px solid #DDD;
}

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

.nav-tabs > li > a {
  border: none;
  color: #666;
  font-family: 'Source Sans Pro', sans-serif;
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
  border: none;
  color: #941b1f !important;
  background: transparent;
}

.nav-tabs > li > a::after {
  content: "";
  background: #941b1f;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
  transform: scale(1);
}

.content8 .tab-content {
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
}

.content8 .nav-tabs {
  //border-bottom: 2px solid #DDD;
  border-bottom: none;
  text-align: center;
  padding-bottom: 15px;
}

.content8 .nav-tabs > li {
  display: inline-block;
  float: none !important;
  margin: 0 !important;
}

.content8 .nav-tabs > li.active > a, .content8 .nav-tabs > li.active > a:focus, .content8 .nav-tabs > li.active > a:hover {
  border-width: 0;
}

.content8 .nav-tabs > li > a {
  border: none;
  color: #666;
  font-family: 'Source Sans Pro', sans-serif;
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
}

.content8 .nav-tabs > li.active > a, .content8 .nav-tabs > li > a:hover {
  border: none;
  color: #29d9c2 !important;
  background: transparent;
}

.content8 .nav-tabs > li > a::after {
  content: "";
  background: #29d9c2;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.content8 .nav-tabs > li.active > a::after, .content8 .nav-tabs > li:hover > a::after {
  transform: scale(1);
}

.tab-nav > li > a::after {
  background: #29d9c2;
  color: #fff;
}

.tab-pane {
  padding: 15px 0;
}

@media (max-width: 767px) {
  .tab-pane {
    text-align: center;
  }
}

.tab-content {
  padding: 25px 15px 0;
}

.lead a {
  color: #29d9c2;
}

.blog-excerpt p {
  font-size: 15px;
  letter-spacing: 0.3px;
  line-height: 25px;
  margin: 0 0 15px;
}
/*
blockquote {
  padding: 11px 20px;
  margin: 20px 3% 30px;
  border-left: 5px solid #29d9c2;
  line-height: 31px;
  font-style: italic;
  color: #333;
  font-size: 16px;
}

blockquote cite {
  display: block;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
}

blockquote.inverse {
  border-left: none;
  border-right: 5px solid #29d9c2;
  text-align: right;
}

blockquote.pull-left {
  width: 35%;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 0px;
}

blockquote.pull-right {
  width: 35%;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 20px;
}
*/
.clients2 {
  list-style: none;
  overflow: hidden;
  display: block;
  width: 100%;
}

.clients2-li {
  width: 20%;
  float: left;
  position: relative;
  padding: 40px 30px;
}

.clients2-li:before {
  content: "";
  height: 100%;
  top: 0;
  left: -1px;
  position: absolute;
  border-left: 1px solid #e5e5e5;
}

.clients2-li:after {
  content: "";
  width: 100%;
  height: 0;
  top: auto;
  left: 0;
  bottom: -1px;
  position: absolute;
  border-bottom: 1px solid #e5e5e5;
}

.clients2 img {
  opacity: 0.3;
  transition: .4s;
  max-width: 140px;
  width: 100%;
}

.clients2 img:hover {
  opacity: 1;
  transition: .4s;
}

.process-step .btn:focus {
  outline: none;
}

.process {
  display: table;
  width: 100%;
  position: relative;
}

.process-row {
  display: table-row;
}

.process-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.process-row:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  z-order: 0;
}

.process-step {
  display: inline;
  text-align: center;
  position: relative;
  float: left;
  width: 20%;
}

.process-step p {
  margin-top: 4px;
}

.btn-circle {
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  padding: 0;
  line-height: 91px;
  font-style: normal;
  border: 1px solid #e5e5e5 !important;
}

.process-step .btn .fa {
  margin-left: 0;
  position: relative;
  top: 0px;
  font-size: 25px;
}

.process-step small {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  color: #000;
  text-transform: uppercase;
  padding-top: 18px;
}

.process-step2 .btn:focus {
  outline: none;
}

.process2 {
  display: table;
  width: 100%;
  position: relative;
}

.process-row2 {
  display: table-row;
}

.process-step2 button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.process-step2 {
  display: inline;
  text-align: center;
  position: relative;
  float: left;
  width: 25%;
}

.process-step2 p {
  margin-top: 4px;
}

.process-step2 .btn-circle {
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  padding: 0;
  line-height: 91px;
  font-style: normal;
  border: 1px solid #777 !important;
  background: #777;
  color: #fff;
}

.process-step2 .btn-circle:hover,
.process-step2 .btn-info {
  background: #29d9c2 !important;
  border-color: #29d9c2 !important;
}

.process-step2 .btn .fa {
  margin-left: 0;
  position: relative;
  top: 0px;
  font-size: 25px;
}

.process-step2 small {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  color: #999;
  text-transform: uppercase;
  padding-top: 18px;
}

.process-row2:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 76%;
  height: 1px;
  border-bottom: 1px dashed #555;
  z-order: 0;
  margin: 0 auto;
  display: table;
  left: 0;
  right: 0;
}

.process2 + .tab-content h3 {
  color: #fff;
}

.process2 + .tab-content p {
  color: #fff;
  opacity: 0.4;
}