/*! Comparative Responsive Pricing Tables.2.2 - 2015-09-13 */
.modern-pt button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}
.modern-pt .pt-btn {
  font-family: inherit;
  cursor: pointer;
  position: relative;
  z-index: 0;
  vertical-align: top;
}
.modern-pt .pt-btn[disabled] {
  cursor: default;
}
.modern-pt {
  z-index: 0;
  position: relative;
  cursor: default;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  line-height: 1.2;
  color: #4e4e4e;
  text-align: center;
  margin-top: 30px;
}
.modern-pt *,
.modern-pt *:before,
.modern-pt *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modern-pt .pt-list-block {
  display: none;
}
.modern-pt .pt-row {
  zoom: 1;
}
.modern-pt .pt-row:before,
.modern-pt .pt-row:after {
  content: "";
  display: table;
}
.modern-pt .pt-row:after {
  clear: both;
}
@media (min-width: 620px) {
  .modern-pt .pt-cols-4 .pt-block,
  .modern-pt .pt-cols-2 .pt-block {
    width: 50%;
  }
}
@media (min-width: 620px) and (max-width: 767px) {
  .modern-pt .pt-cols-4 .pt-block,
  .modern-pt .pt-cols-2 .pt-block {
    float: left;
  }
}
@media (min-width: 620px) and (max-width: 991px) {
  .modern-pt .pt-cols-4 .pt-block:nth-child(3) {
    clear: left;
  }
}
@media (min-width: 768px) {
  .modern-pt .pt-block {
    float: left;
  }
  .modern-pt .pt-cols-3 .pt-block {
    width: 33.3333%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modern-pt .pt-cols-5 .pt-block:nth-child(4) {
    clear: left;
  }
  .modern-pt .pt-cols-5 .pt-block:nth-child(1),
  .modern-pt .pt-cols-5 .pt-block:nth-child(2),
  .modern-pt .pt-cols-5 .pt-block:nth-child(3) {
    width: 33.3333%;
  }
  .modern-pt .pt-cols-5 .pt-block:nth-child(4),
  .modern-pt .pt-cols-5 .pt-block:nth-child(5) {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .modern-pt .pt-cols-4 .pt-block {
    width: 25%;
  }
  .modern-pt .pt-cols-5 .pt-block {
    width: 20%;
  }
}
.modern-pt .pt-tooltip {
  display: none;
  position: absolute;
  right: 50%;
  bottom: 100%;
  margin-right: -100px;
  width: 200px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  z-index: 100;
}
.modern-pt .pt-tooltip .pt-tooltip-content {
  position: relative;
  background-color: #141414;
  padding: 5px;
  display: inline-block;
  text-align: left;
  margin-bottom: 8px;
  max-width: 100%;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.modern-pt .pt-tooltip .pt-tooltip-content img {
  max-width: 100%;
}
.modern-pt .pt-tooltip .pt-tooltip-content:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  margin-right: -8px;
  border-color: rgba(20,20,20,0);
  border-style: solid;
  border-width: 8px 8px;
  border-top-color: #141414;
}
.modern-pt .pt-tooltip .pt-tooltip-content .pt-tooltip-heading {
  display: block;
  border-bottom: 1px solid #3a3a3a;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
  margin-bottom: 10px;
}
.modern-pt .pt-tooltip .pt-tooltip-content .pt-tooltip-list {
  display: block;
}
.modern-pt .pt-tooltip .pt-tooltip-content .pt-tooltip-list > span {
  display: block;
  line-height: 1.4;
}
.modern-pt .pt-tooltip .pt-tooltip-content .pt-tooltip-list .fa {
  font-size: 13px;
  line-height: $default-lh;
  width: 20px;
}
.modern-pt .pt-tooltip-bottom {
  bottom: auto;
  top: 100%;
}
.modern-pt .pt-tooltip-bottom .pt-tooltip-content {
  margin-bottom: 0;
  margin-top: 8px;
}
.modern-pt .pt-tooltip-bottom .pt-tooltip-content:after {
  top: auto;
  bottom: 100%;
  border-top-color: rgba(20,20,20,0);
  border-bottom-color: #141414;
}
.modern-pt .pt-tooltip-left .pt-tooltip-content,
.modern-pt .pt-tooltip-left-top .pt-tooltip-content,
.modern-pt .pt-tooltip-left-bottom .pt-tooltip-content,
.modern-pt .pt-tooltip-right .pt-tooltip-content,
.modern-pt .pt-tooltip-right-top .pt-tooltip-content,
.modern-pt .pt-tooltip-right-bottom .pt-tooltip-content {
  margin-bottom: 0;
}
.modern-pt .pt-tooltip-left .pt-tooltip-content:after,
.modern-pt .pt-tooltip-left-top .pt-tooltip-content:after,
.modern-pt .pt-tooltip-left-bottom .pt-tooltip-content:after,
.modern-pt .pt-tooltip-right .pt-tooltip-content:after,
.modern-pt .pt-tooltip-right-top .pt-tooltip-content:after,
.modern-pt .pt-tooltip-right-bottom .pt-tooltip-content:after {
  margin-right: 0;
  border-top-color: rgba(20,20,20,0);
  border-width: 8px 8px;
}
.modern-pt .pt-tooltip-right,
.modern-pt .pt-tooltip-right-top,
.modern-pt .pt-tooltip-right-bottom {
  left: 100%;
  text-align: left;
  margin-left: 11px !important;
  margin-right: 0;
}
.modern-pt .pt-tooltip-right .pt-tooltip-content:after,
.modern-pt .pt-tooltip-right-top .pt-tooltip-content:after,
.modern-pt .pt-tooltip-right-bottom .pt-tooltip-content:after {
  right: 100%;
  border-right-color: #141414;
}
.modern-pt .pt-tooltip-left,
.modern-pt .pt-tooltip-left-top,
.modern-pt .pt-tooltip-left-bottom {
  right: 100%;
  text-align: right;
  margin-right: 11px !important;
}
.modern-pt .pt-tooltip-left .pt-tooltip-content:after,
.modern-pt .pt-tooltip-left-top .pt-tooltip-content:after,
.modern-pt .pt-tooltip-left-bottom .pt-tooltip-content:after {
  left: 100%;
  border-left-color: #141414;
}
.modern-pt .pt-tooltip-right,
.modern-pt .pt-tooltip-left {
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
.modern-pt .pt-tooltip-right .pt-tooltip-content:after,
.modern-pt .pt-tooltip-left .pt-tooltip-content:after {
  top: 50%;
  margin-top: -8px;
}
.modern-pt .pt-tooltip-right-top,
.modern-pt .pt-tooltip-left-top {
  top: -5px;
}
.modern-pt .pt-tooltip-right-top .pt-tooltip-content:after,
.modern-pt .pt-tooltip-left-top .pt-tooltip-content:after {
  top: 8px;
}
.modern-pt .pt-tooltip-right-bottom,
.modern-pt .pt-tooltip-left-bottom {
  bottom: -5px;
}
.modern-pt .pt-tooltip-right-bottom .pt-tooltip-content:after,
.modern-pt .pt-tooltip-left-bottom .pt-tooltip-content:after {
  top: auto;
  bottom: 10px;
}
.modern-pt .pt-tooltip-show:hover {
  cursor: help;
}
.modern-pt .pt-tooltip-show:hover ~ .pt-tooltip {
  display: block;
}
.modern-pt .pt-tooltip-show-icon,
.modern-pt .pt-tooltip-show-text {
  display: inline-block;
  position: relative;
}
.modern-pt .pt-tooltip-show-icon {
  vertical-align: top;
  position: relative;
  left: 5px;
  top: -5px;
}
.modern-pt .pt-tooltip-show-icon .pt-tooltip-show {
  z-index: 20;
  position: relative;
}
.modern-pt .pt-tooltip-show-icon .pt-tooltip-show i.fa {
  width: auto;
  font-size: 14px;
  line-height: $default-lh;
}
.modern-pt .pt-block .pt-tooltip-show-icon .pt-tooltip {
  margin-right: -50px;
  text-align: right;
}
.modern-pt .pt-block .pt-tooltip-show-icon .pt-tooltip .pt-tooltip-content:after {
  right: 42px;
  margin-right: 0;
}
@media (min-width: 992px) {
  .modern-pt .pt-tooltip-show-text .pt-tooltip {
    width: 280px;
    margin-right: -140px;
  }
  .modern-pt .pt-tooltip-show-text .pt-tooltip .pt-tooltip-content .pt-tooltip-2col {
    zoom: 1;
  }
  .modern-pt .pt-tooltip-show-text .pt-tooltip .pt-tooltip-content .pt-tooltip-2col:before,
  .modern-pt .pt-tooltip-show-text .pt-tooltip .pt-tooltip-content .pt-tooltip-2col:after {
    content: "";
    display: table;
  }
  .modern-pt .pt-tooltip-show-text .pt-tooltip .pt-tooltip-content .pt-tooltip-2col:after {
    clear: both;
  }
  .modern-pt .pt-tooltip-show-text .pt-tooltip .pt-tooltip-content .pt-tooltip-2col > span {
    float: left;
    width: 50%;
  }
}
.modern-pt .pt-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 54px;
  height: 54px;
  overflow: hidden;
  -webkit-border-radius: 0 2px 0 0;
  border-radius: 0 2px 0 0;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  line-height: $default-lh;
}
.modern-pt .pt-badge .pt-text {
  position: absolute;
  left: 15.81623381592643px;
  top: -38.18376618407357px;
  width: 76.36753236814714px;
  height: 76.36753236814714px;
  text-align: center;
  line-height: 124.19999999999999px;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modern-pt .pt-new {
  border-top: 1px solid #2d6da3;
  border-right: 1px solid #2d6da3;
}
.modern-pt .pt-new .pt-text {
  background-color: #337ab7;
  -webkit-box-shadow: 0 0 1px #1d4567;
  box-shadow: 0 0 1px #1d4567;
}
.modern-pt .pt-discount {
  border-top: 1px solid #e60000;
  border-right: 1px solid #e60000;
}
.modern-pt .pt-discount .pt-text {
  background-color: #f00;
  -webkit-box-shadow: 0 0 1px #900;
  box-shadow: 0 0 1px #900;
}
.modern-pt .pt-popular {
  border-top: 1px solid #33a242;
  border-right: 1px solid #33a242;
}
.modern-pt .pt-popular .pt-text {
  background-color: #39b54a;
  -webkit-box-shadow: 0 0 1px #21672a;
  box-shadow: 0 0 1px #21672a;
}
.modern-pt .pt-block {
  margin-bottom: 30px;
}
.modern-pt .pt-content {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.modern-pt .pt-head {
  position: relative;
  z-index: 0;
  background: #f4f4f4;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.modern-pt .pt-head .pt-back {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 76px;
  border-width: 1px;
  border-style: solid;
  border-color: #595959 #666;
  -webkit-box-shadow: 100px 0 100px -100px #808080 inset, -100px 0 100px -100px #808080 inset;
  box-shadow: 100px 0 100px -100px #808080 inset, -100px 0 100px -100px #808080 inset;
  background: #333;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.modern-pt .pt-top {
  position: relative;
  z-index: 2;
  color: #fff;
}
.modern-pt .pt-title {
  font-size: 24px;
  line-height: 54px;
  color: #4e4e4e;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.modern-pt .pt-price-container {
  height: 76px;
  padding: 5px;
}
.modern-pt .pt-price {
  position: relative;
  display: inline-block;
}
.modern-pt .pt-price .pt-currency {
  position: absolute;
  top: 22px;
  right: 100%;
  font-size: 18px;
  line-height: 30px;
}
.modern-pt .pt-price .pt-value {
  font-size: 44px;
  line-height: 66px;
  height: 66px;
}
.modern-pt .pt-crossed {
  position: relative;
}
.modern-pt .pt-crossed:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #666;
}
.modern-pt .pt-sub {
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
}
.modern-pt .pt-sub .pt-crossed:after {
  background: #fff;
}
.modern-pt .pt-sub + .pt-price-container {
  padding-top: 0;
}
.modern-pt .pt-footer {
  position: relative;
}
.modern-pt .pt-btn {
  width: 100%;
  height: 66px;
  font-size: 26px;
  line-height: 66px;
  font-family: 'Open Sans';
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 0 10px;
  border: 0 none;
  z-index: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -webkit-box-shadow: 50px 0 50px -50px #808080 inset, -50px 0 50px -50px #808080 inset, 0 0 2px #1a1a1a;
  box-shadow: 50px 0 50px -50px #808080 inset, -50px 0 50px -50px #808080 inset, 0 0 2px #1a1a1a;
  background: #333;
}
.modern-pt .pt-btn:hover {
  font-size: 30px;
  line-height: $default-lh;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modern-pt .pt-tooltip-show-text .pt-tooltip-show {
  border-bottom: 1px dotted;
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  src: url("../fonts/Lato/lato-regular-webfont.eot");
  src: url("../fonts/Lato/lato-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato/lato-regular-webfont.woff2") format('woff2'), url("../fonts/Lato/lato-regular-webfont.woff") format('woff'), url("../fonts/Lato/lato-regular-webfont.ttf") format('truetype'), url("../fonts/Lato/lato-regular-webfont.svg#Lato") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans',sans-serif;
  src: url("../fonts/Lato/lato-light-webfont.eot");
  src: url("../fonts/Lato/lato-light-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato/lato-light-webfont.woff2") format('woff2'), url("../fonts/Lato/lato-light-webfont.woff") format('woff'), url("../fonts/Lato/lato-light-webfont.ttf") format('truetype'), url("../fonts/Lato/lato-light-webfont.svg#Lato-light") format('svg');
  font-weight: normal;
  font-style: normal;
}
.modern-pt .pt-selected .pt-content,
.modern-pt .pt-block:hover .pt-content,
.modern-pt .pt-cols .pt-block.pt-selected:hover .pt-content {
  -webkit-box-shadow: 0 0 12px #666;
  box-shadow: 0 0 12px #666;
}
.modern-pt .pt-selected .pt-head .pt-back,
.modern-pt .pt-block:hover .pt-head .pt-back,
.modern-pt .pt-cols .pt-block.pt-selected:hover .pt-head .pt-back {
  height: 100%;
}
.modern-pt .pt-selected .pt-title,
.modern-pt .pt-block:hover .pt-title,
.modern-pt .pt-cols .pt-block.pt-selected:hover .pt-title {
  color: #fff;
}
.modern-pt .pt-cols:hover .pt-selected .pt-content {
  -webkit-box-shadow: 0 0 2px #666;
  box-shadow: 0 0 2px #666;
}
.modern-pt .pt-cols:hover .pt-selected .pt-head .pt-back {
  height: 76px;
}
.modern-pt .pt-cols:hover .pt-selected .pt-title {
  color: #4e4e4e;
}
.modern-pt .pt-list {
  padding: 10px 5px 5px;
  position: relative;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.modern-pt .pt-list .pt-back {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.modern-pt .pt-list .pt-list-item .pt-value {
  font-family: 'Open Sans', sans-serif;
}
.modern-pt .pt-list .fa {
  font-size: 18px;
}
.modern-pt .pt-list .fa-check {
  color: #009245;
}
.modern-pt .pt-list .fa-times {
  color: #ff1d25;
}
.modern-pt .pt-list .pt-list-item + .pt-list-item {
  border-top: 1px dotted #ccc;
}
.modern-pt .pt-list-item {
  padding: 7px 0 6px;
  line-height: 24px;
}
.modern-pt .pt-row .pt-block.pt-not-available .pt-content {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modern-pt .pt-row .pt-block.pt-not-available .pt-head .pt-back {
  height: 76px;
  border-color: #cdcdcd;
  -webkit-box-shadow: 100px 0 100px -100px #dadada inset, -100px 0 100px -100px #dadada inset;
  box-shadow: 100px 0 100px -100px #dadada inset, -100px 0 100px -100px #dadada inset;
  background: #c0c0c0;
}
.modern-pt .pt-row .pt-block.pt-not-available .pt-title {
  color: #4e4e4e;
}
.modern-pt .pt-row .pt-block.pt-not-available .pt-btn {
  font-size: 26px;
  cursor: default;
  -webkit-box-shadow: 50px 0 50px -50px #dadada inset, -50px 0 50px -50px #dadada inset, 0 0 2px #a7a7a7;
  box-shadow: 50px 0 50px -50px #dadada inset, -50px 0 50px -50px #dadada inset, 0 0 2px #a7a7a7;
  background: #c0c0c0;
}
@media (min-width: 620px) {
  .modern-pt .pt-cols-4 .pt-block,
  .modern-pt .pt-cols-2 .pt-block {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modern-pt .pt-cols-4 .pt-row,
  .modern-pt .pt-cols-2 .pt-row {
    margin: 0 -10px;
  }
}
@media (min-width: 768px) {
  .modern-pt .pt-block {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modern-pt .pt-row {
    margin: 0 -10px;
  }
}
@media (min-width: 992px) {
  .modern-pt .pt-cols-5 .pt-row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .modern-pt .pt-cols-5 .pt-block {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1200px) {
  .modern-pt .pt-list-block {
    display: block;
    position: absolute;
    left: 0;
    bottom: 57px;
    width: 100%;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #f4f4f4;
    border: 1px solid #ececec;
    padding: 48px 8px 44px;
  }
  .modern-pt .pt-list-block .pt-list-item:nth-child(2n) {
    background-color: #ececec;
  }
  .modern-pt .pt-list-block .pt-text {
/*
                to change size of left side bar - change 'width' here to: <sidebar-size> - 8px;
                Example:
                for sidebar size - 200px
                200px - 8px = 192px
                so you should change width to 192px:

                width : 192px;
            */
    display: block;
    width: 162px;
    padding-right: 20px;
    text-align: right;
  }
  .modern-pt .pt-list-block + .pt-cols {
/* to change size of left side bar - change 'margin-left' here */
    position: relative;
    z-index: 2;
    margin-left: 170px;
    margin-right: 18px;
  }
  .modern-pt .pt-list-block + .pt-cols .pt-list .pt-back {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
  }
  .modern-pt .pt-list-block + .pt-cols .pt-list-item + .pt-list-item {
    border-top: 0 none;
  }
  .modern-pt .pt-list-block + .pt-cols .pt-list-item .pt-text {
    display: none;
  }
  .modern-pt .pt-list-block + .pt-cols .pt-list-item .pt-value {
    font-family: 'Open Sans',sans-serif;
  }
}

.pt-modern-extra5color1 .pt-head .pt-back {
  border-color: #9E0B0F #9E0B0F;
  -webkit-box-shadow: 100px 0 100px -100px #c53b3f inset, -100px 0 100px -100px #c53b3f inset;
  box-shadow: 100px 0 100px -100px #c53b3f inset, -100px 0 100px -100px #c53b3f inset;
  background: #9E0B0F;
}
.pt-modern-extra5color1 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #c53b3f inset, -50px 0 50px -50px #c53b3f inset, 0 0 2px #c53b3f;
  box-shadow: 50px 0 50px -50px #c53b3f inset, -50px 0 50px -50px #c53b3f inset, 0 0 2px #c53b3f;
  background: #9E0B0F;
}

.pt-modern-cadetBlue .pt-head .pt-back {
  border-color: #8fbbbd #9fc5c6;
  -webkit-box-shadow: 100px 0 100px -100px #bfd8d9 inset, -100px 0 100px -100px #bfd8d9 inset;
  box-shadow: 100px 0 100px -100px #bfd8d9 inset, -100px 0 100px -100px #bfd8d9 inset;
  background: #5f9ea0;
}
.pt-modern-cadetBlue .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #bfd8d9 inset, -50px 0 50px -50px #bfd8d9 inset, 0 0 2px #4c7e80;
  box-shadow: 50px 0 50px -50px #bfd8d9 inset, -50px 0 50px -50px #bfd8d9 inset, 0 0 2px #4c7e80;
  background: #5f9ea0;
}

.pt-modern-chocolate .pt-head .pt-back {
  border-color: #e79256 #eaa06c;
  -webkit-box-shadow: 100px 0 100px -100px #f0bd99 inset, -100px 0 100px -100px #f0bd99 inset;
  box-shadow: 100px 0 100px -100px #f0bd99 inset, -100px 0 100px -100px #f0bd99 inset;
  background: #d2691e;
}
.pt-modern-chocolate .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #f0bd99 inset, -50px 0 50px -50px #f0bd99 inset, 0 0 2px #a55318;
  box-shadow: 50px 0 50px -50px #f0bd99 inset, -50px 0 50px -50px #f0bd99 inset, 0 0 2px #a55318;
  background: #d2691e;
}

.pt-modern-crimson .pt-head .pt-back {
  border-color: #ef4e6e #f16581;
  -webkit-box-shadow: 100px 0 100px -100px #f594a7 inset, -100px 0 100px -100px #f594a7 inset;
  box-shadow: 100px 0 100px -100px #f594a7 inset, -100px 0 100px -100px #f594a7 inset;
  background: #dc143c;
}
.pt-modern-crimson .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #f594a7 inset, -50px 0 50px -50px #f594a7 inset, 0 0 2px #ad102f;
  box-shadow: 50px 0 50px -50px #f594a7 inset, -50px 0 50px -50px #f594a7 inset, 0 0 2px #ad102f;
  background: #dc143c;
}

.pt-modern-darkViolet .pt-head .pt-back {
  border-color: #bd21ff #c53bff;
  -webkit-box-shadow: 100px 0 100px -100px #d36dff inset, -100px 0 100px -100px #d36dff inset;
  box-shadow: 100px 0 100px -100px #d36dff inset, -100px 0 100px -100px #d36dff inset;
  background: #9400d3;
}
.pt-modern-darkViolet .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #d36dff inset, -50px 0 50px -50px #d36dff inset, 0 0 2px #7000a0;
  box-shadow: 50px 0 50px -50px #d36dff inset, -50px 0 50px -50px #d36dff inset, 0 0 2px #7000a0;
  background: #9400d3;
}

.pt-modern-deepPink .pt-head .pt-back {
  border-color: #ff61b6 #ff7ac2;
  -webkit-box-shadow: 100px 0 100px -100px #ffadd9 inset, -100px 0 100px -100px #ffadd9 inset;
  box-shadow: 100px 0 100px -100px #ffadd9 inset, -100px 0 100px -100px #ffadd9 inset;
  background: #ff1493;
}
.pt-modern-deepPink .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #ffadd9 inset, -50px 0 50px -50px #ffadd9 inset, 0 0 2px #e00079;
  box-shadow: 50px 0 50px -50px #ffadd9 inset, -50px 0 50px -50px #ffadd9 inset, 0 0 2px #e00079;
  background: #ff1493;
}

.pt-modern-fireBrick .pt-head .pt-back {
  border-color: #db4545 #df5a5a;
  -webkit-box-shadow: 100px 0 100px -100px #e88585 inset, -100px 0 100px -100px #e88585 inset;
  box-shadow: 100px 0 100px -100px #e88585 inset, -100px 0 100px -100px #e88585 inset;
  background: #b22222;
}
.pt-modern-fireBrick .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #e88585 inset, -50px 0 50px -50px #e88585 inset, 0 0 2px #871a1a;
  box-shadow: 50px 0 50px -50px #e88585 inset, -50px 0 50px -50px #e88585 inset, 0 0 2px #871a1a;
  background: #b22222;
}

.pt-modern-flame .pt-head .pt-back {
  border-color: #f2835a #f49572;
  -webkit-box-shadow: 100px 0 100px -100px #f8b8a1 inset, -100px 0 100px -100px #f8b8a1 inset;
  box-shadow: 100px 0 100px -100px #f8b8a1 inset, -100px 0 100px -100px #f8b8a1 inset;
  background: #ed4d13;
}
.pt-modern-flame .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #f8b8a1 inset, -50px 0 50px -50px #f8b8a1 inset, 0 0 2px #be3d0f;
  box-shadow: 50px 0 50px -50px #f8b8a1 inset, -50px 0 50px -50px #f8b8a1 inset, 0 0 2px #be3d0f;
  background: #ed4d13;
}

.pt-modern-goldenRod .pt-head .pt-back {
  border-color: #e8c15f #ebca75;
  -webkit-box-shadow: 100px 0 100px -100px #f1dba2 inset, -100px 0 100px -100px #f1dba2 inset;
  box-shadow: 100px 0 100px -100px #f1dba2 inset, -100px 0 100px -100px #f1dba2 inset;
  background: #daa520;
}
.pt-modern-goldenRod .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #f1dba2 inset, -50px 0 50px -50px #f1dba2 inset, 0 0 2px #ae8319;
  box-shadow: 50px 0 50px -50px #f1dba2 inset, -50px 0 50px -50px #f1dba2 inset, 0 0 2px #ae8319;
  background: #daa520;
}

.pt-modern-green .pt-head .pt-back {
  border-color: #6ad078 #7dd68a;
  -webkit-box-shadow: 100px 0 100px -100px #a5e2ad inset, -100px 0 100px -100px #a5e2ad inset;
  box-shadow: 100px 0 100px -100px #a5e2ad inset, -100px 0 100px -100px #a5e2ad inset;
  background: #39b54a;
}
.pt-modern-green .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #a5e2ad inset, -50px 0 50px -50px #a5e2ad inset, 0 0 2px #2d8e3a;
  box-shadow: 50px 0 50px -50px #a5e2ad inset, -50px 0 50px -50px #a5e2ad inset, 0 0 2px #2d8e3a;
  background: #39b54a;
}

