.page--join {border-top: 2px solid #CCC;}

.page--join .package {
border: 1px solid #ECEAEA;
border-radius: 14px;
box-shadow: 0 0 8px rgba(74, 70, 64, 0.1);
float: left;
margin-bottom: 1em;
margin-right: 8px;
text-align: center;
width: 21%;
font-family: 'Open Sans', sans-serif;
}

.page--join .package p {
padding: 0 20px;
width: auto; font-size: 12px;
}

.page--join .package-row .h4 {
text-align: left;
margin: 0;
padding: 0;
}

.page--join .package--a {
border: none;
box-shadow: none;
width: 30%;
}

.page--join .package--a .package-row {
color: #4A4640;
font-size: 12px;
text-align: center;
height:47px;
}

.page--join .package--a .package-row h2 {padding-top: 100px;}


.page--join .package--d .package-row,
.page--join .package--b .package-row {line-height: 46px;}


.page--join .package-row {
padding: 10px 0;
height: 47px;
}

.page--join .package .package-row:nth-of-type(odd) {
background-color: #ECEAEA;
}

.page--join .package--a .package-row:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0);
}

.page--join .package .h3 img {display: block; margin: 0 auto 5px;}

.page--join .package.small .h3 img {width: 50px; height: auto;}

.page--join .package .h3, .page--join .package .tracks-main-certificate .tracks-name, .tracks-main-certificate .page--join .package .tracks-name {
height: 185px;
margin: 0;
font-size: 18px; 
font-weight: 600;
padding: 10px 14px 0;
white-space: normal;
}

.page--join .package--b .h3, .page--join .package--b .tracks-main-certificate .tracks-name, .tracks-main-certificate .page--join .package--b .tracks-name {
background-color: #305470;
border-radius: 14px 14px 0 0;
color: #d1ac40;
}

.page--join input[type=radio]:focus+label, .page--join input[type=radio]:hover+label {
background-color: #3F6F94;
}

.page--join input[type=radio]+label {
background-color: #305470;
border-radius: 1.5em;
font-size: 14px;
color: #FFF;
cursor: pointer;
padding: 7px 0 7px 40px;
position: relative;
text-align: left;
display: block;
}

.page--join input[type=radio] {
-webkit-transition: color 150ms ease-out;
transition: color 150ms ease-out;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: rgba(0, 0, 0, 0);
border: none;
left: -99999px;
margin: 0;
padding: 0;
position: absolute;
width: auto;}

input:not([type=submit]) {
-webkit-transition: border-color 150ms ease-out;
transition: border-color 150ms ease-out;
background-color: #F8F7F7;
border: 1px solid #ECEAEA;
border-radius: 4px;
padding: .5em;
}

.page--join input[type=radio]+label:before {
background: #FFF url(../images/icon_check_grey.png) no-repeat center center; background-size: 20px auto;
border-radius: 50%;
border: 1px solid #ECEAEA;
content: "";
height: 24px;
left: 0;
margin: -12px 0 0 6px;
position: absolute;
top: 50%;
width: 24px;
}

.page--join input[type=radio]:checked+label, .page--join input[type=radio]:focus:checked+label, .page--join input[type=radio]:hover:checked+label {
background-color: #cc6b3a;
box-shadow: 0 0 3px rgba(74, 70, 64, 0.4);
}

.library-cat, .library-excerpt, .library-search .library-search--q[type=text], .library-title:before, .page--home .just-in-time, .tss, input:not([type=submit]) {
font-size: 12px;
}

.page--join .package .h3 span, .page--join .package .tracks-main-certificate .tracks-name span, .tracks-main-certificate .page--join .package .tracks-name span {
color: #4A4640;
display: block;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 1.2;
padding: 8px 0;
}

.page--join .package--b .h3 span, .page--join .package--b .tracks-main-certificate .tracks-name span, .tracks-main-certificate .page--join .package--b .tracks-name span {
color: #FFF;
}

.page--join .package--c {
width: 61%;
}

.page--join .button_gold {margin: 30px 0 0;}


.icn--check {width: 40px; height: 40px; display: block; background: url(../images/icon_check.png) no-repeat center center; margin: 0 auto;}
.icn--x {width: 40px; height: 40px; display: block; background: url(../images/icon_x.png) no-repeat center center; margin: 0 auto;}

.package-purchase {padding: 30px 0 0;}
.small .package-purchase {padding: 30px 0 0; height: 284px;}

.page--join .package.package--a h3 {font-size: 24px; line-height: 185px;}

.alacarte {background: #305470; color: #FFF; font-size: 14px; text-align: center; border-radius: 1.5em; line-height: 22px; margin: 0 20px 20px; padding: 12px 0;}
.alacarte strong {font-size: 17px;}