/* line 46, ../sass/about.scss */
.content {
  /*max-width: 1000px;*/
  margin: 0 auto 115px;
  position: relative;
}
/* line 50, ../sass/about.scss */
.content .bg-title {
  font-family: norwester;
  text-transform: uppercase;
  font-size: 100px;
  line-height: 90px;
  color: #333b3e;
  opacity: .1;
  position: absolute;
  top: 60px;
  left: 15px;
  width: 470px;
}
@media only screen and (min-width: 768px) {
  /* line 50, ../sass/about.scss */
  .content .bg-title {
    width: 850px;
  }
  /* line 63, ../sass/about.scss */
  .content .bg-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 50, ../sass/about.scss */
  .content .bg-title {
    left: -65px;
  }
}
/* line 71, ../sass/about.scss */
.content .columns {
  text-align: center;
}
/* line 73, ../sass/about.scss */
.content .columns p {
  max-width: 300px;
  margin: 0 auto;
}
/* line 76, ../sass/about.scss */
.content .columns p strong {
  display: block;
}
/* line 80, ../sass/about.scss */
.content .columns .img-container {
  height: 170px;
  padding: 50px 0 30px;
  box-sizing: border-box;
}

/* line 90, ../sass/about.scss */
#brain_gears_image {
  fill: #333b3e;
}

/* line 93, ../sass/about.scss */
.team {
  position: relative;
  /*background: #006db6;*/
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.3);
}
/* line 97, ../sass/about.scss */
.team .centering {
  margin: 0 auto 95px;
  position: relative;
}
/* line 101, ../sass/about.scss */
.team h2 {
  color: #fff;
  position: relative;
  z-index: 100;
}
/* line 106, ../sass/about.scss */
.team p {
  color: #1b1a1a;
  position: relative;
  z-index: 100;
}
/* line 111, ../sass/about.scss */
.team .bg-title {
  font-family: norwester;
  text-transform: uppercase;
  font-size: 100px;
  line-height: 90px;
  color: #1277bb;
  opacity: 1;
  position: absolute;
  top: 60px;
  left: -4px;
  width: 470px;
}
@media only screen and (min-width: 768px) {
  /* line 111, ../sass/about.scss */
  .team .bg-title {
    width: 810px;
  }
  /* line 124, ../sass/about.scss */
  .team .bg-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 111, ../sass/about.scss */
  .team .bg-title {
    left: -65px;
  }
}

/* line 134, ../sass/about.scss */
.process {
  box-shadow: none;
  padding-bottom: 1px;
}
/* line 137, ../sass/about.scss */
.process .centering {
  border: 0;
}
/* line 140, ../sass/about.scss */
.process ~ .process {
  padding-bottom: 66px;
}
/* line 142, ../sass/about.scss */
.process ~ .process .centering {
  border-top: #649dc2 1px solid;
}

/* line 145, ../sass/about.scss */
.blue {
  background: #006db6;
}
/* line 149, ../sass/about.scss */
.blue.intro .container h2, .blue.intro .container p {
  color: #fff;
}
/* line 152, ../sass/about.scss */
.blue.intro .container .message {
  color: #1277bb;
}

/* line 159, ../sass/about.scss */
.text {
  padding: 80px 1.1rem 0;
}