.pt-modern-indianRed .pt-head .pt-back {
  border-color: #df9797 #e5abab;
  -webkit-box-shadow: 100px 0 100px -100px #f1d1d1 inset, -100px 0 100px -100px #f1d1d1 inset;
  box-shadow: 100px 0 100px -100px #f1d1d1 inset, -100px 0 100px -100px #f1d1d1 inset;
  background: #cd5c5c;
}
.pt-modern-indianRed .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #f1d1d1 inset, -50px 0 50px -50px #f1d1d1 inset, 0 0 2px #bc3a3a;
  box-shadow: 50px 0 50px -50px #f1d1d1 inset, -50px 0 50px -50px #f1d1d1 inset, 0 0 2px #bc3a3a;
  background: #cd5c5c;
}

.pt-modern-indigo .pt-head .pt-back {
  border-color: #7700ce #8600e8;
  -webkit-box-shadow: 100px 0 100px -100px #9f1cff inset, -100px 0 100px -100px #9f1cff inset;
  box-shadow: 100px 0 100px -100px #9f1cff inset, -100px 0 100px -100px #9f1cff inset;
  background: #4b0082;
}
.pt-modern-indigo .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #9f1cff inset, -50px 0 50px -50px #9f1cff inset, 0 0 2px #2e004f;
  box-shadow: 50px 0 50px -50px #9f1cff inset, -50px 0 50px -50px #9f1cff inset, 0 0 2px #2e004f;
  background: #4b0082;
}

