/* @group Base Flipster Styles */
.flipster {
  display: block;
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow-y: visible;
}
.flip-items,
.flip-item {
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
.flip-items {
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-item {
  position: absolute;
  opacity: 0.99;
  /* Fix for strange clipping behavior on rotated elements in Chrome. */

}
.flip-past,
.flip-future,
.flip-next,
.flip-prev {
  cursor: pointer;
}
.flip-item img {
  display: block;
  width: 100%;
}
/* @end */
/* @group Coverflow Style */
.flipster-coverflow .flip-items {
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  position: relative;
  padding-top: 2%;
  padding-bottom: 5%;
}
.flipster-coverflow .flip-item {
  display: block;
  -webkit-transition: all 175ms ease-in-out;
  -moz-transition: all 175ms ease-in-out;
  -o-transition: all 175ms ease-in-out;
  -ms-transition: all 175ms ease-in-out;
  transition: all 175ms ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  position: absolute;
  width: 30%;
}
.flipster-coverflow .flip-content {
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}
.flipster-coverflow .flip-past .flip-content {
  -webkit-transform: rotateY(55deg) scale(0.75);
  -moz-transform: rotateY(55deg) scale(0.75);
  -o-transform: rotateY(55deg) scale(0.75);
  -ms-transform: rotateY(55deg) scale(0.75);
  transform: rotateY(55deg) scale(0.75);
}
.flipster-coverflow .flip-future .flip-content {
  -webkit-transform: rotateY(-55deg) scale(0.75);
  -moz-transform: rotateY(-55deg) scale(0.75);
  -o-transform: rotateY(-55deg) scale(0.75);
  -ms-transform: rotateY(-55deg) scale(0.75);
  transform: rotateY(-55deg) scale(0.75);
}
.flipster-coverflow .flip-current .flip-content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flipster-coverflow .flip-hidden {
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
/* @end */
/* @group Flip Items */
.flipster-carousel .flip-items {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  perspective: 2000px;
}
.flipster-carousel .flip-item {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -o-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
}
.no-csstransforms .flipster-carousel .flip-item {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.flipster-carousel .flip-items img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.flipster-carousel .flip-past {
  -webkit-transform: translateX(-100%) translateZ(0) rotateY(54deg) scale(0.65);
  -moz-transform: translateX(-100%) translateZ(0) rotateY(54deg) scale(0.65);
  -o-transform: translateX(-100%) translateZ(0) rotateY(54deg) scale(0.65);
  -ms-transform: translateX(-100%) translateZ(0) rotateY(54deg) scale(0.65);
  transform: translateX(-65%) translateZ(0) rotateY(54deg) scale(0.65);
}
.no-csstransforms3d .flipster-carousel .flip-past {
  -webkit-transform: translateX(-56%) scale(0.5);
  -moz-transform: translateX(-56%) scale(0.5);
  -o-transform: translateX(-56%) scale(0.5);
  -ms-transform: translateX(-56%) scale(0.5);
  transform: translateX(-56%) scale(0.5);
}
.no-csstransforms .flipster-carousel .flip-past {
  left: -20%;
  top: 40%;
  width: 50%;
  height: 50%;
}
.flipster-carousel .flip-future {
  -webkit-transform: translateX(65%) translateZ(0) rotateY(-54deg) scale(0.65);
  -moz-transform: translateX(100%) translateZ(0) rotateY(-54deg) scale(0.65);
  -o-transform: translateX(100%) translateZ(0) rotateY(-54deg) scale(0.65);
  -ms-transform: translateX(100%) translateZ(0) rotateY(-54deg) scale(0.65);
  transform: translateX(65%) translateZ(0) rotateY(-54deg) scale(0.65);
}
.no-csstransforms3d .flipster-carousel .flip-future {
  -webkit-transform: translateX(56%) scale(0.5);
  -moz-transform: translateX(56%) scale(0.5);
  -o-transform: translateX(56%) scale(0.5);
  -ms-transform: translateX(56%) scale(0.5);
  transform: translateX(56%) scale(0.5);
}
.no-csstransforms .flipster-carousel .flip-future {
  left: 88%;
  top: 40%;
  width: 50%;
  height: 50%;
}
.flipster-carousel .flip-prev {
-webkit-transform: translateX(-75%) translateZ(0) rotateY(54deg) scale(0.8);
    -moz-transform: translateX(-75%) translateZ(0) rotateY(54deg) scale(0.8);
    -o-transform: translateX(-75%) translateZ(0) rotateY(54deg) scale(0.8);
    -ms-transform: translateX(-75%) translateZ(0) rotateY(54deg) scale(0.8);
    transform: translateX(-45%) translateZ(0) rotateY(54deg) scale(0.8);
}
.no-csstransforms3d .flipster-carousel .flip-prev {
  -webkit-transform: translateX(-24%) scale(0.75);
  -moz-transform: translateX(-24%) scale(0.75);
  -o-transform: translateX(-24%) scale(0.75);
  -ms-transform: translateX(-24%) scale(0.75);
  transform: translateX(-24%) scale(0.75);
}
.no-csstransforms .flipster-carousel .flip-prev {
  left: -9%;
  top: 20%;
  width: 75%;
  height: 75%;
}
.flipster-carousel .flip-next {
  -webkit-transform: translateX(75%) translateZ(0) rotateY(-54deg) scale(0.8);
  -moz-transform: translateX(75%) translateZ(0) rotateY(-54deg) scale(0.8);
  -o-transform: translateX(75%) translateZ(0) rotateY(-54deg) scale(0.8);
  -ms-transform: translateX(75%) translateZ(0) rotateY(-54deg) scale(0.8);
  transform: translateX(45%) translateZ(0) rotateY(-54deg) scale(0.8);
}
.no-csstransforms3d .flipster-carousel .flip-next {
  -webkit-transform: translateX(24%) scale(0.75);
  -moz-transform: translateX(24%) scale(0.75);
  -o-transform: translateX(24%) scale(0.75);
  -ms-transform: translateX(24%) scale(0.75);
  transform: translateX(24%) scale(0.75);
}
.no-csstransforms .flipster-carousel .flip-next {
  left: 39%;
  top: 20%;
  width: 75%;
  height: 75%;
}
.flipster-carousel .flip-past,
.flipster-carousel .flip-future {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  z-index: 1;
  -webkit-transition-delay: 87.5ms;
  -moz-transition-delay: 87.5ms;
  -o-transition-delay: 87.5ms;
  transition-delay: 87.5ms;
}
.flipster-carousel .flip-prev,
.flipster-carousel .flip-next {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index: 2;
  -webkit-transition-delay: 58.333333333333336ms;
  -moz-transition-delay: 58.333333333333336ms;
  -o-transition-delay: 58.333333333333336ms;
  transition-delay: 58.333333333333336ms;
}
.flipster-carousel .flip-current {
	width: 400px;
  z-index: 999;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: 58.333333333333336ms;
  -moz-transition-delay: 58.333333333333336ms;
  -o-transition-delay: 58.333333333333336ms;
  transition-delay: 58.333333333333336ms;
}
.flipster-carousel .flip-hidden {
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: rotateY(0deg) translateX(0) scale(0.5);
  -moz-transform: rotateY(0deg) translateX(0) scale(0.5);
  -o-transform: rotateY(0deg) translateX(0) scale(0.5);
  -ms-transform: rotateY(0deg) translateX(0) scale(0.5);
  transform: rotateY(0deg) translateX(0) scale(0.5);
  -webkit-transition-delay: 116.66666666666667ms;
  -moz-transition-delay: 116.66666666666667ms;
  -o-transition-delay: 116.66666666666667ms;
  transition-delay: 116.66666666666667ms;
}
/* @end */
.no-transition {
  -webkit-transition-duration: 0ms !important;
  -moz-transition-duration: 0ms !important;
  -o-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}
/* @end */




/*-- pricing --*/

.content {margin: 100px;}
.pricing {
    margin: 0 auto;
    box-shadow: 0 0px 7px #757575;
    border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
}
.pricing-top{
    padding: 1.2em 0;
	background:#fd5c63;
	text-align:center;
	 border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	-ms-border-top-left-radius: 20px;
	-o-border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-top-right-radius: 20px;
	-ms-border-top-right-radius: 20px;
	-o-border-top-right-radius: 20px;
}


.brown-top{
	background: -webkit-gradient(linear, left top, right bottom, from(#bcaf9c), to(#b5915d));
    background: linear-gradient(to bottom right, #bcaf9c, #b5915d);
}
.yellow-top{
	background: -webkit-gradient(linear, left top, right bottom, from(#e78936), to(#c1b13d));
    background: linear-gradient(to bottom right, #e78936, #c1b13d);
}

.yellow-top h3{ }

.bluej-top{
	background: -webkit-gradient(linear, left top, right bottom, from(#3a84ba), to(#59cdf9));
    background: linear-gradient(to bottom right, #3a84ba, #59cdf9);
}
.blue-top{
	background: -webkit-gradient(linear, left top, right bottom, from(#3abab5), to(#3dc196));
    background: linear-gradient(to bottom right, #3abab5, #3dc196);
}
.green-top{
	background: -webkit-gradient(linear, left top, right bottom, from(#3abab5), to(#3daac1));
    background: linear-gradient(to bottom right, #3abab5, #3daac1);
}

.pricing-top h3{
	color:#FFF;
	font-size:2em;
	margin:0;
/*-- agileits --*/
}
.pricing-top p{
	color:#FFF;
	font-size:20px;
	    margin-top: 0px;
}
.pricing-bottom{
    background: #FFF;

    padding: 1.5em;
    border-bottom-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-bottom-left-radius: 20px;
	-ms-border-bottom-left-radius: 20px;
	-o-border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	-ms-border-bottom-right-radius: 20px;
	-o-border-bottom-right-radius: 20px;
}

.pricing-bottom p b{
color: #000000;
    font-size: 16px;
    font-weight: 700;
 }

.pricing-bottom-top {
    padding-bottom: 1em;
}
.pricing-bottom-top p{
    color: #333;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}
.pricing-bottom-bottom{
	padding: 1em 0;
    border-top: solid 1px #EFECEC;
    border-bottom: solid 1px #EFECEC;
}
.pricing-bottom-bottom p{
	color: #666666;
    font-size: .875em;
    margin: 0 0 1em 0;
}
.pricing-bottom-bottom p span{
	font-weight:600;
	color:#333;
}
p.text {
    margin-bottom: 0;
}
.buy-button {
/*-- w3layouts --*/
margin-bottom: 10px;
font-size: 14px;
}

.buy-button a{
    background: #c5c4c4;
    padding: .5em 1em;

    color: #fff;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.buy-button a:hover{
    background: #e5e5e5;
	color:#333;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}

.buy-button-botf {
/*-- w3layouts --*/
margin-bottom: 10px;
font-size: 14px;
}
.buy-button-botf a{
    background: #b5b5b5;
    padding: .5em 1em;

    color: #fff;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.buy-button-botf a:hover{
    background: #e5e5e5;
	color:#333;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}

/*-- //pricing --*/
.copyright{
	text-align: center;
	margin: 2em 0 0 0;
}
.copyright p{
    color: #FFFFFF;
    font-size: 1em;
    margin: 0;
}
.copyright p a{
    color: #FFFFFF;
    text-decoration: none;
}
.copyright p a:hover{
    color: #FD5C63;
}
/*-- responsive --*/
@media (max-width: 568px){
	.flipster-carousel .flip-future {
		-webkit-transform: translateX(95%) translateZ(0) rotateY(-54deg) scale(0.65);
		-moz-transform: translateX(95%) translateZ(0) rotateY(-54deg) scale(0.65);
		-o-transform: translateX(95%) translateZ(0) rotateY(-54deg) scale(0.65);
		-ms-transform: translateX(95%) translateZ(0) rotateY(-54deg) scale(0.65);
		transform: translateX(95%) translateZ(0) rotateY(-54deg) scale(0.65);
	}
	.flipster-carousel .flip-past {
		-webkit-transform: translateX(-95%) translateZ(0) rotateY(54deg) scale(0.65);
		-moz-transform: translateX(-95%) translateZ(0) rotateY(54deg) scale(0.65);
		-o-transform: translateX(-95%) translateZ(0) rotateY(54deg) scale(0.65);
		-ms-transform: translateX(-95%) translateZ(0) rotateY(54deg) scale(0.65);
		transform: translateX(-95%) translateZ(0) rotateY(54deg) scale(0.65);
	}
}
@media (max-width: 480px){
	.content h1 {
		font-size: 2em;
	}
	.flipster-carousel .flip-future {
		-webkit-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.65);
		-moz-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.65);
		/*-- agileits --*/
		-o-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.65);
		-ms-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.65);
		transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.65);
	}
	.flipster-carousel .flip-next {
		-webkit-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.8);
		-moz-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.8);
		-o-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.8);
		-ms-transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.8);
		transform: translateX(20%) translateZ(0) rotateY(-54deg) scale(0.8);
	}
	.flipster-carousel .flip-prev {
		-webkit-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.8);
		-moz-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.8);
		-o-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.8);
		-ms-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.8);
		transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.8);
	}
	.flipster-carousel .flip-past {
		-webkit-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.65);
		-moz-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.65);
		-o-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.65);
		-ms-transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.65);
		transform: translateX(-20%) translateZ(0) rotateY(54deg) scale(0.65);
	}
}
@media (max-width: 320px){
	.content h1 {
	font-size: 1.6em;
	}
	.content {
		padding: 2em 0;
	}
	.pricing-top h3 {
		font-size: 1.5em;
	}
	.pricing-bottom {
		padding: 1em 2em;
	}
	.pricing-bottom-top {
		padding-bottom: 1em;
	}
	.pricing-bottom-bottom {
		padding: 1em 0;
	}
	p.text {
		margin-bottom: 0;
	}
}
/*-- //responsive --*/