﻿#plans,#plans ul,#plans ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pricePlans:after {
	content: '';
	/*display: table;*/
	clear: both;
}

#pricePlans {
	zoom: 1;
    /*max-width: 69em;*/
    width:100%;
    height:15em;
	margin: auto auto auto auto;
  /*  border: 1px solid navy;*/
    
    
}

 /* *, *:before, *:after {
      -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
     }*/

#pricePlans #plans .plan {
	/*background: #fff;*/
	float: left;
	
	text-align: center;
    -moz-box-radius:5px;
    -webkit-box-radius:5px;
	border-radius: 5px;
	margin: 0 0 0 0;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   vertical-align:middle;
    width:100%;
	list-style:none;
}

.planContainer .title h4 {
	font-size: 1em;
	font-weight: 300;
	
	margin: 0;
	padding: .6em 0;
    background: linear-gradient(to bottom, #46638e 0%, #143568 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white;
    
}

.planContainer .title h4.bestPlanTitle {
	background: rgba(0,15,3,1);

background: -moz-linear-gradient(left, rgba(0,15,3,1) 0%, rgba(0,10,2,1) 44%, rgba(0,10,2,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,15,3,1)), color-stop(44%, rgba(0,10,2,1)), color-stop(100%, rgba(0,10,2,1)));

background: -webkit-linear-gradient(left, rgba(0,15,3,1) 0%, rgba(0,10,2,1) 44%, rgba(0,10,2,1) 100%);

background: -o-linear-gradient(left, rgba(0,15,3,1) 0%, rgba(0,10,2,1) 44%, rgba(0,10,2,1) 100%);

background: -ms-linear-gradient(left, rgba(0,15,3,1) 0%, rgba(0,10,2,1) 44%, rgba(0,10,2,1) 100%);

background: linear-gradient(to right, rgba(0,15,3,1) 0%, rgba(0,10,2,1) 44%, rgba(0,10,2,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f03', endColorstr='#000a02', GradientType=1 );
    -webkit-box-shadow: 1px 1px 7px -2px #3D3D3D;
       -moz-box-shadow: 1px 1px 7px -2px #3D3D3D;
    		box-shadow: 1px 1px 7px -2px #3D3D3D;
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
    		border-radius: 0 0 4px 4px;
    line-height:30px;
    margin: 10px  0 0 0;
	padding: 0 10px 0 5px;
	color:ffc90d;
	font-size: 12px;
	text-align:left;
	text-wrap:normal;
	list-style:none;
	
}




@media screen and (min-width: 481px) and (max-width: 768px) {

#pricePlans #plans .plan {
	width: 100%;
	margin: 0 0 0 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

#pricePlans #plans .plan {
	width: 100%;
	margin: 0 0 0 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

}

@media screen and (min-width: 1025px)
{

    #pricePlans
    {
        margin: 2em auto;
    }

        #pricePlans #plans .plan
        {
            width: on:;
            margin: 0 1.33% 20px 0;
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -ms-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s;
        }

        #pricePlans #plans > li:last-child
        {
            margin-right: 0;
        }

     /*   #pricePlans #plans .plan:hover
        {
            -webkit-transform: scale(1.04);
            -moz-transform: scale(1.04);
            -ms-transform: scale(1.04);
            -o-transform: scale(1.04);
            transform: scale(1.04);
            border: 1px solid navy;
        }*/

    
}