.pt-modern-slateGray .pt-head .pt-back {
  border-color: #9ba6b1 #a9b3bc;
  -webkit-box-shadow: 100px 0 100px -100px #c6ccd3 inset, -100px 0 100px -100px #c6ccd3 inset;
  box-shadow: 100px 0 100px -100px #c6ccd3 inset, -100px 0 100px -100px #c6ccd3 inset;
  background: #708090;
}
.pt-modern-slateGray .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #c6ccd3 inset, -50px 0 50px -50px #c6ccd3 inset, 0 0 2px #5a6673;
  box-shadow: 50px 0 50px -50px #c6ccd3 inset, -50px 0 50px -50px #c6ccd3 inset, 0 0 2px #5a6673;
  background: #708090;
}

.pt-modern-steelBlue .pt-head .pt-back {
  border-color: #7ba7cc #8db3d3;
  -webkit-box-shadow: 100px 0 100px -100px #b2cce1 inset, -100px 0 100px -100px #b2cce1 inset;
  box-shadow: 100px 0 100px -100px #b2cce1 inset, -100px 0 100px -100px #b2cce1 inset;
  background: #4682b4;
}
.pt-modern-steelBlue .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #b2cce1 inset, -50px 0 50px -50px #b2cce1 inset, 0 0 2px #38678f;
  box-shadow: 50px 0 50px -50px #b2cce1 inset, -50px 0 50px -50px #b2cce1 inset, 0 0 2px #38678f;
  background: #4682b4;
}

