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



Primary style



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

.plan .font-20px

{

	font-size:20px;

}

.plan .cd-price

{

	border:1px solid rgba(102,102,102,1);

	border-radius:5px;

	padding:8px;

}

.plan header

{

	margin-bottom:0px;

	color:rgba(0,0,0,1);

	background:rgba(233,233,233,1);

	border:1px solid rgba(233, 233, 233, 1);

    border-radius:5px 5px 0px 0px;

	box-shadow: inset 1px 1px 2px 0px silver;

}

.cd-pricing-wrapper .plan-features-title

{

	padding-top:15px;

	padding-bottom:15px;

	text-align:center;

	font-size:16px;

	color:#459e38;

	border-bottom:1px solid #E8E8E8;

}

.cd-pricing-wrapper .plan-features-body

{

	padding-top:15px;

	padding-bottom:15px;

	text-align:center;

	font-size:14px;

	border-top:1px solid #FDFDFD;

}



*, *::after, *::before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}







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



Main Components 



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

 .cd-header {

  height: 100px;

  line-height: 170px;

  position: relative;

}

 .cd-header h1 {

  text-align: center;

  color: #FFFFFF;

  font-size: 2.2rem;

}

@media only screen and (min-width: 768px) {

  .cd-header {

    height: 160px;

    line-height: 280px;

  }

  .cd-header h1 {

    font-size: 3.6rem;

    font-weight: 300;

  }

}



.cd-pricing-container {

 

}

@media only screen and (min-width: 768px) {

  .cd-pricing-container {

   

  }

  .cd-pricing-container.cd-full-width {

    width: 100%;

    max-width: none;

  }

}



.cd-pricing-switcher {

  text-align: center;

}

.cd-pricing-switcher .fieldset {

  display: inline-block;

  position: relative;

  padding: 2px;

  border-radius: 50em;

  background:rgba(229,229,229,1);

}

.cd-pricing-switcher input[type="radio"] {

  position: absolute;

  opacity: 0;

}

.cd-pricing-switcher label {

  position: relative;

  z-index: 1;

  display: inline-block;

  float: left;

  width: 90px;

  height: 40px;

  font-size:16px;

  line-height: 40px;

  cursor: pointer;

  color: #0A0A0A;

}

.cd-pricing-switcher .cd-switch {

  /* floating background */

  position: absolute;

  top: 2px;

  left: 2px;

  height: 40px;

  width: 90px;

  background-color: #EA8716;

  border-radius: 50em;

  -webkit-transition: -webkit-transform 0.5s;

  -moz-transition: -moz-transform 0.5s;

  transition: transform 0.5s;

}

.cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch,

.cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch {

  /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/

  -webkit-transform: translateX(90px);

  -moz-transform: translateX(90px);

  -ms-transform: translateX(90px);

  -o-transform: translateX(90px);

  transform: translateX(90px);

}



.no-js .cd-pricing-switcher {

  display: none;

}



.cd-pricing-list {

  margin: 2em 0 0;

}

.cd-pricing-list > li {

  position: relative;

  margin-bottom: 1em;

}

@media only screen and (min-width: 768px) {

  .cd-pricing-list {

    margin: 1em 0 0;

  }

  .cd-pricing-list:after {

    content: "";

    display: table;

    clear: both;

  }

  .cd-pricing-list > li {

    width: 33.3333333333%;

    float: left;

  }

  .cd-has-margins .cd-pricing-list > li {

    width: 32.3333333333%;

    float: left;

    margin-right: 1.5%;

  }

  .cd-has-margins .cd-pricing-list > li:last-of-type {

    margin-right: 0;

  }

}



.cd-pricing-wrapper {

  /* this is the item that rotates */

  position: relative;

  

}

.touch .cd-pricing-wrapper {

  /* fix a bug on IOS8 - rotating elements dissapear*/

  -webkit-perspective: 2000px;

  -moz-perspective: 2000px;

  perspective: 2000px;

}

.cd-pricing-wrapper.is-switched .is-visible {

  /* totate the tables - anticlockwise rotation */

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

  -webkit-animation: cd-rotate 0.5s;

  -moz-animation: cd-rotate 0.5s;

  animation: cd-rotate 0.5s;

}