/* line 163, ../sass/about.scss */
.profiles .leadership-title {
  display: block;
  color: #fff;
  margin-left: 12px;
}
/* line 168, ../sass/about.scss */
.profiles .team-button {
  margin-top: 20px;
  display: inline-block;
  margin-left: 12px;
}
/* line 173, ../sass/about.scss */
.profiles ul {
  margin: 0;
	display: flex;
	    align-items: center;
    justify-content: center;

	
}
/* line 175, ../sass/about.scss */
.profiles ul li {
  padding: 1.1rem .735351532rem;
  width: 49%;
  display: inline-block;
}
@media only screen and (min-width: 600px) {
  /* line 175, ../sass/about.scss */
  .profiles ul li {
    width: 33%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 175, ../sass/about.scss */
  .profiles ul li {
    width: 25%;
  }
}
/* line 185, ../sass/about.scss */
.profiles ul li img {
  width: 80%;
  height: 83%;
  margin: 0 auto;
}
/* line 188, ../sass/about.scss */
.profiles ul li img.hover {
  display: none;
}
/* line 191, ../sass/about.scss */
.profiles ul li img.bw {
  display: block;
}
/* line 195, ../sass/about.scss */
.profiles ul li:hover img.hover {
  display: block;
}
/* line 198, ../sass/about.scss */
.profiles ul li:hover img.bw {
  display: none;
}
/* line 203, ../sass/about.scss */
.profiles ul li.selectedItem img.hover {
  display: block;
}
/* line 206, ../sass/about.scss */
.profiles ul li.selectedItem img.bw {
  display: none;
}
/* line 211, ../sass/about.scss */
.profiles ul li.hasProfile:after {
  content: "";
  display: block;
  background: url(../images/corner.png) center 100.5% no-repeat;
  position: absolute;
  bottom: 1.1rem;
  right: .735351532rem;
  height: 14px;
  width: 14px;
}
/* line 222, ../sass/about.scss */
.profiles ul li.hasProfile.selectedItem:after {
  content: "";
  display: none;
}
/* line 229, ../sass/about.scss */
.profiles ul .gridder-list {
  position: relative;
  height: 280px;
  overflow: hidden;
  cursor: pointer;
}
/* line 231, ../sass/about.scss */
.profiles ul .gridder-list img {
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
/* line 235, ../sass/about.scss */
.profiles ul .gridder-list p {
  margin: 5px 0;
  padding: 2px 11px 6px;
  text-align: center;
}
/* line 242, ../sass/about.scss */
.profiles ul .gridder-list .name {
  font-size: 13px;
  line-height: 19px;
  font-weight: 700;
  display: block;
  color: #000;
}
@media only screen and (min-width: 768px) {
  /* line 242, ../sass/about.scss */
  .profiles ul .gridder-list .name {
    font-size: 16px;
    line-height: 24px;
  }
}
/* line 253, ../sass/about.scss */
.profiles ul .gridder-list .title {
  color: #6d6d6d;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
}
/* line 261, ../sass/about.scss */
.profiles ul .gridder-list.selectedItem {
  background: url(../images/arrow-w.png) center 100.5% no-repeat;
}
/* line 263, ../sass/about.scss */
.profiles ul .gridder-list.selectedItem p {
  display: none;
}
/* line 267, ../sass/about.scss */
.profiles ul .gridder-list.selectedItem.noProfile {
  background: transparent;
}
/* line 269, ../sass/about.scss */
.profiles ul .gridder-list.selectedItem.noProfile p {
  display: block;
}

/* line 276, ../sass/about.scss */
.gridder-show {
  background: #fff;
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.3);
  margin-top: -1px;
  min-width: 100%;
  width: auto;
  margin-bottom: 20px;
}

/* line 284, ../sass/about.scss */
.gridder-list:nth-child(n) {
  margin: 0;
}

/* line 287, ../sass/about.scss */
.subscribe-newsletter {
  clear: both;
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.7);
}
/* line 290, ../sass/about.scss */
.subscribe-newsletter p {
  margin-bottom: 0;
}

/* line 295, ../sass/about.scss */
.gridder-close {
  background: url(/img/icon-close.svg);
  height: 27px;
  width: 27px;
  display: block;
  float: right;
  text-indent: -99999em;
  margin: 50px 15px 0;
}