.pt-modern-yellowGreen .pt-head .pt-back {
  border-color: #b8dc70 #c2e184;
  -webkit-box-shadow: 100px 0 100px -100px #d7ebad inset, -100px 0 100px -100px #d7ebad inset;
  box-shadow: 100px 0 100px -100px #d7ebad inset, -100px 0 100px -100px #d7ebad inset;
  background: #9acd32;
}
.pt-modern-yellowGreen .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #d7ebad inset, -50px 0 50px -50px #d7ebad inset, 0 0 2px #7ba428;
  box-shadow: 50px 0 50px -50px #d7ebad inset, -50px 0 50px -50px #d7ebad inset, 0 0 2px #7ba428;
  background: #9acd32;
}

.pt-modern-extra1color1 .pt-head .pt-back {
  border-color: #73dbdb #87e0e0;
  -webkit-box-shadow: 100px 0 100px -100px #b0ebeb inset, -100px 0 100px -100px #b0ebeb inset;
  box-shadow: 100px 0 100px -100px #b0ebeb inset, -100px 0 100px -100px #b0ebeb inset;
  background: #36cccb;
}
.pt-modern-extra1color1 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #b0ebeb inset, -50px 0 50px -50px #b0ebeb inset, 0 0 2px #2aa5a4;
  box-shadow: 50px 0 50px -50px #b0ebeb inset, -50px 0 50px -50px #b0ebeb inset, 0 0 2px #2aa5a4;
  background: #36cccb;
}

