.pricing-switcher{text-align:center;margin-bottom:20px;}
.pricing-switcher .fieldset{display:inline-block;position:relative;padding:2px;border-radius:50em;border:2px solid #333;}
.pricing-switcher input[type="radio"]{position:absolute;opacity:0;}
.pricing-switcher label{position:relative;z-index:1;display:inline-block;float:left;width:90px;height:40px;line-height:45px;cursor:pointer;font-size:1.4rem;color:#FFFFFF;}
.pricing-switcher .switch{position:absolute;top:4px;left:4px;height:40px;width:90px;background-color:#48e0a4;border-radius:50em;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;transition:transform 0.5s;color:#111;}
.pricing-switcher input[type="radio"]:checked + label + .switch,
.pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch{-webkit-transform:translateX(86px);-moz-transform:translateX(86px);-ms-transform:translateX(86px);-o-transform:translateX(86px);transform:translateX(86px);}
.no-js .pricing-switcher{display:none;}
.pricing-list > li{position:relative;margin-bottom:1em;}
@media only screen and (min-width:768px){.pricing-list{margin:3em 0 0;}
.pricing-list:after{content:"";display:table;clear:both;}
.pricing-list > li{width:33.3333333333%;float:left;background-color:#161616;}
.with-margins .pricing-list > li{width:32.3333333333%;float:left;margin-right:1.5%;}
.with-margins .pricing-list > li:last-of-type{margin-right:0;}
}
ul.pricing-wrapper, ul.pricing-features, ul.pricing-list{list-style:none;padding:0;padding:0;}
.pricing-wrapper{position:relative;}
.touch .pricing-wrapper{-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px;}
.pricing-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;}
.pricing-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;}
.pricing-wrapper.is-switched .is-selected{opacity:1;}
.pricing-wrapper.is-switched.reverse-animation .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-back 0.5s;-moz-animation:cd-rotate-back 0.5s;animation:cd-rotate-back 0.5s;}
.pricing-wrapper.is-switched.reverse-animation .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-back 0.5s;-moz-animation:cd-rotate-inverse-back 0.5s;animation:cd-rotate-inverse-back 0.5s;opacity:0;}
.pricing-wrapper.is-switched.reverse-animation .is-selected{opacity:1;}
.pricing-wrapper > li{background-color:#161616;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:1px solid transparent;}
.pricing-wrapper > li::after{content:'';position:absolute;top:0;right:0;height:100%;width:50px;pointer-events:none;}
.pricing-wrapper > li.is-ended::after{display:none;}
.pricing-wrapper .is-visible{position:relative;z-index:5;}
.pricing-wrapper .is-hidden{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);}
.pricing-wrapper .is-selected{z-index:3 !important;}
@media only screen and (min-width:768px){.pricing-wrapper > li::before{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;}
.pricing-wrapper > li::after{display:none;}
.popular .pricing-wrapper > li{box-shadow:inset 0 0 0 3px #f53e7d;}
.with-margins .pricing-wrapper > li, .with-margins .popular .pricing-wrapper > li{box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);}
:nth-of-type(1) > .pricing-wrapper > li::before{display:none;}
.with-margins .pricing-wrapper > li{border-radius:4px 4px 6px 6px;}
.with-margins .pricing-wrapper > li::before{display:none;}
}
.no-js .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){.popular .pricing-wrapper > li::before{display:none;}
.popular + li .pricing-wrapper > li::before{display:none;}
.popular .pricing-header h2{color:#f53e7d;}
}
.pricing-header{position:relative;z-index:1;height:80px;padding:1em;pointer-events:none;background-color:#A3D4FF;color:#FFFFFF;}
.pricing-header h2{margin-bottom:3px;font-weight:700;text-transform:uppercase;color:#fff;font-size:16px;margin:0;}
.popular .pricing-header{background-color:#f53e7d;}
@media only screen and (min-width:768px){.pricing-header{height:auto;padding:1.9em 0.9em 1.6em;pointer-events:auto;text-align:center;color:#ccc;background-color:transparent;}
.popular .pricing-header{color:#f53e7d;background-color:transparent;}
.pricing-header h2{font-size:1.8rem;letter-spacing:2px;}
}
.currency, .value{font-size:3rem;font-weight:300;}
.duration{font-weight:700;font-size:1.3rem;color:#fff;text-transform:uppercase;}
.popular .duration{color:#fff;}
.duration::before{content:'/';margin-right:2px;}
@media only screen and (min-width:768px){.value{font-size:7rem;font-weight:300;}
.currency, .duration{color:#ccc;}
.popular .currency, .popular .duration{color:#f53e7d;}
.currency{display:inline-block;margin-top:10px;vertical-align:top;font-size:2rem;font-weight:700;}
.duration{font-size:1.4rem;}
}
.pricing-body{overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:#161616;}
.is-switched .pricing-body{overflow:hidden;}
@media only screen and (min-width:768px){.pricing-body{overflow-x:visible;}
}
.pricing-features{width:600px;}
.pricing-features:after{content:"";display:table;clear:both;}
.pricing-features li{width:100px;float:left;padding:1.6em 1em;font-size:1.4rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pricing-features em{display:block;margin-bottom:5px;font-weight:700;font-style:normal;}
@media only screen and (min-width:768px){.pricing-features{width:auto;}
.pricing-features li{float:none;width:auto;padding:1em;}
.popular .pricing-features li{margin:0 3px;}
.pricing-features li:nth-of-type(2n+1){background-color:rgba(255, 255, 255, 0.06);color:#ccc;}
.pricing-features em{display:inline-block;margin-bottom:0;}
.with-margins .popular .pricing-features li{margin:0;}
}
.pricing-footer{position:absolute;z-index:1;top:0;left:0;height:80px;width:100%;}
.pricing-footer::after{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/icon-small-arrow.svg);}
@media only screen and (min-width:768px){.pricing-footer{position:relative;height:auto;padding:1.8em 0;text-align:center;}
.pricing-footer::after{display:none;}
.with-margins .pricing-footer{padding-bottom:0;}
}
.btn_price{position:relative;z-index:1;display:block;height:100%;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;}
@media only screen and (min-width:768px){.btn_price{position:static;display:inline-block;height:auto;padding:1.3em 3em;color:#FFFFFF;border-radius:2px;background-color:#161616;border-top:1px solid #444;font-size:1.4rem;text-indent:0;text-transform:uppercase;letter-spacing:2px;}
.no-touch .btn_price:hover{background-color:#48e0a4;color:#111;}
.popular .btn_price{background-color:#f53e7d;}
.no-touch .popular .btn_price:hover{background-color:#48e0a4;color:#111;}
.with-margins .btn_price{display:block;padding:1.7em 0;border-radius:0 0 4px 4px;}
}
@-webkit-keyframes cd-rotate{0%{-webkit-transform:perspective(2000px) rotateY(0);}
70%{-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%{-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%{-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%{-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%{-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%{-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%{-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%{-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%{-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%{-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%{-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%{-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);}
}