/**
 * @package     Joomla.Site
 * @subpackage  mod_pri_pricing_table
 * @version     1.0
 *
 * @copyright   Copyright (C) 2010 - 2014 Devpri. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
/* Columns */
@media (min-width: 979px) {
.pri-grid-d-1 .pri-pricing-table-item {
	width: 100%;
}
.pri-grid-d-2 .pri-pricing-table-item {
	width: 50%;
}
.pri-grid-d-3 .pri-pricing-table-item {
	width: 33.333333333333336%;
}
.pri-grid-d-4 .pri-pricing-table-item {
	width: 25%;
}
.pri-grid-d-5 .pri-pricing-table-item {
	width: 20%;
}
.pri-grid-d-6 .pri-pricing-table-item {
	width: 16.666666666666668%;
}
}
@media (min-width: 767px) and (max-width: 979px) {
 .pri-grid-t-1 .pri-pricing-table-item {
width: 100%;
}
 .pri-grid-t-2 .pri-pricing-table-item {
width: 50%;
}
 .pri-grid-t-3 .pri-pricing-table-item {
width: 33.333333333333336%;
}
 .pri-grid-t-4 .pri-pricing-table-item {
width: 25%;
}
 .pri-grid-t-5 .pri-pricing-table-item {
width: 20%;
}
 .pri-grid-t-6 .pri-pricing-table-item {
width: 16.666666666666668%;
}
}
@media (max-width: 767px) {
.pri-grid-s-1 .pri-pricing-table-item {
	width: 100%;
}
.pri-grid-s-2 .pri-pricing-table-item {
	width: 50%;
}
.pri-grid-s-3 .pri-pricing-table-item {
	width: 33.333333333333336%;
}
.pri-grid-s-4 .pri-pricing-table-item {
	width: 25%;
}
.pri-grid-s-5 .pri-pricing-table-item {
	width: 20%;
}
.pri-grid-s-6 .pri-pricing-table-item {
	width: 16.666666666666668%;
}
}
.pri-pricing-table-item {
	display:inline-block;
}
.clear {
	position: relative;
	width: 100%;
}
.pri-pricing-table-items:before, .pri-pricing-table-items:after {
	content: "";
	display: table;
}
.pri-pricing-table-items:after {
	clear: both;
}
.pri-pricing-table-item{
	float:left;
}

/* Hover Styles */
.pri-hover-style1{
/*transform*/
-webkit-transform:scale(1);
   -moz-transform:scale(1);
    -ms-transform:scale(1);
     -o-transform:scale(1);
        transform:scale(1);
/*transition*/
-webkit-transition:all 400ms;
   -moz-transition:all 400ms;
     -o-transition:all 400ms;
        transition:all 400ms;
}
.pri-hover-style1:hover{
/*transform*/
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);
}
/* Style 2 */
@-webkit-keyframes pri-hover-style2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pri-hover-style2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pri-hover-style2:hover {
 	-webkit-animation-name: pri-hover-style2;
  	animation-name: pri-hover-style2;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Style 3 */
@-webkit-keyframes pri-hover-style3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pri-hover-style3 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pri-hover-style3:hover {
 	-webkit-animation-name: pri-hover-style3;
  	animation-name: pri-hover-style3;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*Style 4*/
@-webkit-keyframes pri-hover-style4 {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes pri-hover-style4 {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.pri-hover-style4:hover {
    -webkit-animation-name: pri-hover-style4;
    animation-name: pri-hover-style4;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*Style 5*/
@-webkit-keyframes pri-hover-style5 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes pri-hover-style5 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.pri-hover-style5:hover {
    -webkit-animation-name: pri-hover-style5;
    animation-name: pri-hover-style5;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*Style 6*/
@-webkit-keyframes pri-hover-style6 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes pri-hover-style6 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.pri-hover-style6:hover {
    -webkit-animation-name: pri-hover-style6;
    animation-name: pri-hover-style6;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Style 7 */
@-webkit-keyframes pri-hover-style7 {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}

@keyframes pri-hover-style7 {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}

.pri-hover-style7:hover {
 	-webkit-animation-name: pri-hover-style7;
  	animation-name: pri-hover-style7;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Style 8 */
@-webkit-keyframes pri-hover-style8 {
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  40% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes pri-hover-style8 {
  20% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  40% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.pri-hover-style8:hover {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: pri-hover-style8;
  animation-name: pri-hover-style8;
      -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Style 9 */
@-webkit-keyframes pri-hover-style9 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-1deg);
    transform: scale(0.9) rotate(-1deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-1deg);
    transform: scale(1.1) rotate(-1deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes pri-hover-style9 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-1deg);
    -ms-transform: scale(0.9) rotate(-1deg);
    transform: scale(0.9) rotate(-1deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(1deg);
    -ms-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-1deg);
    -ms-transform: scale(1.1) rotate(-1deg);
    transform: scale(1.1) rotate(-1deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.pri-hover-style9:hover {
    -webkit-animation-name: pri-hover-style9;
  	animation-name: pri-hover-style9;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Style 10 */
@-webkit-keyframes pri-hover-style10 {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  15% {
    -webkit-transform: translateX(-25px) rotate(-5deg);
    transform: translateX(-25px) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20px) rotate(3deg);
    transform: translateX(20px) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15px) rotate(-3deg);
    transform: translateX(-15px) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10px) rotate(2deg);
    transform: translateX(10px) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5px) rotate(-1deg);
    transform: translateX(-5px) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes pri-hover-style10 {
  0% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  15% {
    -webkit-transform: translateX(-25px) rotate(-5deg);
    -ms-transform: translateX(-25px) rotate(-5deg);
    transform: translateX(-25px) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20px) rotate(3deg);
    -ms-transform: translateX(20px) rotate(3deg);
    transform: translateX(20px) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15px) rotate(-3deg);
    -ms-transform: translateX(-15px) rotate(-3deg);
    transform: translateX(-15px) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10px) rotate(2deg);
    -ms-transform: translateX(10px) rotate(2deg);
    transform: translateX(10px) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5px) rotate(-1deg);
    -ms-transform: translateX(-5px) rotate(-1deg);
    transform: translateX(-5px) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.pri-hover-style10:hover {
  -webkit-animation-name: pri-hover-style10;
  animation-name: pri-hover-style10;
      -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  
}