.pt-modern-extra1color4 .pt-head .pt-back {
  border-color: #00d9c3 #00f3da;
  -webkit-box-shadow: 100px 0 100px -100px #26ffe9 inset, -100px 0 100px -100px #26ffe9 inset;
  box-shadow: 100px 0 100px -100px #26ffe9 inset, -100px 0 100px -100px #26ffe9 inset;
  background: #008c7e;
}
.pt-modern-extra1color4 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #26ffe9 inset, -50px 0 50px -50px #26ffe9 inset, 0 0 2px #005950;
  box-shadow: 50px 0 50px -50px #26ffe9 inset, -50px 0 50px -50px #26ffe9 inset, 0 0 2px #005950;
  background: #008c7e;
}

.pt-modern-extra2color1 .pt-head .pt-back {
  border-color: #80bfff #9accff;
  -webkit-box-shadow: 100px 0 100px -100px #cce5ff inset, -100px 0 100px -100px #cce5ff inset;
  box-shadow: 100px 0 100px -100px #cce5ff inset, -100px 0 100px -100px #cce5ff inset;
  background: #39f;
}
.pt-modern-extra2color1 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #cce5ff inset, -50px 0 50px -50px #cce5ff inset, 0 0 2px #007fff;
  box-shadow: 50px 0 50px -50px #cce5ff inset, -50px 0 50px -50px #cce5ff inset, 0 0 2px #007fff;
  background: #39f;
}

