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

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  content: '';
}


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

Main components 

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

ul.cd-tabs-navigation{
    margin:0 auto;
    padding:25px;
}

.cd-tabs {
  position: relative;
  width: 100%;
  /*max-width: 960px;*/
  margin: 1em auto;
  margin-bottom:0px;
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  
  -webkit-overflow-scrolling: touch;
}

  .cd-tabs-content li div.contentBox{
    background-color:#FFF;
    
  }
  cd-tabs-content{
      min-height:500px;
  }

@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none;
  }

  ul.cd-tabs-navigation{
      width:100%;
  }
}
@media only screen and (min-width: 960px) {

}
/*
.cd-tabs-navigation {
  width: 360px;
}
*/
.option06 {
    height:957px;
    overflow-y:scroll;
}
.cd-tabs-navigation:after {
  content: "";
}
.cd-tabs-navigation li {
  list-style-type:none;
}
.cd-tabs-navigation a {

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

}
.cd-tabs-navigation a.selected {

}
.cd-tabs-navigation a::before {

}
.cd-tabs-navigation a[data-content='inbox']::before {
  background-position: 0 0;
}
.cd-tabs-navigation a[data-content='new']::before {
  background-position: -20px 0;
}
.cd-tabs-navigation a[data-content='gallery']::before {
  background-position: -40px 0;
}
.cd-tabs-navigation a[data-content='store']::before {
  background-position: -60px 0;
}
.cd-tabs-navigation a[data-content='settings']::before {
  background-position: -80px 0;
}
.cd-tabs-navigation a[data-content='trash']::before {
  background-position: -100px 0;
}
.cd-tabs-navigation a[data-content='inbox'].selected::before {
  background-position: 0 -20px;
}
.cd-tabs-navigation a[data-content='new'].selected::before {
  background-position: -20px -20px;
}
.cd-tabs-navigation a[data-content='gallery'].selected::before {
  background-position: -40px -20px;
}
.cd-tabs-navigation a[data-content='store'].selected::before {
  background-position: -60px -20px;
}
.cd-tabs-navigation a[data-content='settings'].selected::before {
  background-position: -80px -20px;
}
.cd-tabs-navigation a[data-content='trash'].selected::before {
  background-position: -100px -20px;
}
@media only screen and (min-width: 768px) {
    .cd-tabs{
       margin:1em auto;
    }

  .cd-tabs-navigation {

  }
  .cd-tabs-navigation a {
  
  }
  .cd-tabs-navigation a.selected {
    
  }
  .cd-tabs-navigation li.picbox a {
     border: 15px solid #fff;
          border-radius: 10px;
  }
   .cd-tabs-navigation li.picbox2 a {
     border: 15px solid #fff;
           border-radius: 10px;
  }
 .cd-tabs-navigation li.picbox a.selected {
   background-color: #5cb85c;
   border: 15px solid #5cb85c;
     color:white;
     font-weight: bolder;
         border-radius: 10px;
  }
 .cd-tabs-navigation li.picbox2 a.selected {
   background-color: #f0ad4e; 
   border: 15px solid #f0ad4e;
          color:white;
     font-weight: bolder;
         border-radius: 10px;
  }
    
@media only screen and (min-width: 768px) {
    
  .cd-tabs-navigation li.picbox a {
     border: 15px solid #fff;
          border-radius: 10px;
  }
   .cd-tabs-navigation li.picbox2 a {
     border: 15px solid #fff;
           border-radius: 10px;
  }
 .cd-tabs-navigation li.picbox a.selected {
   background-color: #5cb85c;
   border: 15px solid #5cb85c;
     color:white;
     font-weight: bolder;
         border-radius: 10px;
  }
 .cd-tabs-navigation li.picbox2 a.selected {
   background-color: #f0ad4e; 
   border: 15px solid #f0ad4e;
          color:white;
     font-weight: bolder;
  }
    }
    
    
  .cd-tabs-navigation a::before {
    
  }
}

ul.cd-tabs-content{
    margin:0 auto;
    padding:20px;
}
.cd-tabs-content {
  
}
.cd-tabs-content li {
  display: none;
  
}
.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;
}
.cd-tabs-content li p {
  font-size: 16px;
  
}
@media only screen and (min-width: 768px) {
  .cd-tabs-content {
    
  }
  .cd-tabs-content li {
    
  }
}
@media only screen and (min-width: 960px) {
  nav{

  }
  .cd-tabs-content {
    width:100%;
    float:left;
  }
  .cd-tabs-content li {
    
    
  }
  .cd-tabs-content li p {
    font-size: 16px;
      line-height: 2;
    /*font-size: 1rem;*/
  }

  .cd-tabs{
       margin:0.5em auto;
    }
  .cd-tabs-navigation {
      list-style-type:none;
    /*box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);*/
  }

  .cd-tabs-navigation li{
      float:left;
      
  }
  .cd-tabs-navigation a {

  }
  .cd-tabs-navigation a.selected {
    /*box-shadow: inset 0 2px 0 #f05451;*/
  }
  .cd-tabs-navigation a::before {
    
  }
}

@-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;
  }
}
@media only screen and (max-width: 600px){
  .cd-tabs-navigation li.picbox a {
     border: 15px solid #fff;
          border-radius: 10px;
  }
   .cd-tabs-navigation li.picbox2 a {
     border: 15px solid #fff;
           border-radius: 10px;
  }
 .cd-tabs-navigation li.picbox a.selected {
   background-color: #5cb85c;
   border: 15px solid #5cb85c;
     color:white;
     font-weight: bolder;
         border-radius: 10px;
  }
 .cd-tabs-navigation li.picbox2 a.selected {
   background-color: #f0ad4e; 
   border: 15px solid #f0ad4e;
          color:white;
     font-weight: bolder;
         border-radius: 10px;
  }
}

@media only screen and (max-width: 751px){
  .cd-tabs-navigation li.picbox a {
     border: 15px solid #fff;
  }
   .cd-tabs-navigation li.picbox2 a {
     border: 15px solid #fff;
  }
 .cd-tabs-navigation li.picbox a.selected {
   background-color: #5cb85c;
   border: 15px solid #5cb85c;
     color:white;
     font-weight: bolder;
  }
 .cd-tabs-navigation li.picbox2 a.selected {
   background-color: #f0ad4e; 
   border: 15px solid #f0ad4e;
          color:white;
     font-weight: bolder;
  }
}