/* Tabbed section */
#tabnav li:hover {
    background: rgba(245,245,245,0.0);
}
#tabnav li a {
    font-size: 14px;
    color: rgb(43, 42, 56);
    display: block;
    padding: 5px 0;
    font-weight: 400;
}
#tabnav li a:hover {
    opacity: 1;
}
.tab-content {
    margin-top: 30px;
}
.tabbed-info {
    padding: 40px 0px 120px 0px;
    overflow: hidden;
}
.tabbed-info .nav>li>a {
    color: #FFFFFF;
    background: rgba(42, 41, 47, 0.34);
    box-shadow: inset 0px 0px 0px 1px rgba(18, 17, 27, 0.28), 0px 0px 0px 1px rgba(43, 45, 48, 0.15);
    width: 140px;
    height: 60px;
    max-height: 100%;
    font-size: 16px;
    font-weight: 250;
}
.tabbed-info .nav-pills>li.active>a,
.tabbed-info .nav-pills>li.active>a:hover,
.tabbed-info .nav-pills>li.active>a:focus {
    color: #000;
    background-color: rgba(245,245,245,0.0);
    box-shadow: inset 0px 0px 0px 1px, 0px 0px 0px 1px rgba(14, 13, 16, 0);
}
.tabbed-info .nav-pills>li.active>a:after,
.tabbed-info .nav-pills>li.active>a:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tabbed-info .nav-pills>li.active>a:after {
    border-color: rgba(36, 44, 56, 0);
    border-top-color: rgba(245,245,245,0.0);
    border-width: 10px;
    margin-left: -10px;
    margin-top: -1px
}
.tabbed-info .nav-pills>li.active>a:before {
    border-color: rgba(245,245,245,0.0);
    border-top-color: rgba(245,245,245,0.0);
    border-width: 11px;
    margin-left: -11px;
    margin-top: -1px;
}
.tabbed-info .tab-content {
    padding-top: 50px;
}
.tabbed-info .tab-content .tab-pane ul li:before {
    content: "* ";
    color: #fff;
    position: absolute;
    left: 80px;
}
.tabbed-info .tab-content .tab-pane ul h6 {
    color: #FFFFFF;
    font-size: 20px;
}
.tabbed-info .tab-content .tab-pane ul p {
    color: #6d737f;
    line-height: 24px;
}
.tab-content {
height: auto;
}

/* Color Swatch Responsive Images */
.content {
  position: relative;
  width: 90%;
  max-width: 150px;
  margin: auto;
  overflow: hidden;
}
.section{
  padding: 1em 0;
  float: left;
  width: 100%;
}
.content .content-overlay {
background: rgba(0,0,0,0.5);  
position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.content-title{
color: #fff;
text-decoration: none;
}
.content-text p {
color: #fff;
text-decoration: none;
}
.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-right{
  left: 80%;
}

.col-sm-3 { 
  padding-bottom: 20px;
  align-items: center;
  flex-direction: row;
}i

p { font-size: 16px; }

/* Scale Images */
.scale {transition: all .2s ease-in-out;}
.scale:hover {transform: scale(1.1);}

/* Mobile Tabs */
@media only screen and (max-width: 768px) {
.tabbed-info .nav-pills {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
  }
}