/* -------------------------------- 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:#b4291a;	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 */  position: relative;  z-index: 5;}.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 {  position: relative;  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;}