/* line 304, ../sass/about.scss */
.gridder-expanded-content {
  padding: 45px 15px 15px;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
}
/* line 308, ../sass/about.scss */
.gridder-expanded-content h2 {
  font-weight: 900;
  font-size: 28px;
  line-height: 34px;
  color: #283741;
}
/* line 314, ../sass/about.scss */
.gridder-expanded-content h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #283741;
}
/* line 322, ../sass/about.scss */
.gridder-expanded-content p {
  font-size: 16px;
  line-height: 24px;
  color: #283741;
}
/* line 327, ../sass/about.scss */
.gridder-expanded-content .content-center {
  padding: 0 1.1rem 0;
  margin: 0 auto;
  max-width: 1000px;
}

/* line 335, ../sass/about.scss */
.slider {
  margin: 0 auto;
}

/* line 339, ../sass/about.scss */
.slider button {
  /*background: rgba(40, 55, 65, .5);*/
  background: #fff;
  color: #333b3e;
  width: 30px;
  height: 40px !important;
  padding: 0 3px !important;
  border-radius: 5px;
}

/* line 349, ../sass/about.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 364, ../sass/about.scss */
.slick-list {
  position: relative;
  overflow: visible;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 370, ../sass/about.scss */
.slick-list:focus {
  outline: none;
}
/* line 373, ../sass/about.scss */
.slick-loading .slick-list {
  background: white url(/img/ajax-loader.gif) center center no-repeat;
}
/* line 376, ../sass/about.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 382, ../sass/about.scss */
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 393, ../sass/about.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}
/* line 399, ../sass/about.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 404, ../sass/about.scss */
.slick-track:after {
  clear: both;
}
/* line 407, ../sass/about.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 412, ../sass/about.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 416, ../sass/about.scss */
.slick-slide img {
  border-radius: 3px;
  display: block;
  width: 100%;
}
/* line 417, ../sass/about.scss */
.slick-slide img.slick-loading {
  padding-bottom: 100%;
}
/* line 422, ../sass/about.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 425, ../sass/about.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 428, ../sass/about.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 431, ../sass/about.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Arrows */
/* line 439, ../sass/about.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  transform: translate(0px, 0);
  border: none;
  outline: none;
}
/* line 455, ../sass/about.scss */
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}

