/*-------------------------------------
elitepack CSS3 pricing tables
designed by http://www.arrowthemes.com
--------------------------------------- */

/*light pricing columns animated*/
.pricing{float: left;  margin: 15px;  width: 98%;  background: none !important} /*98%*/
.pricing.two .price-col{width: 45.5%;}
.pricing.three .price-col{width: 28.3%;} /*28.3*/
.pricing.four .price-col{width: 20.3%;}
.pricing.five .price-col{width: 15.3%;}
.pricing.six .price-col{width: 12.1%;}
.price-col{-moz-box-shadow:1px 1px 5px #DCDCDC inset;-ms-box-shadow:1px 1px 5px #DCDCDC inset;-o-box-shadow:1px 1px 5px #DCDCDC inset;-webkit-box-shadow:1px 1px 5px #DCDCDC inset;background:#FFF;border-bottom:1px solid #CECECE;border-right:1px solid #CECECE;border-top:1px solid #CECECE;box-shadow:1px 1px 5px #DCDCDC inset;cursor:pointer;display:inline-block;float:left;height:100%;overflow:hidden;padding-right:20px;position:relative; margin: 0 7px;}

.details{
width: 92%;
opacity: .1;
position:absolute;
top:0;
left:0;
margin-top:450px;
}

.price-col:hover .details{
margin-top:70px;
opacity: .9
}

.price-col{	
-webkit-perspective: 1000;
-moz-perspective: 1000;
}

/*.price-col:hover img{

-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
transform: rotate(-20deg);
}*/

.price-col:hover, .price-col.focus{
  -webkit-box-shadow: 1px 1px 30px #c0c0c0 inset, 1px 1px 15px #808080;
  -o-box-shadow: 1px 1px 30px #c0c0c0 inset, 1px 1px 15px #808080;
  -ms-box-shadow: 1px 1px 30px #c0c0c0 inset, 1px 1px 15px #808080;
  -moz-box-shadow: 1px 1px 30px #c0c0c0 inset, 1px 1px 15px #808080;
  box-shadow: 1px 1px 30px #c0c0c0 inset, 1px 1px 15px #808080;
}

.price-col {
  border: 1px solid #CECECE;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.price-col{
background-color:#F8F8F8;
-webkit-box-shadow: 1px 1px 60px #D0D0D0 inset, 1px 1px 1px #FFFFFF;
-o-box-shadow: 1px 1px 60px #D0D0D0 inset, 1px 1px 1px #FFFFFF;
-ms-box-shadow: 1px 1px 60px #D0D0D0 inset, 1px 1px 1px #FFFFFF;
-moz-box-shadow: 1px 1px 60px #D0D0D0 inset, 1px 1px 1px #FFFFFF;
box-shadow: 1px 1px 60px #D0D0D0 inset, 1px 1px 1px #FFFFFF;
}

/*price elements css*/
sup, sub {font-size: 50%}
.price-col .price-tag{margin:0;  display: inline-block;  width: 100%;  border-top: 1px solid #FFFFFF; border-bottom: 1px solid #EBEBEB; text-shadow: none !important}
.th{  float:left;  padding:15px 10px;  width:100%;  height:40px;  color:#808080;  border-color:#e5e5e5; overflow:hidden;  text-align:center;  text-shadow: none;}
.th{  -moz-border-radius: 4px 4px 0 0;  -webkit-border-radius: 4px 4px 0 0;  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;  border-radius: 4px 4px 0 0;}
.call-action, .details .call-action{  -moz-border-radius: 0 0 4px 4px;  -webkit-border-radius: 0 0 4px 4px;  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;  border-radius: 0 0 4px 4px;}
.th .title{ display: block;top: 0;min-height: 34px; font-size: 200%; padding: 5px; font-weight: normal}
.th .title strong{font-weight: normal}
ul.feature {margin: 0; float: left; padding: 0; width: 100%; color: #3D3D3D !important;}
.details ul.feature{background: #F0f0f0; width: 110%}
.details ul.feature li{width: 98%; padding: 7px 10px 7px 0; font-weight:lighter !important;}
ul.feature li{text-align: center; padding: 7px 10px; width: 100%; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #EBEBEB; text-shadow: 0 1px 0 #FFFFFF;}
ul.feature li.odd{background-color: #FEFEFE; border-bottom: 1px solid #EBEBEB; }
ul.feature li.price-tag{font-size: 300%; background-color: #FFFFFF}
.th .bottom{ display: block; width: 120%; margin-left: -10px; bottom: 0;height: 9px;padding-bottom: 2px; text-align: center;border-top: 1px solid #596A72; color: #FFFFFF; text-shadow: 0 1px 0 #7D929B; -moz-box-shadow: 0 -2px 5px #FFFFFF; -webkit-box-shadow: 0 -2px 5px #FFFFFF; -ms-box-shadow: 0 -2px 5px #FFFFFF;
-o-box-shadow: 0 -2px 5px #FFFFFF; box-shadow: 0 -2px 5px #FFFFFF;}
.price-tag{  display:block;  font-size:300%;  text-align:center;  padding:10px 10px;}
.call-action{  display:block;  padding:20px 10px 25px;  text-align:center;  float:left;  width: 100%}
.details .call-action{background: #F0f0f0; width: 104%; height: 100px}
.price-col .post ol{ margin: 1em -8px 1em 13px !important;	padding-left: 11px !important;}
.tr-item{  padding:4px 0}

/*-------------------------------
CSS3 buttons 
/*-----------------------------*/
a:active,a:focus{outline:0}
.button, .csbutton{
  font-size:13px;
  cursor:pointer;
  text-decoration:none;
  padding:5px 10px;
  border-width:1px;
  border-style:solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -o-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -webkit-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -moz-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -ms-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  -khtml-box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
  box-shadow:inset 0 1px 2px rgba(255,255,255, 0.5),0 0 3px #BABABA;
}

/* css styling for buttons*/
input.csbutton{min-height:28px}
a.csbutton, a.csbutton:hover{text-decoration:none;  cursor:pointer; }
.bold{font-weight: bold}
.small{font-size: 11px !important; padding: 2px 8px;}
.large{font-size: 20px!important; padding: 8px 11px !important;}
.round{
  padding: 7px 22px !important;
  -moz-border-radius: 25px !important;
  -webkit-border-radius: 25px !important;
  -o-border-radius: 25px !important;
  -ms-border-radius: 25px !important;
  -khtml-border-radius: 25px !important;
  border-radius: 25px !important;
}

.small.round{padding: 5px 10px !important}
.csbutton:active,.normal:active, .csbutton-color:active{
  position:relative;
  top:1px;
  cursor:pointer;
  -webkit-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -moz-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -ms-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  -o-box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
  box-shadow:inset 0 1px 2px #6D6D6D,0 0 3px #BABABA;
}
/*combined csbutton, .th, th css3 */
.csbutton, .th {
border-color:#ffffff;
background: #e5e5e5;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
-pie-background:linear-gradient(#ffffff, #e5e5e5);
text-shadow: 0 1px 0 #F7F7F7;
}

a.csbutton{color: #FFFFFF !important; text-shadow: none !important}

/*---------------------------------
colors
----------------------------------*/



/*light-blue color*/
.light-blue, .light-blue .bottom, .light-blue .csbutton{
border-color:#4d8db9; color:#FFFFFF !important;text-shadow:none;
background: #84cbdf;
background: -moz-linear-gradient(top,  #84cbdf 0%, #4d8db9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84cbdf), color-stop(100%,#4d8db9));
background: -webkit-linear-gradient(top,  #84cbdf 0%,#4d8db9 100%);
background: -o-linear-gradient(top,  #84cbdf 0%,#4d8db9 100%);
background: -ms-linear-gradient(top,  #84cbdf 0%,#4d8db9 100%);
background: linear-gradient(top,  #84cbdf 0%,#4d8db9 100%);
-pie-background:linear-gradient(#84cbdf,#4d8db9);
}

.light-blue .csbutton:hover{
border-color:#4d8db9;  color:#FFFFFF;  text-shadow:none;
background: #91d1e3;
background: -moz-linear-gradient(top,  #91d1e3 0%, #5e99c0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91d1e3), color-stop(100%,#5e99c0));
background: -webkit-linear-gradient(top,  #91d1e3 0%,#5e99c0 100%);
background: -o-linear-gradient(top,  #91d1e3 0%,#5e99c0 100%);
background: -ms-linear-gradient(top,  #91d1e3 0%,#5e99c0 100%);
background: linear-gradient(top,  #91d1e3 0%,#5e99c0 100%);
-pie-background:linear-gradient(#91d1e3,#5e99c0);}
.light-blue .csbutton, .light-blue a.csbutton, .light-blue a.csbutton:hover, .light-blue a.csbutton:active{color:#FFFFFF}
.light-blue .title strong, .light-blue .price-tag {color:#276890;}

/*grey color*/
.grey, .grey .bottom, .grey .csbutton{
border-color:#474747; color:#FFFFFF !important;text-shadow:none;
background: #757575;
background: -moz-linear-gradient(top,  #757575 0%, #474747 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#474747));
background: -webkit-linear-gradient(top,  #757575 0%,#474747 100%);
background: -o-linear-gradient(top,  #757575 0%,#474747 100%);
background: -ms-linear-gradient(top,  #757575 0%,#474747 100%);
background: linear-gradient(top,  #757575 0%,#474747 100%);
-pie-background:linear-gradient(#757575,#474747);
}

.grey .csbutton:hover{
border-color:#474747;  color:#FFFFFF;  text-shadow:none;
background: #595959;
background: -moz-linear-gradient(top,  #616161 0%, #595959 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#595959));
background: -webkit-linear-gradient(top,  #616161 0%,#595959 100%);
background: -o-linear-gradient(top,  #616161 0%,#595959 100%);
background: -ms-linear-gradient(top,  #616161 0%,#595959 100%);
background: linear-gradient(top,  #616161 0%,#595959 100%);
-pie-background:linear-gradient(#616161,#595959);}
.grey .csbutton, .grey a.csbutton, .grey a.csbutton:hover, .grey a.csbutton:active{color:#FFFFFF}
.grey .title strong, .grey .price-tag {color:#7E7E7E; text-shadow: 0 1px 0 #FFFFFF}

/*black color
.black, .black .bottom, .black .csbutton{
border-color:#000000; color:#FFFFFF !important;text-shadow:none;
background: #0b0b0b;
background: -moz-linear-gradient(top,  #0b0b0b 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0b0b), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: -o-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: -ms-linear-gradient(top,  #0b0b0b 0%,#000000 100%);
background: linear-gradient(top,  #0b0b0b 0%,#000000 100%);
-pie-background:linear-gradient(#0b0b0b,#000000);
}

.black .csbutton:hover{
border-color:#000000;  color:#FFFFFF !important;  text-shadow:none;
background: #171717;
background: -moz-linear-gradient(top,  #171717 0%, #0d0d0d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171717), color-stop(100%,#0d0d0d));
background: -webkit-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: -o-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: -ms-linear-gradient(top,  #171717 0%,#0d0d0d 100%);
background: linear-gradient(top,  #171717 0%,#0d0d0d 100%);
-pie-background:linear-gradient(#171717,#0d0d0d);}
.black .csbutton, .black a.csbutton, .black a.csbutton:hover, .black a.csbutton:active{color:#FFFFFF}
.black .title strong, .black .price-tag {color:#A8A8A8; text-shadow: none}

*/
.th{
border-color:#ffffff;
background: #e5e5e5;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
-pie-background:linear-gradient(#ffffff, #e5e5e5);
text-shadow: 0 1px 0 #F7F7F7;
color: #808080 !important
}
a.csbutton{color: #3d3d3d !important; text-shadow: none !important}
/*transition*/
.price-col, .price-col:hover img, .price-col img, .details /*.price-col, .price-col:hover img, .price-col img, .details*/
{
-moz-transition:all 650ms ease-in-out;
-webkit-transition:all 650ms ease-in-out;
-o-transition:all 650ms ease-in-out;
-ms-transition:all 650ms ease-in-out;
transition:all 650ms ease-in-out;}
.smaller {font-size:65%;}
.ok {padding-left:50px;}
.pret {font-family:'YanoneKaffeesatzLight', arial, serif;font-size:15px !important;}