@charset "UTF-8";

/**
*
* -------------------------------------------
*
* Template : Great - A Bootstrap Pricing Tables
* Author : GenerousArtist
* Author Email : generousartist2016@gmail.com
*
* ------------------------------------------- 
*
*/

/*Common Styles*/
.bg1 {background: url('../img/bg1.jpg') no-repeat;background-size: cover;}
.bg2 {background: url('../img/bg2.jpg') no-repeat;background-size: cover;}
.bg3 {background: url('../img/bg3.jpg') no-repeat;background-size: cover;}

/* Plan Animation */
.pricing-animation-yes .pricing-plan {-webkit-transition: .3s ease transform, .3s ease -webkit-transform;transition: .3s ease transform, .3s ease -webkit-transform;-webkit-transform: translateY(0px);transform: translateY(0px);}
.pricing-animation-yes .pricing-plan:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);}


/*======================
>>		Style1		>>
========================*/
.pricing-style1 .pricing-plan {background: #fcd129;border-radius: 20px;margin-bottom: 35px;-webkit-transition: .3s ease all;transition: .3s ease all;}
.pricing-style1 .pricing-head {position: relative;text-align:center;z-index: 11;background-color:#e6e5e3;border-radius: 18px 18px 0 0;}
.pricing-style1 .pricing-head img.shape {position: absolute;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;top: 94%;}
.pricing-style1 .pricing-head img.shape_hover {display: none;}
.pricing-style1 .pricing-plan:hover .pricing-head img.shape {display: none;}
.pricing-style1 .pricing-plan:hover .pricing-head img.shape_hover {position: absolute;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;top: 94%;display: block;}
.pricing-style1 .pricing-head .name {font-size: 34px;text-transform: uppercase;color: #363636;line-height: normal;margin-bottom: 10px;font-weight: 700;padding-top: 40px;}
.pricing-style1 .pricing-head .short-desc {font-size: 12pt;line-height: 16pt;position: relative;padding-bottom: 15px;margin-bottom: 10px;}
.pricing-style1 .short-desc:after {content: '';position: absolute;height: 1px;width: 70%;background-color: #fff;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.pricing-style1 .pricing-head .price {color: #363636;}
.pricing-style1 .pricing-head span.value {display: block;font-size: 52px;line-height: normal;-webkit-transition: all .25s ease;transition: all .25s ease;}
.pricing-style1 .pricing-head span.duration {margin-top: 0;display: block;font-size: 14px;}
.pricing-style1 .pricing-body {padding: 40% 40px 0 40px;}
.pricing-style1 .pricing-body ul {padding-left: 0;list-style: none;font-size: 14px;color: #363636;}
.pricing-style1 .pricing-body ul li:nth-child(n+2) {padding-top: 8px;margin-top: 8px;border-top: 1px solid rgba(255,255,255,0.5);}
.pricing-style1 .pricing-body ul li i {float: right;margin-top: 6px;}
.pricing-style1 .pricing-body ul li .fa-close {background-color: #363636;border-radius: 50%;color: #fcd129;font-size: 9px;height: 15px;width: 15px;line-height: 15px;text-align: center;padding-left: 1px;}
.pricing-style1 .pricing-footer {padding: 20px 40px 40px;text-align: center;}
.pricing-style1 .pricing-footer .p-button {display: inline-block;padding: 10px 16px;font-size: 14px;min-width: 120px;text-transform: uppercase;background: #363636;color: #fff;text-decoration: none;-webkit-transition: .3s all ease;transition: .3s all ease;border-radius: 40px;}
.pricing-style1 .pricing-footer .p-button:hover {background: #fff;color: #363636;}
.pricing-style1.sec-color .pricing-plan:hover {background: #f7f7f7;}
.pricing-style1 .pricing-plan.featured, 
.pricing-style1 .pricing-plan:hover .pricing-head span.value, 
.pricing-style1 .pricing-plan.featured .pricing-head span.value {color: #fcd129;}

/*======================
>>		Style2		>>
========================*/
.pricing-style2 {margin-top: 65px;}
[class*="bg"] .pricing-style2 .pricing-plan {border-color:rgba(230, 229, 227, 0.46);background: rgba(255, 255, 255, 0.54);}
.pricing-style2 .pricing-plan {background: #fff;border: 3px solid #e6e5e3;border-radius: 20px;margin-bottom: 35px;-webkit-transition: .3s ease all;transition: .3s ease all;}
.pricing-style2 .pricing-head {position: relative;margin: -3px -3px 0 -3px;text-align:center;z-index: 11;background-color:#fcd129;border-radius: 18px 18px 0 0;}
.pricing-style2 .pricing-head .icon {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 130px;width: 130px;background: #363636;line-height: 131px;text-align: center;font-size: 52px;border-radius: 50%;top: -130px;margin-top: 65px;color: #fff;}
.pricing-style2 .pricing-plan:hover .pricing-head .icon i {-webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
.pricing-style2 .pricing-head img.shape {position: absolute;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;top: 95%;}
.pricing-style2 .pricing-head .name {font-size: 34px;text-transform: uppercase;color: #363636;line-height: normal;margin-bottom: 10px;font-weight: 700;padding-top: 90px;}
.pricing-style2 .pricing-head .short-desc {font-size: 11pt;line-height: 16pt;position: relative;margin-bottom: 15px;color: #363636;}
.pricing-style2 .pricing-head .price {color: #363636;}
.pricing-style2 .pricing-head span.value {display: block;font-size: 52px;line-height: normal;-webkit-transition: all .25s ease;transition: all .25s ease;}
.pricing-style2 .pricing-head span.duration {margin-top: 0;display: block;font-size: 14px;}
.pricing-style2 .pricing-body {padding: 40% 40px 0 40px;}
.pricing-style2 .pricing-body ul {padding-left: 0;list-style: none;font-size: 14px;color: #363636;}
.pricing-style2 .pricing-body ul li:nth-child(n+2) {padding-top: 8px;margin-top: 8px;border-top: 1px solid rgba(0,0,0,0.05);}
.pricing-style2 .pricing-body ul li i {float: right;margin-top: 6px;}
[class*="bg"] .pricing-style2 .pricing-body ul li:nth-child(n+2) {border-color: rgba(255,255,255,0.35);}
.pricing-style2 .pricing-body ul li .fa-close {background-color: #363636;border-radius: 50%;color: #d8d8d8;font-size: 9px;height: 15px;width: 15px;line-height: 15px;text-align: center;padding-left: 1px;}
.pricing-style2 .pricing-footer {padding: 20px 40px 40px;text-align: center;}
.pricing-style2 .pricing-footer .p-button {display: inline-block;padding: 10px 16px;font-size: 14px;min-width: 120px;text-transform: uppercase;background: #363636;color: #fff;text-decoration: none;-webkit-transition: .3s all ease;transition: .3s all ease;border-radius: 40px;}
.pricing-style2 .pricing-footer .p-button:hover {background: #fcd129;color: #363636;}

/*======================
>>		Style3		>>
========================*/
.pricing-style3 .pricing-plan {background: #fff;border: 3px solid #e6e5e3;border-radius: 20px;margin-bottom: 35px;-webkit-transition: .3s ease all;transition: .3s ease all;}
.pricing-style3 .pricing-head {position: relative;margin: -3px -3px 0 -3px;text-align:center;z-index: 11;background-color:#fcd129;border-radius: 18px 18px 0 0;}
.pricing-style3 .pricing-head .icon {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 130px;width: 130px;background: #363636;line-height: 131px;text-align: center;font-size: 52px;border-radius: 50%;top: 100%;color: #fff;}
.pricing-style3 .pricing-plan:hover .pricing-head .icon i {-webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}
.pricing-style3 .pricing-head img.shape {position: absolute;width: 100%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;top: 95%;}
.pricing-style3 .pricing-head .name {font-size: 34px;text-transform: uppercase;color: #363636;line-height: normal;margin-bottom: 10px;font-weight: 700;padding-top: 35px;}
.pricing-style3 .pricing-head .short-desc {font-size: 11pt;line-height: 16pt;position: relative;padding-bottom: 15px;margin-bottom: 10px;color: #363636;}
.pricing-style3 .short-desc:after {content: '';position: absolute;height: 1px;width: 70%;background-color: rgba(255, 255, 255, 0.5);bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.pricing-style3 .pricing-head .price {color: #363636;padding-bottom: 25px;}
.pricing-style3 .pricing-head span.value {display: block;font-size: 52px;line-height: normal;-webkit-transition: all .25s ease;transition: all .25s ease;}
.pricing-style3 .pricing-head span.duration {margin-top: 0;display: block;font-size: 14px;}
.pricing-style3 .pricing-body {padding: 42% 40px 0 40px;}
.pricing-style3 .pricing-body ul {padding-left: 0;list-style: none;font-size: 14px;color: #363636;}
.pricing-style3 .pricing-body ul li:nth-child(n+2) {padding-top: 8px;margin-top: 8px;border-top: 1px solid rgba(0,0,0,0.05);}
.pricing-style3 .pricing-body ul li i {float: right;margin-top: 6px;}
.pricing-style3 .pricing-body ul li .fa-close {background-color: #363636;border-radius: 50%;color: #fff;font-size: 9px;height: 15px;width: 15px;line-height: 15px;text-align: center;padding-left: 1px;}
.pricing-style3 .pricing-footer {text-align: center;margin-bottom: -20px;margin-top: 30px;}
.pricing-style3 .pricing-footer .p-button {display: inline-block;padding: 10px 16px;font-size: 14px;min-width: 120px;text-transform: uppercase;background: #363636;color: #fff;text-decoration: none;-webkit-transition: .3s all ease;transition: .3s all ease;border-radius: 40px;}
.pricing-style3 .pricing-footer .p-button:hover {background: #fcd129;color: #363636;}

/*Animation Effect*/
[class*="pricing-style"] > div {opacity:0;-webkit-animation:fadeIn 0.82s cubic-bezier(.36, .07, .19, .97) both;animation:fadeIn 0.82s cubic-bezier(.36, .07, .19, .97) both;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;}
[class*="pricing-style"] > div:nth-child(1) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
[class*="pricing-style"] > div:nth-child(2) {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
[class*="pricing-style"] > div:nth-child(3) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
[class*="pricing-style"] > div:nth-child(4) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
[class*="pricing-style"] > div:nth-child(5) {-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}
[class*="pricing-style"] > div:nth-child(6) {-webkit-animation-delay: 2.1s;animation-delay: 2.1s;}

@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@-webkit-keyframes shake {
	10%,
	90% {-webkit-transform: translate3d(-1px, 0, 0);transform: translate3d(-1px, 0, 0);}

	20%,
	80% {-webkit-transform: translate3d(2px, 0, 0);transform: translate3d(2px, 0, 0);}

	30%,
	50%,
	70% {-webkit-transform: translate3d(-4px, 0, 0);transform: translate3d(-4px, 0, 0);}

	40%,
	60% {-webkit-transform: translate3d(4px, 0, 0);transform: translate3d(4px, 0, 0);}
}

@keyframes shake {

	10%,
	90% {-webkit-transform: translate3d(-1px, 0, 0);transform: translate3d(-1px, 0, 0);}

	20%,
	80% {-webkit-transform: translate3d(2px, 0, 0);transform: translate3d(2px, 0, 0);}

	30%,
	50%,
	70% {-webkit-transform: translate3d(-4px, 0, 0);transform: translate3d(-4px, 0, 0);}

	40%,
	60% {-webkit-transform: translate3d(4px, 0, 0);transform: translate3d(4px, 0, 0);}

}

/*Resonsive Medium*/
@media (min-width: 960px) and (max-width: 767px)  {
	.pricing-style2 > div:nth-child(n+3) > div {margin-top: 100px;}
}
@media screen and (max-width: 767px)  {
	.pricing-style2 > div:nth-child(n+2) > div {margin-top: 100px;}
}