.pt-modern-extra2color2 .pt-head .pt-back {
  border-color: #3e9eff #58abff;
  -webkit-box-shadow: 100px 0 100px -100px #8ac4ff inset, -100px 0 100px -100px #8ac4ff inset;
  box-shadow: 100px 0 100px -100px #8ac4ff inset, -100px 0 100px -100px #8ac4ff inset;
  background: #0078f0;
}
.pt-modern-extra2color2 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #8ac4ff inset, -50px 0 50px -50px #8ac4ff inset, 0 0 2px #005ebd;
  box-shadow: 50px 0 50px -50px #8ac4ff inset, -50px 0 50px -50px #8ac4ff inset, 0 0 2px #005ebd;
  background: #0078f0;
}

.pt-modern-extra2color3 .pt-head .pt-back {
  border-color: #04669b #0576b4;
  -webkit-box-shadow: 100px 0 100px -100px #0698e5 inset, -100px 0 100px -100px #0698e5 inset;
  box-shadow: 100px 0 100px -100px #0698e5 inset, -100px 0 100px -100px #0698e5 inset;
  background: #023550;
}
.pt-modern-extra2color3 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #0698e5 inset, -50px 0 50px -50px #0698e5 inset, 0 0 2px #01141e;
  box-shadow: 50px 0 50px -50px #0698e5 inset, -50px 0 50px -50px #0698e5 inset, 0 0 2px #01141e;
  background: #023550;
}

