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

Main components 

-------------------------------- */
.cd-gallery-container {
  margin: 5em auto; 
}


.cd-filter {
  position: relative;
  height: 40px;
  width: 150px;
  margin: 0 auto;
  cursor: pointer;
  z-index: 10;
}
.cd-filter::after {
  /* small arrow icon */
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
 /* background: url("../imgs/icon-small-arrow.svg") no-repeat center center;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.cd-filter ul {
  position: absolute;
  top: 0;
  left: 0;
  background: #035a59;
  border-radius: 0.25em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.cd-filter li {
  display: none;
}
.cd-filter li.placeholder {margin:0 10px 0 10px;}

.cd-filter li:first-child {
  display: block;
  /* this way the placehodler is alway visible */
}
.cd-filter li:last-child a {
  border-radius: 0 0 .25em .25em;
}
.cd-filter a {
  display: block;
  height: 40px;
  width: 150px;
  line-height: 40px;
  padding-left: 14px;
  font-size: 14px;
  font-size: 0.92rem;
  font-weight: 700;
  text-transform: uppercase;
  color:#fff;
  border:1px solid transparent;
  text-shadow:0 1px 3px #000;
}
.cd-filter a.selected {
  background: rgba(0,0,0, 0.2);
  color: #fff;
  box-shadow: inset 0 0 0 2px rgba(56, 56, 56, 0.2);
  border:1px solid #fff;
   
}
.no-touch .cd-filter a.selected:hover {
  /*background: #1f858e;*/
}
.cd-filter.is-open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
  /* small arrow rotation */
}
.cd-filter.is-open ul li {
  display: block;
  margin:0 10px 0 10px;
}
.cd-filter.is-open .placeholder a {
  opacity: .4;
  /* reduces the opacity of the placeholder on mobile when the menu is open */
}

