*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::after,::before{content:''}
.cd-tabs{position:relative;width:100%}
.cd-tabs:after{content:"";display:table;clear:both}
.cd-tabs::after{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.9));background:linear-gradient(to left,#f8f7ee,rgba(248,247,238,0.9));visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.no-cssgradients .cd-tabs::after{display:none}
.cd-tabs.is-ended::after{visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s}
.cd-tabs nav{overflow:auto;-webkit-overflow-scrolling:touch;background:#000;box-shadow:inset 0 -2px 3px rgba(203,196,130,0.9)}
@media only screen and (min-width: 768px) {
.cd-tabs::after{display:none}
.cd-tabs nav{position:absolute;top:0;left:0;height:100%;box-shadow:inset -2px 0 3px rgba(203,196,130,0.9);z-index:1}
}
@media only screen and (min-width: 960px) {
.cd-tabs nav{position:relative;float:none;background:transparent;box-shadow:none}
}
.cd-tabs-navigation{width:360px}
.cd-tabs-navigation:after{content:"";display:table;clear:both}
.cd-tabs-navigation li{float:left}
.cd-tabs-navigation a{position:relative;display:block;height:60px;width:60px;text-align:center;font-size:12px;font-size:.75rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;color:#666}
.no-touch .cd-tabs-navigation a:hover{color:#000;background-color:rgba(233,230,202,0.9)}
.cd-tabs-navigation a.selected{background-color:#fff;box-shadow:inset 0 2px 0 #f05451;color:#29324e}
.cd-tabs-navigation a::before{position:absolute;top:12px;left:30%;margin-left:-10px;display:inline-block;height:20px;width:20px;background-image:url(../img/vicons.svg);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}
@media only screen and (min-width: 768px) {
.cd-tabs-navigation{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}
.cd-tabs-navigation a::before{top:22px}
}
@media only screen and (min-width: 960px) {
.cd-tabs-navigation{width:auto;background-color:rgba(203,196,130,0.8);box-shadow:inset 0 -2px 3px rgba(203,196,130,0.06)}
.cd-tabs-navigation a{height:60px;line-height:60px;width:auto;text-align:left;font-size:14px;font-size:.875rem;padding:0 2.8em 0 4.6em}
.cd-tabs-navigation a.selected{box-shadow:inset 0 2px 0 #f05451}
.cd-tabs-navigation a::before{top:50%;margin-top:-10px;margin-left:0;left:38px}
}
.cd-tabs-content{background:#fff}
.cd-tabs-content li{display:none;padding:1.4em}
.cd-tabs-content li.selected{display:block;-webkit-animation:cd-fade-in .5s;-moz-animation:cd-fade-in .5s;animation:cd-fade-in .5s}
.cd-tabs-content li p{font-size:14px;font-size:.875rem;line-height:1.6;color:#333;margin-bottom:2em}
@media only screen and (min-width: 768px) {
.cd-tabs-content{min-height:480px}
.cd-tabs-content li{padding:2em 2em 2em 7em}
}
@media only screen and (min-width: 960px) {
.cd-tabs-content{min-height:0}
.cd-tabs-content li{padding:3em}
.cd-tabs-content li p{font-size:16px;font-size:1rem}
}
@-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}
}