.pt-modern-extra2color4 .pt-head .pt-back {
  border-color: #4d89a9 #5b95b4;
  -webkit-box-shadow: 100px 0 100px -100px #7eacc4 inset, -100px 0 100px -100px #7eacc4 inset;
  box-shadow: 100px 0 100px -100px #7eacc4 inset, -100px 0 100px -100px #7eacc4 inset;
  background: #355e74;
}
.pt-modern-extra2color4 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #7eacc4 inset, -50px 0 50px -50px #7eacc4 inset, 0 0 2px #254251;
  box-shadow: 50px 0 50px -50px #7eacc4 inset, -50px 0 50px -50px #7eacc4 inset, 0 0 2px #254251;
  background: #355e74;
}

.pt-modern-extra2color5 .pt-head .pt-back {
  border-color: #2cc8d2 #40ced7;
  -webkit-box-shadow: 100px 0 100px -100px #6bd9e0 inset, -100px 0 100px -100px #6bd9e0 inset;
  box-shadow: 100px 0 100px -100px #6bd9e0 inset, -100px 0 100px -100px #6bd9e0 inset;
  background: #1f8c93;
}
.pt-modern-extra2color5 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #6bd9e0 inset, -50px 0 50px -50px #6bd9e0 inset, 0 0 2px #166469;
  box-shadow: 50px 0 50px -50px #6bd9e0 inset, -50px 0 50px -50px #6bd9e0 inset, 0 0 2px #166469;
  background: #1f8c93;
}