.cd-pricing-wrapper.is-switched .is-hidden {

  /* totate the tables - anticlockwise rotation */

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  -webkit-animation: cd-rotate-inverse 0.5s;

  -moz-animation: cd-rotate-inverse 0.5s;

  animation: cd-rotate-inverse 0.5s;

  opacity: 0;

}

.cd-pricing-wrapper.is-switched .is-selected {

  opacity: 1;

}

.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {

  /* invert rotation direction - clockwise rotation */

  -webkit-transform: rotateY(-180deg);

  -moz-transform: rotateY(-180deg);

  -ms-transform: rotateY(-180deg);

  -o-transform: rotateY(-180deg);

  transform: rotateY(-180deg);

  -webkit-animation: cd-rotate-back 0.5s;

  -moz-animation: cd-rotate-back 0.5s;

  animation: cd-rotate-back 0.5s;

}

.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {

  /* invert rotation direction - clockwise rotation */

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  -webkit-animation: cd-rotate-inverse-back 0.5s;

  -moz-animation: cd-rotate-inverse-back 0.5s;

  animation: cd-rotate-inverse-back 0.5s;

  opacity: 0;

}

.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {

  opacity: 1;

}

.cd-pricing-wrapper > li {

  background-color: #FFFFFF;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  /* Firefox bug - 3D CSS transform, jagged edges */

  outline: 1px solid transparent;

}

.cd-pricing-wrapper > li::after {

  /* subtle gradient layer on the right - to indicate it's possible to scroll */

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  width: 50px;

  pointer-events: none;

  background: -webkit-linear-gradient( right , #FFFFFF, rgba(255, 255, 255, 0));

  background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));

}

.cd-pricing-wrapper > li.is-ended::after {

  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */

  display: none;

}

.cd-pricing-wrapper .is-visible {

  /* the front item, visible by default */

  
  z-index: 0;

}

