/* -------------------------------- 

Primary style

-------------------------------- */
/* line 15, ../sass/styletabs.scss */
.cd-tabs { position: relative; width: 100%; max-width: 1000px; margin: 0rem auto 1rem; }
/* line 20, C:/Users/alun/Documents/bourbon-master/bourbon-master/app/assets/stylesheets/addons/_clearfix.scss */
.cd-tabs::after { clear: both; content: ""; display: table; }
/* line 22, ../sass/styletabs.scss */
.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; }
/* line 38, ../sass/styletabs.scss */
.no-cssgradients .cd-tabs::after { display: none; }
/* line 43, ../sass/styletabs.scss */
.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; }
/* line 52, ../sass/styletabs.scss */
.cd-tabs nav { overflow: auto; -webkit-overflow-scrolling: touch; background: #f8f7ee; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); }
@media only screen and (min-width: 800px) { /* line 60, ../sass/styletabs.scss */
  .cd-tabs::after { display: none; }
  /* line 64, ../sass/styletabs.scss */
  .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: 1000px) { /* line 75, ../sass/styletabs.scss */
  .cd-tabs nav { position: relative; float: none; background: transparent; box-shadow: none; } }

/* line 84, ../sass/styletabs.scss */
.cd-tabs-navigation { width: 240px; }
/* line 20, C:/Users/alun/Documents/bourbon-master/bourbon-master/app/assets/stylesheets/addons/_clearfix.scss */
.cd-tabs-navigation::after { clear: both; content: ""; display: table; }
/* line 88, ../sass/styletabs.scss */
.cd-tabs-navigation li { float: left; }
/* line 92, ../sass/styletabs.scss */
.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; }
/* line 104, ../sass/styletabs.scss */
.no-touch .cd-tabs-navigation a:hover { color: #29324e; background-color: rgba(233, 230, 202, 0.3); }
/* line 109, ../sass/styletabs.scss */
.cd-tabs-navigation a.selected { background-color: #ffffff !important; box-shadow: inset 0 2px 0 #f05451; color: #29324e; }
/* line 115, ../sass/styletabs.scss */
.cd-tabs-navigation a::before { /* icons */ position: absolute; top: 12px; left: 50%; margin-left: -10px; display: inline-block; height: 20px; width: 20px; background-image: url("../img/vicons.svg"); background-repeat: no-repeat; }
@media only screen and (min-width: 800px) { /* line 84, ../sass/styletabs.scss */
  .cd-tabs-navigation { /* move the nav to the left on medium sized devices */ width: 80px; float: left; }
  /* line 136, ../sass/styletabs.scss */
  .cd-tabs-navigation a { height: 80px; width: 80px; padding-top: 46px; }
  /* line 141, ../sass/styletabs.scss */
  .cd-tabs-navigation a.selected { box-shadow: inset 2px 0 0 #f05451; }
  /* line 145, ../sass/styletabs.scss */
  .cd-tabs-navigation a::before { top: 22px; } }
@media only screen and (min-width: 1000px) { /* line 84, ../sass/styletabs.scss */
  .cd-tabs-navigation { /* tabbed on top on big devices */ width: auto; background-color: #f8f7ee; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); }
  /* line 157, ../sass/styletabs.scss */
  .cd-tabs-navigation a { height: 60px; line-height: 60px; width: auto; text-align: left; font-size: 14px; font-size: 0.875rem; padding: 0 2.8em 0 4.6em; }
  /* line 165, ../sass/styletabs.scss */
  .cd-tabs-navigation a.selected { box-shadow: inset 0 2px 0 #f05451; }
  /* line 169, ../sass/styletabs.scss */
  .cd-tabs-navigation a::before { top: 50%; margin-top: -10px; margin-left: 0; left: 38px; } }

/* line 179, ../sass/styletabs.scss */
.cd-tabs-content { background: #ffffff; }
/* line 182, ../sass/styletabs.scss */
.cd-tabs-content li { display: none; padding: 1.4em; }
/* line 187, ../sass/styletabs.scss */
.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; }
/* line 192, ../sass/styletabs.scss */
.cd-tabs-content li p { font-size: 14px; font-size: 0.875rem; line-height: 1.6; color: #8493bf; margin-bottom: 2em; }
@media only screen and (min-width: 800px) { /* line 179, ../sass/styletabs.scss */
  .cd-tabs-content { min-height: 320px; }
  /* line 203, ../sass/styletabs.scss */
  .cd-tabs-content li { padding: 2em 2em 2em 7em; } }
@media only screen and (min-width: 1000px) { /* line 179, ../sass/styletabs.scss */
  .cd-tabs-content { min-height: 0; }
  /* line 211, ../sass/styletabs.scss */
  .cd-tabs-content li { padding: 3em; }
  /* line 214, ../sass/styletabs.scss */
  .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; } }
