html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
/* --------------- Main components ------------------- */

.cd-tabs {
  position: relative; width: 100%; /*margin: 10px auto; padding: 10px;background-color: #f2f2f2;*/ display: inline-grid;
}
.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 .tab_menu {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
@media only screen and (min-width: 768px) {
  .cd-tabs .tab_menu { position: relative; float: none; background: transparent; box-shadow: none; }
}
@media only screen and (min-width: 960px) {
  .cd-tabs .tab_menu { position: relative; float: none; background: transparent; box-shadow: none; }
}

.cd-tabs-navigation { width: 500px;}
.cd-tabs-navigation:after { content: ""; display: table; clear: both;}
.cd-tabs-navigation li { float: left;}
.cd-tabs-navigation a {
  position: relative; display: block; height:50px; width:auto; padding:0 10px; text-align: center; font-size: 12px; /*font-size: 0.75rem;*/
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; /*padding-top: 34px;*/ line-height: 55px; text-transform:uppercase;background: #faa61e;
}
.no-touch .cd-tabs-navigation a:hover {
  color: #29324e; background-color: rgba(233, 230, 202, 0.3);
}
.cd-tabs-navigation a.selected {
  background-color: #ffffff !important; box-shadow: inset 0 2px 0 #f05451; color: #29324e; border-bottom: 1px solid #fff;
    border-left: 1px solid #ccc; border-right: 1px solid #ccc;
}

@media only screen and (min-width: 768px) {
  .cd-tabs-navigation {
    /* tabbed on top on big devices */
    width: auto; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
  }
  .cd-tabs-navigation a {
    height: 50px; line-height: 52px; width: auto; text-align: left; font-size: 13px; /*font-size: 0.875rem;*/ padding: 0 1.0em;
  }
  .cd-tabs-navigation a.selected {
    box-shadow: inset 0 2px 0 #f05451;border-bottom: 1px solid #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
  }
  .cd-tabs-navigation a::before {
    top: 50%; margin-top: -10px; margin-left: 0; left: 38px;
  }
}

.cd-tabs-content {
  background: #ffffff; border: 1px solid #ccc; z-index: -1; margin-top: -1px;
}
.cd-tabs-content li {
  display: none; padding: 1.4em;
}
.cd-tabs-content li.selected {
  /*display: block;*/ display: table; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; color:#000; 
  /*background-color: #fff;*/ width: 100%;
}
.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: 960px) {
  .cd-tabs-navigation {
    /* tabbed on top on big devices */
    width: auto; background-color: #faa61e; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
  }
  .cd-tabs-navigation a {
    height: 50px; line-height: 52px; width: auto; text-align: left; font-size: 13px; /*font-size: 0.875rem;*/ padding: 0 1.0em;
  }
  .cd-tabs-navigation a.selected {
    box-shadow: inset 0 2px 0 #f05451;border-bottom: 1px solid #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
  }
  .cd-tabs-navigation a::before {
    top: 50%; margin-top: -10px; margin-left: 0; left: 38px;
  }
}

.cd-tabs-content {
  background: #ffffff; border: 1px solid #ccc; z-index: -1; margin-top: -1px;
}
.cd-tabs-content li {
  display: none; padding: 1.4em;
}
.cd-tabs-content li.selected {
  /*display: block;*/ display: table; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; color:#000; 
  /*background-color: #fff;*/ width: 100%;
}
.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: 768px) {
  .cd-tabs-content { min-height: 0; z-index: -1; margin-top: -1px; border: 1px solid #ccc;}
  .cd-tabs-content li { padding: 10px;}
  .cd-tabs-content li p {font-size: 12px; /*font-size: 1rem;*/}
}
@media only screen and (min-width: 960px) {
  .cd-tabs-content { min-height: 0; z-index: -1; margin-top: -1px; border: 1px solid #ccc;}
  .cd-tabs-content li { padding: 10px;}
  .cd-tabs-content li p {font-size: 12px; /*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;}
}