.cd-tabs {

 float: left;

margin: 0 auto;

position: relative;

width: 100%;



}

.tab_h3 { font-size: 21px; margin: 1% 0 2%; text-align: center; width:100%}

.cd-tabs nav {

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  background: #f8f7ee;

  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);

}

.cd-tabs-navigation {

  width: 360px;
line-height: 20px;
list-style: outside none none;
}



.cd-tabs-navigation li {

  float: left;
line-height: 20px;
list-style: outside none none;
}

.cd-tabs-navigation a {

  position: relative;

  display: block;

  height: 60px;

  width: 60px;

  text-align: center;

  font-size: 12px;

  font-size: 0.75rem;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-weight: 700;

  color: #c3c2b9;

  padding-top: 34px;

}

.no-touch .cd-tabs-navigation a:hover {

  color: #29324e;

  background-color: rgba(233, 230, 202, 0.3);

}

.cd-tabs-navigation a.selected {

  background-color: #fff !important;

  /*box-shadow: inset 0 2px 0 #f05451;*/

  color: #910B4C;

}



.cd-tabs-content {

  background: #ffffff;

}

.cd-tabs-content > li {

  display: none;

  padding: 1.4em;

}

.cd-tabs-content li.selected {

  display: block;

  -webkit-animation: cd-fade-in 0.5s;

  -moz-animation: cd-fade-in 0.5s;

  animation: cd-fade-in 0.5s; 

  background:#fff;

}

.cd-tabs-content li p {

color: #505050;

font-size: 14px;

font-weight: 400;

  line-height: 27px;

word-spacing: 5px;

}

.cd-tabs-content li img { 

width: auto; 

text-align:center;

}

.staffs h4 { margin-top:0; 
text-transform:uppercase;
}

.cd-tabs-content .staffs p {

   line-height: 20px;

  word-spacing: 0;

}

.stafrow { margin-bottom:15px;}

@media only screen and (min-width: 768px) {

  

  .cd-tabs nav {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);

    z-index: 1;

  }

}

@media only screen and (min-width: 960px) {

  .cd-tabs nav {

    background: #4CCFAD;

/*border-bottom: 1px solid;

border-left: 1px solid;

border-right: 1px solid;*/

box-shadow: none;

float: none;

margin-bottom: 1%;

position: relative;

width: 100%;

  }

}

@media only screen and (min-width: 768px) {

  .cd-tabs-navigation {

    /* move the nav to the left on medium sized devices */

    width: 80px;

    float: left;

  }

  .cd-tabs-navigation a {

    height: 80px;

    width: 80px;

    padding-top: 46px;

  }

  .cd-tabs-navigation a.selected {

   /* box-shadow: inset 2px 0 0 #f05451;*/

  }

  

}

@media only screen and (min-width: 960px) {

  .cd-tabs-navigation {

    /* tabbed on top on big devices */

    width: auto;

  }

.cd-tabs-navigation a {

    color: #000;

font-size: 15px;

height: 50px;

line-height: 50px;

padding: 0 30px 0 30px;

text-align: left;

width: auto; 

font-weight: normal; 

text-transform:uppercase;

  }

  .cd-tabs-navigation a.selected {

    /*box-shadow: inset 0 2px 0 #cacaca;*/

  }

 

}







@media only screen and (min-width: 960px) {

  .cd-tabs-content {

    min-height: 0;

  }

  .cd-tabs-content li {

    padding: 1em 2em; 

	float:left; 

	width:100%; 

  }

  .cd-tabs-content li ol li {
    padding: .3em 2em; 
	float:left; 
	width:100%; 
  }
  .cd-tabs-content li ul li {
    padding: .3em 2em; 
	float:left; 
	width:100%; 
  }

 

}



@-webkit-keyframes cd-fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@-moz-keyframes cd-fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes cd-fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}