.cd-pricing-wrapper .is-hidden {

  /* the hidden items, right behind the front one */

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 1;

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.cd-pricing-wrapper .is-selected {

  /* the next item that will be visible */

  z-index: 3 !important;

}

@media only screen and (min-width: 768px) {

  .cd-pricing-wrapper > li::before {

    /* separator between pricing tables - visible when number of tables > 3 */

    content: '';

    position: absolute;

    z-index: 6;

    left: -1px;

    top: 50%;

    bottom: auto;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 50%;

    width: 1px;

    background-color: #b1d6e8;

  }

  .cd-pricing-wrapper > li::after {

    /* hide gradient layer */

    display: none;

  }

  .cd-popular .cd-pricing-wrapper > li {

   

  }

  .cd-has-margins .cd-pricing-wrapper > li, .cd-has-margins .cd-popular .cd-pricing-wrapper > li {

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

  }

  .cd-secondary-theme .cd-pricing-wrapper > li {

    background: #3aa0d1;

    background: -webkit-linear-gradient( bottom , #3aa0d1, #3ad2d1);

    background: linear-gradient(to top, #3aa0d1, #3ad2d1);

  }

  .cd-secondary-theme .cd-popular .cd-pricing-wrapper > li {

    background: #e97d68;

    background: -webkit-linear-gradient( bottom , #e97d68, #e99b68);

    background: linear-gradient(to top, #e97d68, #e99b68);

    box-shadow: none;

  }

  :nth-of-type(1) > .cd-pricing-wrapper > li::before {

    /* hide table separator for the first table */

    display: none;

  }

  .cd-has-margins .cd-pricing-wrapper > li {

    border-radius: 4px 4px 6px 6px;

  }

  .cd-has-margins .cd-pricing-wrapper > li::before {

    display: none;

  }

}

@media only screen and (min-width: 1500px) {

  .cd-full-width .cd-pricing-wrapper > li {

    padding: 2.5em 0;

  }

}



.no-js .cd-pricing-wrapper .is-hidden {

  position: relative;

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  margin-top: 1em;

}



@media only screen and (min-width: 768px) {

  .cd-popular .cd-pricing-wrapper > li::before {

    /* hide table separator for .cd-popular table */

    display: none;

  }



  .cd-popular + li .cd-pricing-wrapper > li::before {

    /* hide table separator for tables following .cd-popular table */

    display: none;

  }

}

.cd-pricing-header {

  
  z-index: 1;

  pointer-events: none;

  background-color: #3aa0d1;

  color: #FFFFFF;

}

.cd-pricing-header h2 {

  margin-bottom: 3px;

  font-weight: 700;

  text-transform: uppercase;

}

.cd-popular .cd-pricing-header {

  background-color: #e97d68;

}

@media only screen and (min-width: 768px) {

  .cd-pricing-header {

    height: auto;

    pointer-events: auto;

    text-align: center;

    color: #173d50;

    background-color: transparent;

  }

  .cd-popular .cd-pricing-header {

    color: #e97d68;

    background-color: transparent;

  }

  .cd-secondary-theme .cd-pricing-header {

    color: #FFFFFF;

  }

  .cd-pricing-header h2 {

    letter-spacing: 2px;

  }

}



.cd-currency, .cd-value {

  font-size: 3rem;

  font-weight: 300;

}



.cd-duration {

  font-size:18px;

}

.cd-popular .cd-duration {

  

}

.cd-duration::before {

  content: '/';

  margin-right: 2px;

}



@media only screen and (min-width: 768px) {

  .cd-value {

    font-size: 18px;

    font-weight: 300;

  }



  .cd-currency, .cd-duration {

   font-size:18px;

  }

  .cd-popular .cd-currency, .cd-popular .cd-duration {

    color: #e97d68;

  }

  .cd-secondary-theme .cd-currency, .cd-secondary-theme .cd-duration {

    color: #2e80a7;

  }

  .cd-secondary-theme .cd-popular .cd-currency, .cd-secondary-theme .cd-popular .cd-duration {

    color: #ba6453;

  }



  .cd-currency {

    display: inline-block;

    vertical-align: top;

    font-size: 18px;

  }



  .cd-duration {

    

  }

}

.cd-pricing-body {

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}

.is-switched .cd-pricing-body {

  /* fix a bug on Chrome Android */

  overflow: hidden;

}

@media only screen and (min-width: 768px) {

  .cd-pricing-body {

    overflow-x: visible;

  }

}



.cd-pricing-features {

 

}

.cd-pricing-features:after {

  content: "";

  display: table;

  clear: both;

}

.cd-pricing-features li {

  font-size: 1.0rem;

  text-align: center;

  /* white-space: nowrap; */

  overflow: hidden;

  text-overflow: ellipsis;

}

.cd-pricing-features em {

  display: block;

  margin-bottom: 5px;

  font-weight: 600;

}

@media only screen and (min-width: 768px) {

  .cd-pricing-features {

   border:1px solid rgba(233, 233, 233, 1);

   border-radius:0px 0px 5px 5px;

  }

  .cd-pricing-features li {

    

    

  }

  .cd-popular .cd-pricing-features li {

   

  }

  .cd-pricing-features li:nth-of-type(2n+1) {

  

  }

  .cd-pricing-features em {

    display: inline-block;

    margin-bottom: 0;

  }

  .cd-has-margins .cd-popular .cd-pricing-features li, .cd-secondary-theme .cd-popular .cd-pricing-features li {

    margin: 0;

  }

  .cd-secondary-theme .cd-pricing-features li {

    color: #FFFFFF;

  }

  .cd-secondary-theme .cd-pricing-features li:nth-of-type(2n+1) {

    background-color: transparent;

  }

}



.cd-pricing-footer {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  /* on mobile it covers the .cd-pricing-header */

}

.cd-pricing-footer::after {

  /* right arrow visible on mobile */

  content: '';

  position: absolute;

  right: 1em;

  top: 50%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 20px;

  width: 20px;

  background: url(../img/cd-icon-small-arrow.svg);

}

@media only screen and (min-width: 768px) {

  .cd-pricing-footer {

    position: relative;

    height: auto;

    text-align: center;

  }

  .cd-pricing-footer::after {

    /* hide arrow */

    display: none;

  }

  .cd-has-margins .cd-pricing-footer {

    padding-bottom: 0;

  }

}



.cd-select {

  position: relative;

  z-index: 1;

  display: block;

  height: 100%;

  /* hide button text on mobile */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  color: transparent;

}

@media only screen and (min-width: 768px) {

  .cd-select {

    position: static;

    display: inline-block;

    height: auto;

    color: #FFFFFF;

    border-radius: 2px;

    background-color: #0c1f28;

    font-size: 1.4rem;

    text-indent: 0;

    text-transform: uppercase;

    letter-spacing: 2px;

  }

  .no-touch .cd-select:hover {

    background-color: #112e3c;

  }

  .cd-popular .cd-select {

    background-color: #e97d68;

  }

  .no-touch .cd-popular .cd-select:hover {

    background-color: #ec907e;

  }

  .cd-secondary-theme .cd-popular .cd-select {

    background-color: #0c1f28;

  }

  .no-touch .cd-secondary-theme .cd-popular .cd-select:hover {

    background-color: #112e3c;

  }

  .cd-has-margins .cd-select {

    display: block;

    padding: 1.7em 0;

    border-radius: 0 0 4px 4px;

  }

}



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



xkeyframes 



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

@-webkit-keyframes cd-rotate {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

  }

}

@-moz-keyframes cd-rotate {

  0% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

  70% {

    /* this creates the bounce effect */

    -moz-transform: perspective(2000px) rotateY(200deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(180deg);

  }

}

@keyframes cd-rotate {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(200deg);

    -moz-transform: perspective(2000px) rotateY(200deg);

    -ms-transform: perspective(2000px) rotateY(200deg);

    -o-transform: perspective(2000px) rotateY(200deg);

    transform: perspective(2000px) rotateY(200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

    -moz-transform: perspective(2000px) rotateY(180deg);

    -ms-transform: perspective(2000px) rotateY(180deg);

    -o-transform: perspective(2000px) rotateY(180deg);

    transform: perspective(2000px) rotateY(180deg);

  }

}

@-webkit-keyframes cd-rotate-inverse {

  0% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

}

@-moz-keyframes cd-rotate-inverse {

  0% {

    -moz-transform: perspective(2000px) rotateY(-180deg);

  }

  70% {

    /* this creates the bounce effect */

    -moz-transform: perspective(2000px) rotateY(20deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

}

@keyframes cd-rotate-inverse {

  0% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

    -moz-transform: perspective(2000px) rotateY(-180deg);

    -ms-transform: perspective(2000px) rotateY(-180deg);

    -o-transform: perspective(2000px) rotateY(-180deg);

    transform: perspective(2000px) rotateY(-180deg);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(20deg);

    -moz-transform: perspective(2000px) rotateY(20deg);

    -ms-transform: perspective(2000px) rotateY(20deg);

    -o-transform: perspective(2000px) rotateY(20deg);

    transform: perspective(2000px) rotateY(20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

}

@-webkit-keyframes cd-rotate-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(-200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

  }

}

@-moz-keyframes cd-rotate-back {

  0% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

  70% {

    /* this creates the bounce effect */

    -moz-transform: perspective(2000px) rotateY(-200deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(-180deg);

  }

}

@keyframes cd-rotate-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(-200deg);

    -moz-transform: perspective(2000px) rotateY(-200deg);

    -ms-transform: perspective(2000px) rotateY(-200deg);

    -o-transform: perspective(2000px) rotateY(-200deg);

    transform: perspective(2000px) rotateY(-200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

    -moz-transform: perspective(2000px) rotateY(-180deg);

    -ms-transform: perspective(2000px) rotateY(-180deg);

    -o-transform: perspective(2000px) rotateY(-180deg);

    transform: perspective(2000px) rotateY(-180deg);

  }

}

@-webkit-keyframes cd-rotate-inverse-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(-20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

}

@-moz-keyframes cd-rotate-inverse-back {

  0% {

    -moz-transform: perspective(2000px) rotateY(180deg);

  }

  70% {

    /* this creates the bounce effect */

    -moz-transform: perspective(2000px) rotateY(-20deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

}

@keyframes cd-rotate-inverse-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

    -moz-transform: perspective(2000px) rotateY(180deg);

    -ms-transform: perspective(2000px) rotateY(180deg);

    -o-transform: perspective(2000px) rotateY(180deg);

    transform: perspective(2000px) rotateY(180deg);

  }

  70% {

    /* this creates the bounce effect */

    -webkit-transform: perspective(2000px) rotateY(-20deg);

    -moz-transform: perspective(2000px) rotateY(-20deg);

    -ms-transform: perspective(2000px) rotateY(-20deg);

    -o-transform: perspective(2000px) rotateY(-20deg);

    transform: perspective(2000px) rotateY(-20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

}

.plan-tab-panel 

{

	

	font-size:18px;

	margin-bottom:20px;

}

.plan .nav 

{

}

.plan .nav-tabs

{

	

}

.nav-tabs ul li a

{

	background:rgba(204,204,204,1);

	padding:15px;

}