.cd-gallery-label {text-align:center; padding:0 0 15px 0; font-size:18px; font-weight:300; text-shadow:0 1px 3px #000;}
.cd-gallery-label .fa-certificate {color:#f54a48;}

.spec-features {   
	padding: 20px 20px 10px 40px;
    background-color: #f2f2f2;
    border-radius: 3px;
	margin-bottom:20px;
	margin-top:20px;
}

.spec-features li {position:relative}
.spec-features .cd-gallery-label{text-align:left; padding:0 0 10px 0px;}

.sale {position:absolute; top:-38px; right:-40px; width:80px; height:80px;z-index:9;}
.pack-crm .sale {top:10px; right:10px;}
.pack-office .sale {top:-60px; right:auto; left:-40px; z-index:10;}
.old-price {font-size:1.6rem; font-weight:300; position:relative; left:-20px; visibility:hidden !important;}
.pack-crm .old-price {color:#333; visibility: visible !important;}
.pack-office .old-price {display:none;}
.strike {position: relative; display: inline-block;}
	
@media only screen and (min-width: 768px) {
  .cd-filter {
    height: auto;
    width: auto;
  }
  .cd-filter::after {
    display: none;
  }
  .cd-filter ul {
    background: transparent;
    position: static;
    box-shadow: none;
    text-align: center;
  }
  .cd-filter li {
    display: inline-block;
    margin: 0 .4em;
  }
  .cd-filter li:first-child {
    display: inline-block;
  }
  .cd-filter li.placeholder {
    display: none !important;
  }
  .cd-filter li.placeholder a {
    display: none;
  }
  .cd-filter a {
    display: inline-block;
    padding: 0.8em 1.6em;
    height: auto;
    width: auto;
    line-height: 1;
    border-radius: 50em !important;
  }
  .no-touch .cd-filter a:hover {
    box-shadow: inset 0 0 0 2px rgba(56, 56, 56, 0.2);
  }
  .cd-filter a.selected:hover {
   /* box-shadow: none;*/
    /* removes the hover effect from the selected item */
  }
  .cd-filter.is-open ul li {
    display: inline-block;
  }
}



@media only screen and (max-width: 840px) {
  .cd-filter a {
    padding: 1em 1.4em;
  }
}
@media only screen and (max-width: 767px) {
  .cd-filter a {
    padding: 0em 1.4em;
  }
  .sale {width:70px; height:70px}
}



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

xgallery 

-------------------------------- */
.cd-gallery {
  margin-top: 0em;
  position: relative;
  z-index: 5;
}
.cd-gallery > li {
  position: relative;
  margin-bottom: 1em;
  margin:0 0 0 0;
}
.cd-gallery .cd-item-wrapper {
  /* this is the item that rotates */
  /*position: relative; *//* bug fix for jumping on rotation*/
  margin:0 0 0 0px;
}
.touch .cd-gallery .cd-item-wrapper {
  /* fix a bug on IOS8 - rotating elements dissapear*/
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
}
.cd-gallery .cd-item-wrapper.is-switched .is-visible {
  -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-gallery .cd-item-wrapper.is-switched .is-hidden {
  -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-gallery .cd-item-wrapper.is-switched .is-selected {
  opacity: 1;
}
.cd-gallery .cd-item-wrapper  li {margin:0 0 0 0;}
.cd-gallery .cd-item-wrapper > li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 /* border-radius: 0.25em;*/
  /*box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);*/
}

.pack-crm .cd-gallery .cd-item-wrapper li {color:#333;}

.cd-gallery .cd-item-wrapper > li img {
  display: block;
  width: 100%;
  border-radius: 0.25em;
}
.cd-gallery li.is-visible {
  /* the front item, visible by default */
  position: relative;
  z-index: 5;
}
.cd-gallery li.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);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.cd-gallery li.is-selected {
  /* the next item that will be visible */
  z-index: 3 !important;
}
@media only screen and (min-width: 480px) {
 /* .cd-gallery > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 1.2em;
  }*/
  .cd-gallery > li:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .cd-gallery > li {
    width: 100%;
    float: left;
  }
  .cd-gallery > li:nth-of-type(2n) {
    margin-right: 4%;
  }
  .cd-gallery > li:nth-of-type(4n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-gallery {
    margin-top: 0em;
  }
}

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

xkeyframes 

-------------------------------- */
@-webkit-keyframes cd-rotate {
  0% {
    -webkit-transform: perspective(1200px) rotateY(0);
  }
  70% {
    -webkit-transform: perspective(1200px) rotateY(200deg);
    /* this creates the bounce effect */
  }
  100% {
    -webkit-transform: perspective(1200px) rotateY(180deg);
  }
}
@-moz-keyframes cd-rotate {
  0% {
    -moz-transform: perspective(1200px) rotateY(0);
  }
  70% {
    -moz-transform: perspective(1200px) rotateY(200deg);
    /* this creates the bounce effect */
  }
  100% {
    -moz-transform: perspective(1200px) rotateY(180deg);
  }
}
@keyframes cd-rotate {
  0% {
    -webkit-transform: perspective(1200px) rotateY(0);
    -moz-transform: perspective(1200px) rotateY(0);
    -ms-transform: perspective(1200px) rotateY(0);
    -o-transform: perspective(1200px) rotateY(0);
    transform: perspective(1200px) rotateY(0);
  }
  70% {
    -webkit-transform: perspective(1200px) rotateY(200deg);
    -moz-transform: perspective(1200px) rotateY(200deg);
    -ms-transform: perspective(1200px) rotateY(200deg);
    -o-transform: perspective(1200px) rotateY(200deg);
    transform: perspective(1200px) rotateY(200deg);
    /* this creates the bounce effect */
  }
  100% {
    -webkit-transform: perspective(1200px) rotateY(180deg);
    -moz-transform: perspective(1200px) rotateY(180deg);
    -ms-transform: perspective(1200px) rotateY(180deg);
    -o-transform: perspective(1200px) rotateY(180deg);
    transform: perspective(1200px) rotateY(180deg);
  }
}
@-webkit-keyframes cd-rotate-inverse {
  0% {
    -webkit-transform: perspective(1200px) rotateY(-180deg);
  }
  70% {
    -webkit-transform: perspective(1200px) rotateY(20deg);
    /* this creates the bounce effect */
  }
  100% {
    -webkit-transform: perspective(1200px) rotateY(0);
  }
}
@-moz-keyframes cd-rotate-inverse {
  0% {
    -moz-transform: perspective(1200px) rotateY(-180deg);
  }
  70% {
    -moz-transform: perspective(1200px) rotateY(20deg);
    /* this creates the bounce effect */
  }
  100% {
    -moz-transform: perspective(1200px) rotateY(0);
  }
}
@keyframes cd-rotate-inverse {
  0% {
    -webkit-transform: perspective(1200px) rotateY(-180deg);
    -moz-transform: perspective(1200px) rotateY(-180deg);
    -ms-transform: perspective(1200px) rotateY(-180deg);
    -o-transform: perspective(1200px) rotateY(-180deg);
    transform: perspective(1200px) rotateY(-180deg);
  }
  70% {
    -webkit-transform: perspective(1200px) rotateY(20deg);
    -moz-transform: perspective(1200px) rotateY(20deg);
    -ms-transform: perspective(1200px) rotateY(20deg);
    -o-transform: perspective(1200px) rotateY(20deg);
    transform: perspective(1200px) rotateY(20deg);
    /* this creates the bounce effect */
  }
  100% {
    -webkit-transform: perspective(1200px) rotateY(0);
    -moz-transform: perspective(1200px) rotateY(0);
    -ms-transform: perspective1200px) rotateY(0);
    -o-transform: perspective(1200px) rotateY(0);
    transform: perspective(1200px) rotateY(0);
  }
}

.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: 3em 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; margin:0 0 0 0;
}


.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 {
    box-shadow: inset 0 0 0 3px #e97d68;
  }
  .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;
  height: 80px;
  padding: 1.6em;
  pointer-events: none;
  /*background-color: #004e3e;*/
  color: #FFFFFF;
  text-align:center;
}
.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;
    padding: 1.9em 0.9em 1.6em;
    pointer-events: auto;
    text-align: center;
    color: #173d50;
    background-color: transparent;
  }
.pack-crm .cd-pricing-header {padding:1.0em 0.9em 1.6em;} 
  .cd-popular .cd-pricing-header {
    color: #e97d68;
    background-color: transparent;
  }
  .cd-secondary-theme .cd-pricing-header {
    color: #FFFFFF;
  }
  .cd-pricing-header h2 {
    font-size: 1.8rem;
    letter-spacing: 2px;
  }
}