/* line 461, ../sass/about.scss */
.slick-prev:before, .slick-next:before {
  font-size: 30px;
  line-height: 0;
  color: #333b3e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 469, ../sass/about.scss */
.slick-prev:before {
  content: "\203A";
}

/* line 472, ../sass/about.scss */
.slick-next:before {
  content: "\2039";
}

/* line 476, ../sass/about.scss */
button.slick-prev {
  left: 0;
  z-index: 9998;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
/* line 481, ../sass/about.scss */
button.slick-prev:before {
  content: '\2039';
}

/* line 486, ../sass/about.scss */
button.slick-next {
  right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
/* line 490, ../sass/about.scss */
button.slick-next:before {
  content: '\203A';
}

/* line 496, ../sass/about.scss */
.slick-case button:hover, .slick-case button:focus, .slick-case .button:hover, .slick-case .button:focus {
  background: #fff;
}

/* Dots */
/* line 502, ../sass/about.scss */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
}
/* line 510, ../sass/about.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}
/* line 518, ../sass/about.scss */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none;
}
/* line 531, ../sass/about.scss */
.slick-dots li button:focus {
  outline: none;
}
/* line 534, ../sass/about.scss */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 552, ../sass/about.scss */
.history-shell {
  background: #fff;
}
/* line 554, ../sass/about.scss */
.history-shell .centering {
  text-align: left;
}

/* line 558, ../sass/about.scss */
.slick-link {
  max-width: 244px;
  margin: 0 auto;
}

/* line 563, ../sass/about.scss */
.slick-history {
  clear: both;
  background: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 28px 0 57px;
  box-shadow: 0px 5px 12px -5px rgba(0, 0, 0, 0.5) inset;
}
@media only screen and (min-width: 1200px) {
  /* line 563, ../sass/about.scss */
  .slick-history {
    padding: 57px 0 114px;
  }
}
/* line 571, ../sass/about.scss */
.slick-history .centering {
  padding-bottom: 30px;
}
/* line 574, ../sass/about.scss */
.slick-history .history-item {
  margin-left: auto;
  margin-right: auto;
}
/* line 579, ../sass/about.scss */
.slick-history h2 {
  margin-bottom: 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 42px;
  color: #333b3e;
  font-weight: 900;
}
@media only screen and (min-width: 1200px) {
  /* line 579, ../sass/about.scss */
  .slick-history h2 {
    margin-bottom: 28px;
    font-size: 28px;
    font-size: 1.75rem;
  }
}
/* line 586, ../sass/about.scss */
.slick-history a {
  clear: both;
  width: 360px;
  display: block;
  margin: 0 auto;
  color: #9fc73b;
  text-align: center;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 600;
  text-decoration: underline;
  position: relative;
}
@media only screen and (min-width: 900px) {
  /* line 586, ../sass/about.scss */
  .slick-history a {
    width: 280px;
  }
}
@media only screen and (min-width: 1000px) {
  /* line 586, ../sass/about.scss */
  .slick-history a {
    width: 320px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 586, ../sass/about.scss */
  .slick-history a {
    width: 360px;
  }
}
/* line 603, ../sass/about.scss */
.slick-history .slick-slider {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) {
  /* line 603, ../sass/about.scss */
  .slick-history .slick-slider {
    height: 258px;
    margin-bottom: 0;
  }
}
/* line 607, ../sass/about.scss */
.slick-history .slick-slide a {
  border-radius: 3px;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1200px) {
  /* line 607, ../sass/about.scss */
  .slick-history .slick-slide a {
    position: relative;
  }
  /* line 609, ../sass/about.scss */
  .slick-history .slick-slide a:before, .slick-history .slick-slide a:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
  }
  /* line 610, ../sass/about.scss */
  .slick-history .slick-slide a:after {
    width: 60px;
    height: 60px;
    background: url("/img/case-study-plus.png") right bottom no-repeat;
  }
  /* line 611, ../sass/about.scss */
  .slick-history .slick-slide a:hover {
    width: 380px;
    margin-top: -6px;
  }
}

/* line 616, ../sass/about.scss */
.slide-caption {
  width: 360px;
  padding: 21px 57px;
  background: #9fc73b url("/img/case-study-arrow.svg") right 20px center no-repeat;
  border-radius: 0 0 3px 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 900px) {
  /* line 616, ../sass/about.scss */
  .slide-caption {
    width: 280px;
  }
}
@media only screen and (min-width: 1000px) {
  /* line 616, ../sass/about.scss */
  .slide-caption {
    width: 320px;
  }
}
@media only screen and (min-width: 1200px) {
  /* line 616, ../sass/about.scss */
  .slide-caption {
    width: 360px;
  }
}
/* line 621, ../sass/about.scss */
.slide-caption h3, .slide-caption p {
  color: #fff;
  line-height: 18px;
  text-align: right;
  text-transform: capitalize;
}
/* line 622, ../sass/about.scss */
.slide-caption h3 {
  margin: 0 0 2px;
  /*font-weight:600;*/
  font-size: 21px;
  font-size: 1.3125rem;
}
/* line 623, ../sass/about.scss */
.slide-caption p {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

@media only screen and (min-width: 1200px) {
  /* line 626, ../sass/about.scss */
  #slide-1 a .slide-caption, #slide-2 a .slide-caption, #slide-3 a .slide-caption {
    display: none;
  }
}

/* line 630, ../sass/about.scss */
#slide-1 a:hover .slide-caption, #slide-2 a:hover .slide-caption, #slide-3 a:hover .slide-caption {
  display: block;
  width: 100%;
  max-width: 380px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  z-index: 9999;
  font-family: "Source Sans Pro", sans-serif;
}
/* line 639, ../sass/about.scss */
#slide-1 a:hover .slide-caption img, #slide-2 a:hover .slide-caption img, #slide-3 a:hover .slide-caption img {
  width: 46%;
  margin: 0 auto;
  padding-bottom: 20px;
}


