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

Primary style

-------------------------------- */
.cd-tabs *, .cd-tabs *::after, .cd-tabs *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cd-tabs {
  font-size: 100%;
  color: #000;
}
.cd-tabs a {
  color: #f05451;
  text-decoration: none;
}
.cd-tabs ul.cd-tabs-navigation {
  width:100%;
  text-transform: uppercase;
}
.cd-tabs-navigation li {
  float: left;
  width:25%;
}
.cd-tabs-navigation li.item-mobile {  
  
  float: left;
  width: 100%;
  margin-top: 15px ;
  display: none;

}
.cd-tabs-navigation li.item-mobile .mobile_select {
  background: rgba(0, 0, 0, 0.1);
  border: none;
  text-transform: uppercase;
  color: #FFF;
  margin: 5px;
  width:55%;
  -webkit-appearance:none;
  background-image: url('../images/arrow.png');
  background-repeat: no-repeat;
  background-position-x: right;  
  background-position-y:center;
}

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

Main components 

-------------------------------- */
.cd-tabs header {
  position: relative;
  height: 160px;
  line-height: 180px;
  text-align: center;
}
.cd-tabs header h1 {
  font-size: 20px;
  font-size: 1.25rem;
}

.cd-tabs ol, ul {
  list-style: none;
}
.cd-tabs {
  position: relative;
  width: 100%;
  max-width: 960px;
}
.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;
  pointer-events: none;
  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;
}
.cd-tabs .no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs .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 {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}

.cd-tabs-navigation {
  width: 360px;
}
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  float: left;
}
.cd-tabs-navigation li.default a {
  font-size: 18px;
  padding: 12px 0 0 14px;
  text-align: left;
}
.cd-tabs-navigation a, .cd-tabs-navigation span.mobile {
  position: relative;
  display: block;
  font-family:GloberBold, Arial, Helvetica, sans-serif;  
  height: 50px;
  width: 100%;
  font-size: 13px;
  color: #FFFFFF;
  padding:7px 0px 0px 15px;
  background-color: rgba(0, 0, 0, 0.85);
}
.cd-tabs-navigation a:hover {
  color:#E4E4E4;
}
.cd-tabs-navigation a span.light {
  font-family:GloberBook, Arial, Helvetica, sans-serif;    
}
.cd-tabs .no-touch .cd-tabs-navigation a:hover {
  color: #29324e;
  background-color: rgba(233, 230, 202, 0.3);
}
.cd-tabs-navigation a.selected {
  background-color: rgba(180, 31, 22, 0.85);  color: #FFFFFF;
}
.cd-tabs-navigation a::before {
  /* icons */
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -10px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}
.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;
}
.cd-tabs-content {
  background: #ffffff;
  height:370px;
  overflow:auto;
}
.cd-tabs-content li {
  display: none;
  padding:15px 0px 0px 7px;
}
.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: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #8493bf;
  margin-bottom: 2em;
}
.cd-tabs-content li.content-item {
  display: block;
  height:100px;    
  padding:0px 0px 5px 5px;
  clear:both;
 }
.cd-tabs-content li.content-item .item-img, .cd-tabs-content li.content-item .item-img-no-img {
  float: left;
  width:86px;
  height:84px;
  margin-right:14px;
  /*background-color:#F4F3F3;*/
  overflow:hidden;
}
.cd-tabs-content li.content-item .item-img-no-img {
  background-color:#FFFFFF;
}
.cd-tabs-content li.content-item .item-featured {
  float: left;  
  width:3%;
  margin-top:5px;
}
.cd-tabs-content li.content-item .item-infos {
  float: left;
  width:78%;
}
.cd-tabs-content li.content-item .item-infos .item-infos-title {
  font-family:GloberBold, Arial, Helvetica, sans-serif;
}
.cd-tabs-content li.content-item .item-infos .item-infos-title a {
  color:#000;
}


@-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;
  }
}
.news_allinfos {
  width:100%;
  height:29px;
  text-align:right;
  background-color:#FFF;
  padding: 3px 0px;
  text-transform: uppercase;
}
.news_allinfos_sep {
  width: 92%;
  margin: auto;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 5px;
}
.news_allinfos_link {
  float:right;
}
.news_allinfos_link a {
  color:#000;
}
.news_allinfos_arrow {
  float:right;
  margin:6px 24px 0px 10px;
}

@media screen and (max-width: 758px){
  .cd-tabs-content li.content-item {
    height: 100px;
  }  
  .cd-tabs-content {
    overflow:hidden;
  }
  .cd-tabs .news_allinfos {
    height: 50px;
  }
  .cd-tabs .cd-tabs-content {
    height: 400px;
  }
}
@media screen and (max-width: 524px){
  .cd-tabs-navigation li.item-desk {
    display: none;
  }
  .cd-tabs-navigation li.item-mobile {  
    display: block;    
  }


}