.cd-price {padding-top:20px;}
.pack-office .cd-price {padding-top:10px;}
.cd-price small {color:#333; font-size:11px;}
.pack-crm  .cd-price {padding-top:5px;}
.cd-currency, .cd-value {
  font-size: 24px;
  font-weight: 400;
  color:#173d50;
}
.cd-currency {font-size:18px; font-weight:300;}

.cd-duration {
  font-weight: 400;
  font-size: 1.3rem;
  color: #fff;

}
.cd-popular .cd-duration {
  color: #f3b6ab;
}
.cd-duration::before {
  content: '/';
  margin-right: 2px;
}

@media only screen and (min-width: 768px) {
  .cd-value {
    font-size: 2.6rem;
    font-weight: 300;
  }

  .cd-currency, .cd-duration {
    color: #333
  }
  .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;
    margin-top: 10px;    
    font-size: 18px;
    font-weight: 400;
  }
}
.strike::before {
    content: '';
    border-bottom: 1px solid #dd0000;
    width: 140%;
    position: absolute;
	right:-15%;
    top: 50%;
}
  .cd-duration {
    font-size: 1.0rem;
  }
}
.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;
  }
}

@media only screen and (max-width: 460px) {
 .with-sale .cd-pricing-header {height:140px;}
 .with-sale .cd-price {margin-top:70px;}
 .with-sale  .sale {left:0; right:0; top:6px; margin:auto;}
}