/* line 4, ../sass/jquery.gridder.scss */
.gridder {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 0;
}

/* line 11, ../sass/jquery.gridder.scss */
.gridder-list, .gridder-show {
  font-size: 16px;
}

/* line 15, ../sass/jquery.gridder.scss */
.gridder-list {
  display: inline-block;
  vertical-align: top;
}

/* line 19, ../sass/jquery.gridder.scss */
.gridder-show {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}

/* line 25, ../sass/jquery.gridder.scss */
.gridder-content {
  display: none;
}

/* line 29, ../sass/jquery.gridder.scss */
.gridder-list {
  width: 15.83333%;
}
/* line 3, ../sass/_mixins.scss */
.gridder-list:nth-child(n) {
  margin-bottom: 1%;
  margin-right: 1%;
}
/* line 7, ../sass/_mixins.scss */
.gridder-list:nth-of-type(6n) {
  margin-right: 0;
  margin-bottom: 0;
}

/* line 32, ../sass/jquery.gridder.scss */
.gridder-list:nth-child(n) {
  margin: 0;
}
.bw {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
//filter: url(desaturate.svg#greyscale);
  filter: gray;

}

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
.board{
  width: 75%;
  margin: 60px auto;
  height: 500px;
  background: #fff;
  /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
  position: relative;
  /* border-bottom: 0; */
  /* width: 80%; */
  margin: 40px auto;
  margin-bottom: 0;
  box-sizing: border-box;

}

.board > div.board-inner{
  background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
  background-size: 30%;
}

p.narrow{
  width: 60%;
  margin: 10px auto;
}

.liner{
  height: 2px;
  background: #ddd;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  /* background-color: #ffffff; */
  border: 0;
  border-bottom-color: transparent;
}

span.round-tabs{
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: white;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}

span.round-tabs.one{
  color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one{
  background: #fff !important;
  border: 2px solid #ddd;
  color: rgb(34, 194, 34);
}

span.round-tabs.two{
  color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
  background: #fff !important;
  border: 2px solid #ddd;
  color: #febe29;
}

span.round-tabs.three{
  color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
  background: #fff !important;
  border: 2px solid #ddd;
  color: #3e5e9a;
}

span.round-tabs.four{
  color: #f1685e;border: 2px solid #f1685e;
}

li.active span.round-tabs.four{
  background: #fff !important;
  border: 2px solid #ddd;
  color: #f1685e;
}

span.round-tabs.five{
  color: #999;border: 2px solid #999;
}

li.active span.round-tabs.five{
  background: #fff !important;
  border: 2px solid #ddd;
  color: #999;
}

.nav-tabs > li.active > a span.round-tabs{
  background: #fafafa;
}
.nav-tabs > li {
  width: 20%;
}
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
.nav-tabs > li:after {
  content: " ";
  position: absolute;
  left: 45%;
  opacity:0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #ddd;
  transition:0.1s ease-in-out;

}
.nav-tabs > li.active:after {
  content: " ";
  position: absolute;
  left: 45%;
  opacity:1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #ddd;

}
.nav-tabs > li a{
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}

.nav-tabs > li a:hover{
  background: transparent;
}

.tab-content{
}
.tab-pane{
  position: relative;
  padding-top: 50px;
}
.tab-content .head{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.btn-outline-rounded{
  padding: 10px 40px;
  margin: 20px 0;
  border: 2px solid transparent;
  border-radius: 25px;
}

.btn.green{
  background-color:#5cb85c;
  /*border: 2px solid #5cb85c;*/
  color: #ffffff;
}



@media( max-width : 585px ){

  .board {
    width: 90%;
    height:auto !important;
  }
  span.round-tabs {
    font-size:16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .tab-content .head{
    font-size:20px;
  }
  .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height:50px;
  }

  .nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }

  .btn-outline-rounded {
    padding:12px 20px;
  }
}