.pt-modern-extra3color2 .pt-head .pt-back {
  border-color: #b4d965 #bede79;
  -webkit-box-shadow: 100px 0 100px -100px #d2e8a3 inset, -100px 0 100px -100px #d2e8a3 inset;
  box-shadow: 100px 0 100px -100px #d2e8a3 inset, -100px 0 100px -100px #d2e8a3 inset;
  background: #93c230;
}
.pt-modern-extra3color2 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #d2e8a3 inset, -50px 0 50px -50px #d2e8a3 inset, 0 0 2px #749926;
  box-shadow: 50px 0 50px -50px #d2e8a3 inset, -50px 0 50px -50px #d2e8a3 inset, 0 0 2px #749926;
  background: #93c230;
}

.pt-modern-extra3color3 .pt-head .pt-back {
  border-color: #a4d247 #aed75b;
  -webkit-box-shadow: 100px 0 100px -100px #c2e184 inset, -100px 0 100px -100px #c2e184 inset;
  box-shadow: 100px 0 100px -100px #c2e184 inset, -100px 0 100px -100px #c2e184 inset;
  background: #7ba428;
}
.pt-modern-extra3color3 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #c2e184 inset, -50px 0 50px -50px #c2e184 inset, 0 0 2px #5c7b1e;
  box-shadow: 50px 0 50px -50px #c2e184 inset, -50px 0 50px -50px #c2e184 inset, 0 0 2px #5c7b1e;
  background: #7ba428;
}

.pt-modern-extra3color4 .pt-head .pt-back {
  border-color: #26ac4d #2bc156;
  -webkit-box-shadow: 100px 0 100px -100px #47d772 inset, -100px 0 100px -100px #47d772 inset;
  box-shadow: 100px 0 100px -100px #47d772 inset, -100px 0 100px -100px #47d772 inset;
  background: #186d31;
}
.pt-modern-extra3color4 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #47d772 inset, -50px 0 50px -50px #47d772 inset, 0 0 2px #0f431e;
  box-shadow: 50px 0 50px -50px #47d772 inset, -50px 0 50px -50px #47d772 inset, 0 0 2px #0f431e;
  background: #186d31;
}

.pt-modern-extra4color2 .pt-head .pt-back {
  border-color: #ffcd82 #ffd79b;
  -webkit-box-shadow: 100px 0 100px -100px #ffebce inset, -100px 0 100px -100px #ffebce inset;
  box-shadow: 100px 0 100px -100px #ffebce inset, -100px 0 100px -100px #ffebce inset;
  background: #ffae35;
}
.pt-modern-extra4color2 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #ffebce inset, -50px 0 50px -50px #ffebce inset, 0 0 2px #ff9a02;
  box-shadow: 50px 0 50px -50px #ffebce inset, -50px 0 50px -50px #ffebce inset, 0 0 2px #ff9a02;
  background: #ffae35;
}

.pt-modern-extra4color3 .pt-head .pt-back {
  border-color: #ffa64d #ffb366;
  -webkit-box-shadow: 100px 0 100px -100px #fc9 inset, -100px 0 100px -100px #fc9 inset;
  box-shadow: 100px 0 100px -100px #fc9 inset, -100px 0 100px -100px #fc9 inset;
  background: #ff8000;
}
.pt-modern-extra4color3 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #fc9 inset, -50px 0 50px -50px #fc9 inset, 0 0 2px #c60;
  box-shadow: 50px 0 50px -50px #fc9 inset, -50px 0 50px -50px #fc9 inset, 0 0 2px #c60;
  background: #ff8000;
}

.pt-modern-extra5color4 .pt-head .pt-back {
  border-color: #ff2626 #ff4040;
  -webkit-box-shadow: 100px 0 100px -100px #ff7373 inset, -100px 0 100px -100px #ff7373 inset;
  box-shadow: 100px 0 100px -100px #ff7373 inset, -100px 0 100px -100px #ff7373 inset;
  background: #d90000;
}
.pt-modern-extra5color4 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #ff7373 inset, -50px 0 50px -50px #ff7373 inset, 0 0 2px #a60000;
  box-shadow: 50px 0 50px -50px #ff7373 inset, -50px 0 50px -50px #ff7373 inset, 0 0 2px #a60000;
  background: #d90000;
}

.pt-modern-extra6color2 .pt-head .pt-back {
  border-color: #d78197 #dd94a7;
  -webkit-box-shadow: 100px 0 100px -100px #e9bbc7 inset, -100px 0 100px -100px #e9bbc7 inset;
  box-shadow: 100px 0 100px -100px #e9bbc7 inset, -100px 0 100px -100px #e9bbc7 inset;
  background: #c44767;
}
.pt-modern-extra6color2 .pt-btn {
  -webkit-box-shadow: 50px 0 50px -50px #e9bbc7 inset, -50px 0 50px -50px #e9bbc7 inset, 0 0 2px #a43451;
  box-shadow: 50px 0 50px -50px #e9bbc7 inset, -50px 0 50px -50px #e9bbc7 inset, 0 0 2px #a43451;
  background: #c44767;
}