.cd-pricing-features {
  width: auto; margin:0 0 0 0;
}
.cd-pricing-features:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pricing-features li {
 /* width: 100px;*/
  position:relative;
  /*float: left;*/
  padding: 1.0em 1em;
  font-size: 1.2rem;
  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 {
    width: auto;
  }
  .cd-pricing-features li {
    float: none;
    width: auto;
    padding: 0.7em;
  }
  .pack-crm .cd-pricing-features li {padding:0.5em;}
  .cd-popular .cd-pricing-features li {
    margin: 0 3px;
  }
  .cd-pricing-features li:nth-of-type(2n+1) {
    background-color: rgba(23, 61, 80, 0.06);
  }
  .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 */
 /*9 height: 80px;
  width: 100%;*/
  text-align:center;
}
.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(../imgs/cd-icon-small-arrow.svg);*/
}
@media only screen and (min-width: 768px) {
  .cd-pricing-footer {
    position: relative;
    height: auto;
    padding: 1.8em 0;
    text-align: center;
  }
 .pack-crm .cd-pricing-footer{padding:1em 0;} 
  .cd-pricing-footer::after {
    /* hide arrow */
    display: none;
  }
  .cd-has-margins .cd-pricing-footer {
    padding-bottom: 0;
  }
}

.cd-select {
    position: relative;
    display: inline-block;
    height: auto;
	height:42px;
	line-height:42px;
    /*padding: 1.3em 0;*/
    color: #FFFFFF;
	top:15px;
    border-radius: 2px;
    background-color: #f54a48;
    font-size: 0.8rem;
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 0px;
	width:90%;
}
@media only screen and (max-width: 767px) {
  .cd-select {top:0px;}
}

@media only screen and (min-width: 768px) {
  .cd-select {
    position: relative;
    display: inline-block;
    height: auto;
	height:42px;
	line-height:42px;
    /*padding: 1.3em 0;*/
    color: #FFFFFF;
	top:15px;
    border-radius: 2px;
    background-color: #f54a48;
    font-size: 1.0rem;
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
	width:90%;
  }
 .pack-office  .cd-select{font-size:0.8em; font-weight:600;} 
  .no-touch .cd-select:hover {
    background-color: #e13739;
  }
  .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;
  }
}


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

Pricing table

-------------------------------- */	
	
#cd-table .cd-unchecked span, #cd-table .cd-checked span {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

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

Main components 

-------------------------------- */
#cd-table {
  position: relative;
  width: 100%;
  max-width: 860px;
  margin: 1em auto;
  font-size: 14px;
  font-size: 0.875rem;
  /* you may remove this border in case of dark backgrounds if it's annoying */
  border-right: 1px solid #e6e7f1;
}
.pack-office #cd-table {max-width:960px;}

.pack-crm .cd-gallery {max-width:400px; margin:30px auto;}

@media only screen and (max-width: 1024px) {
	.pack-office #cd-table {max-width:800px;}
	.pack-office .cd-select {font-size:0.7em;}
}

#cd-table::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-table::before {
  /* White color gradient on the right */
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 35px;
  background: -webkit-linear-gradient( right , white 10%, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, white 10%, rgba(255, 255, 255, 0));
  z-index: 5;
  pointer-events: none;
}
.no-cssgradients #cd-table::before {
  /* remove the gradient using modernizr if css gradients are not supported */
  display: none;
}
#cd-table.table-end::before {
  /* the gradient disappears when user is at the end of the table */
  display: none;
}
#cd-table .cd-table-container {
  position: relative;
  width: 100%;
  overflow-x: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
#cd-table .cd-table-wrapper {
  width: 680px;
  padding-left: 175px; 
}
#cd-table .cd-table-column {
  width: 175px;
  float: left;
  border: 1px solid #e6e7f1;
  margin-left: -1px;
}
#cd-table .cd-table-column li {margin-left:0; margin-bottom:0;}
#cd-table .cd-table-column:last-child {
  border-right: none;
}
#cd-table .cd-table-column ul {margin-left:0; margin-top:0;}
#cd-table ul > li {
  position: relative;
  text-align: center;
  padding: 0 10px;
  border-bottom: 1px solid #e6e7f1;
  height: 37px;
  line-height: 37px;
  background-color: white;
  font-size:12px;
}

#cd-table ul > li.cd-price {height:70px; line-height:40px; }
#cd-table ul > li.cd-select-li {height:72px; line-height:72px; }
.pack-office #cd-table ul > li.cd-price {height:90px; line-height:30px;}
.pack-office #cd-table ul > li.cd-select-li {padding:0 10px;}



