/**
 * 12 column grid
 * total grid width: 960px
 * gutter width: 20px
 */

/** generics **/
.wrap {
    margin: 0 auto;
    width: 960px;
}
.button {
    display: block;
    padding: 15px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
/** end generics **/

body {
    background: url(img/slate-pattern-piece.png);
}
.main-header,
.main-content,
.main-footer {
    padding-top: 1px; /* html>body child margin fix */
}
#unlock_homepage_index .main-site-nav .unlock-home { display: none; }

/**
 * BEGIN HEADER PARTIAL
 */
.main-header {
    background: #000;
    width: 100%;
    margin-bottom: 175px;
    float: left;
}
.main-site-logo {
    float: left;
    height: 143px;
    margin-bottom: -95px;
}
.main-site-nav {
    float: right;
    margin-bottom: -30px;
    padding: 0 45px 0 0;
    height: 77px;
    background: url(img/header-inner-tear.png) 100% 0 no-repeat;
    color: #0b171c;
    font: 700 15px sans-serif;
}
.main-site-nav ul {
    float: right;
    margin: 0;
    padding: 0 0 0 100px;
    list-style: none;
}
.main-site-nav li {
    float: left;
}
.main-site-nav a {
    float: left;
    color: #0b171c;
    text-decoration: none;
    padding: 17px 20px;
}
.main-site-nav a:hover,
.main-site-nav a:focus,
.main-site-nav a:active {
    text-decoration: underline;
}
.main-site-nav .unlock-home a {
    color: #53af31;
    padding-right: 70px;
}
.main-site-nav a:after {
    content: ' \00BB'; /*»*/
}
.main-site-logo,
.main-site-nav {
    position: relative;
    z-index: 101;
}
.main-header:after {
    content: ' ';
    float: left;
    width: 100%;
    height: 215px;
    margin-bottom: -170px;
    background: url(img/header-tear.png) 50% 100% repeat-x;
    position: relative;
    z-index: 1;
}

/** begin header banner **/
.header-banner {
    float: left;
    width: 100%;
    background: #000;
    height: 514px;
    margin-bottom: -60px;
}
.header-banner-image {
    width: 767px;
    height: 574px;
    margin: 0 -100px;
    float: left;
}
.header-banner-image:after,
.header-banner-image .ie-after {
    content: '';
    display: block;
    width: 767px;
    /*height: 474px;*/
    margin-top: -574px;
    box-shadow: inset 0 0 100px 100px #000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0, finishopacity=90, style=2);
    position: relative;
    z-index: 2;
}
.header-banner-content {
    float: left;
    width: 390px;
    color: #fff;
    position: relative;
    z-index: 3;
    font: 400 14px/22px sans-serif;
}
.header-banner-content h1 {
    font: 500 59px 'aldo-semibold', sans-serif;
    text-shadow: 0 0 10px #53af31, 0 0 15px #53af31, 0 0 20px #53af31;
    /*
        Text-shadow for IE9 and below
        Looks terrible on an image background (slate)
        filter:progid:DXImageTransform.Microsoft.Chroma(Color=#171d25), progid:DXImageTransform.Microsoft.Glow(Strength=4, Color=#53af31);
    */
}

.header-banner-content h1 em {
    display: block;
    font-size: 102px;
    text-transform: capitalize;
    font-style: normal;
}
.header-banner-content h2 {
    font: 500 30px 'aldo-semibold', sans-serif;
    color: #53af31;
}

/** end header banner **/


/**
 * END HEADER PARTIAL
 */

/**
 * BEGIN MAIN CONTENT
 */
html, body {
    height: 100%;
}
.main-content {
    min-height: 500px;
    font: 400 14px/20px sans-serif;
    color: #fff;
    float: left;
    width: 100%;
    min-height: 90%;
    margin-bottom: -60px;
    padding-bottom: 180px;
}
.main-content a {
    color: #53af31;
}
.main-content h1 {
    font: 500 50px 'aldo-semibold', sans-serif;
    text-shadow: 0 0 10px #53af31, 0 0 15px #53af31, 0 0 20px #53af31;
    /*
        Text-shadow for IE9 and below
        Looks terrible on an image background (slate)
        filter:progid:DXImageTransform.Microsoft.Chroma(Color=#171d25), progid:DXImageTransform.Microsoft.Glow(Strength=4, Color=#53af31);
    */
}
.main-content h2 {
    font: 500 40px 'aldo-semibold', sans-serif;
    color: #53af31;
    margin: 30px 0 15px;
}
.main-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 40px 0 20px 0;
    border-bottom: 1px solid #323a3f;
}
.main-content table thead td,
.main-content table thead th {
    border-top: 1px solid #323a3f;
    text-align: left;
    padding: 10px 0 25px;
    color: #fff;
}
.main-content table tbody td,
.main-content table tbody th {
    border-top: 1px solid #374044;
    color: #d0dfe6;
}


/**
 * Main content 2-col layout
 * 12 cols - 960px - 20px gutters
 * section.primary is left-col - 8-grid-cols (~633.33px)
 * aside.sidebar is right-col - 4-grid-cols (~306.67px)
 * WIDE section.primary is 715px
 */
section.primary {
    float: left;
    width: 630px;
    margin: 0 10px 0 0;
}
#unlock_faq_details section.primary {
    width: 715px;
}
aside.sidebar {
    float: right;
    width: 300px;
    margin: 60px 0 60px 10px;
}
aside.related { /* shown below */
    float: left;
    clear: both;
}

/**
 * END MAIN CONTENT
 */


 /**
 * BEGIN FOOTER PARTIAL
 */
.main-site-footer {
    float: left;
    width: 100%;
    font: 400 13px sans-serif;
    color: #eaf2f6;
    background: #0b171c;
    /*position: absolute;*/
    bottom: 0;
}

.main-site-footer a {
    color: #eaf2f6;
    text-decoration: none;
}
.main-site-footer a:hover,
.main-site-footer a:active,
.main-site-footer a:active {
    text-decoration: underline;
}
.main-site-footer nav ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
.main-site-footer nav li {
    float: left;
}
.main-site-footer nav a {
    float: left;
    padding: 22px;
}
.main-site-footer .footer-terms-nav {
    text-transform: lowercase;
}
.main-site-footer .footer-additional-links {
    float: right;
}
.main-site-footer .footer-additional-links a {
    color: #53af31;
}


/**
 * END FOOTER PARTIAL
 */

 #unlock_provider_details section.primary article h3 {
    margin: 16px 0px 8px 0px;
    padding: 0;
 }
  #unlock_provider_details section.primary article p {
    margin: 0;
    padding: 0;
 }

 .unlock .faq-items {
    margin-top: 200px;
 }
.mobile_unlock_button {
    display: none;
}

.our-accomplices-sidebar .button {
    margin-top: 28px;
    display: table;
    width: 221px;
    height: 57px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    color: #fefefe;
    background: #53af31;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
    padding: 0;
    line-height: 1em;
    border: none;
}
.our-accomplices-sidebar .button:hover {
    background: #8eca78;
}
.our-accomplices-sidebar .button span {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
}
.our-accomplices-sidebar .button strong {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 3px;
}

@media only screen
and (max-width : 767px) {
    .unlock .faq-items {
        margin-top: 0;
    }
    .mobile_unlock_button {
        display: block;
        text-align: center;
    }
    .our-accomplices-sidebar a {
        display: none;
    }
}