#cd-table h2 {
  font-size: 20px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #000;
  text-shadow:none;
  background:#fff;
  height:62px; 
  line-height:62px;
  position: relative;
  text-align: center;
  padding: 0 20px;
  margin-bottom:0;
  border-bottom: 1px solid #e6e7f1; 
}
#cd-table header.cd-table-column h2 {font-weight:300;}
#cd-table h3 {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #105e4e;
}
#cd-table ul > li {
  color: #787a8d;
}
#cd-table ul > li:nth-child(odd) {
  background-color: #f6f7fa;
}
#cd-table ul > li:last-child {
  border-bottom: none;
}
#cd-table .cd-unchecked span, #cd-table .cd-checked span {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("../imgs/yes-no.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#cd-table .cd-unchecked span {
  background-position: -16px 0;
}
#cd-table .cd-select {
  display: block;
  width: 100%;
}

#cd-table .cd-checked img, #cd-table .cd-unchecked img  {width:27px; height:27px; margin:0 auto;}


#cd-table header.cd-table-column {
  position: absolute;
  width: 155px;
  height: 80%;
  left: 0;
  top: 0;
  z-index: 10;
  background: #5AA08E;
  margin-left: 0;
  border-color: #5aa08e;
  box-shadow: 2px 0 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
#cd-table header.cd-table-column h2, #cd-table header.cd-table-column li {
  background-color: transparent;
  text-align: left;
  color: #edeef1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-bottom-color: #94B7AE;
}
#cd-table header.cd-table-column h2 {
  color: #edeef1;
  text-align:center;
  font-size:22px;
}
/*#cd-table header.cd-table-column li {border-top:1px solid #94B7AE;}*/
#cd-table header.cd-table-column li:nth-child(odd) {
  background-color: #378672;
}
#cd-table header.cd-table-column li:last-child {
  border-bottom: 1px solid transparent;
}
#cd-table .cd-scroll-right {
  /* small right arrow that indicates it's possible to scroll right */
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  background: url("../imgs/small-arrow.svg") no-repeat center center;
  z-index: 6;
  -webkit-animation: cd-scroll-right 1.5s infinite;
  -moz-animation: cd-scroll-right 1.5s infinite;
  animation: cd-scroll-right 1.5s infinite;
}
@media only screen and (min-width: 840px) {
  #cd-table {
    margin: 2em auto;
    border-right: none;
  }
  #cd-table::before {
    display: none;
  }
  #cd-table .cd-table-wrapper {
    width: 100%;
    padding-left: 33.3333%;
  }
 .pack-office #cd-table .cd-table-wrapper {padding-left:27.5%;} 
  #cd-table .cd-table-column {
    width: 50%;
    float: left;
  }
  .pack-office #cd-table .cd-table-column {width:33.3333%;}
  #cd-table .cd-table-column:last-child {
    border-right: 1px solid #e6e7f1;
  }
#cd-table header.cd-table-column {
    width: 30.3333%;
    float: left;
    background: #5AA08E;
    box-shadow: none;
    pointer-events: auto;
  }
  
.pack-office #cd-table header.cd-table-column {
    width: 25%;
  }

  
#cd-table .cd-scroll-right {
    display: none;
  }
 #cd-table ul > li {font-size:16px; padding:0 20px;} 
 #cd-table h2 {font-size:1.6rem;}
 #cd-table .cd-value {font-size:2.6rem;}

}
@media only screen and (min-width: 1170px) {
  #cd-table {
    margin: 2em auto;
  }
}
@media only screen and (max-width: 870px) {
  .cd-price small {
    display:none;
  }
  .pack-office .cd-select {font-size:0.85em;}
}

@media only screen and (max-width: 640px) {
 /*.fp-tableCell {padding-top:70px;}*/
 #menu li a {font-size:0.75rem;}
 .cd-pricing-features li {font-size:1rem;}
}






@-webkit-keyframes cd-scroll-right {
  0%, 100% {
    -webkit-transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(3px);
  }
}
@-moz-keyframes cd-scroll-right {
  0%, 100% {
    -moz-transform: translateX(0);
  }

  50% {
    -moz-transform: translateX(3px);
  }
}
@keyframes cd-scroll-right {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
  }
}