/*
 *
 * NAFC-specific design css + overrides
 *
 */

/* Custom fonts */

@font-face { font-family: 'Antonio Bold'; font-style: normal; font-weight: 600; src: url(/css/fonts/Antonio-Bold.woff) format("woff"); }
@font-face { font-family: 'Geomanist'; font-style: normal; font-weight: 400; src: local('Geomanist'), url(/css/fonts/geomanist-regular-webfont.woff) format('woff'); }
@font-face { font-family: 'Geomanist'; font-style: normal; font-weight: 700; src: local('Geomanist Bold'), url(/css/fonts/geomanist-medium.woff) format('woff'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), url(/css/fonts/Ubuntu.woff) format('woff'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(/css/fonts/Ubuntu-Bold.woff) format('woff'); }
@font-face { font-family: 'Myriad Web Pro'; font-style: normal; font-weight: 400; src: local('Myriad Web Pro'), local('Myriad-Web-Pro'), url(/css/fonts/Myriad-Web-Pro.woff) format('woff'); }
@font-face { font-family: 'Myriad Web Pro'; font-style: normal; font-weight: 700; src: local('Myriad Web Pro Bold'), local('Myriad-Web-Pro-Bold'), url(/css/fonts/Myriad-Web-Pro-Bold.woff) format('woff'); }
@font-face { font-family: 'Myriad Web Pro'; font-style: italic; font-weight: 400; src: local('Myriad Web Pro Italic'), local('Myriad-Web-Pro-Italic'), url(/css/fonts/Myriad-Web-Pro-Italic.woff) format('woff'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat'), url(/css/fonts/montserrat-v10-latin-regular.woff) format('woff'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), url(/css/fonts/montserrat-v10-latin-700.woff) format('woff'); }


/* base elements override */

body { font-family: "Montserrat","Segoe UI","Tahoma", "Arial", sans-serif; color: #333; padding: 0; font-size: 1.3em }

h1 { font-family: "Geomanist","Segoe UI","Tahoma",sans-serif; font-weight: 700; letter-spacing: -1px; color: #A40; border-bottom: 1px dotted #CCC; line-height: 18pt; margin: 6px 0 8px 0 }
h2 { font-family: "Myriad Web Pro","Segoe UI","Tahoma",sans-serif; font-weight: 700; letter-spacing: -1px; color: #666; line-height: 18pt; margin: 3px 0 6px 0 }
h3 { font-family: "Geomanist","Segoe UI","Tahoma",sans-serif; font-weight: bold; color: #de3e2d; margin: 3px 0 12px 0; letter-spacing: -1px;  border-bottom: 5px solid #eee;  }
h4 { font-family: "Geomanist","Segoe UI","Tahoma",sans-serif; font-size: 13pt; font-weight: bolder; text-transform: uppercase; color: #909090; padding: 6px 0 4px 10px; background: #DDD url('../img/icons/nafc-endnote.png') right bottom no-repeat; border-radius-z: 5px; -moz-border-radius-z: 5px; -webkit-border-radius-z: 5px; behavior: url('../css/PIE.htc'); }
h5 { font-family: "Myriad Web Pro","Segoe UI","Tahoma",sans-serif; font-size: 12pt; font-weight: 700; line-height:15px; border-bottom: 1px dotted #d84; color: #777777; letter-spacing: 1px; margin: 6px 0 6px 0 }
h6 { font-family: "Antonio Bold", "Segoe UI", sans-serif; color: #FFF; font-size: 17pt; font-weight: normal; line-height: 24px; padding: 8px; margin: 20px 10px; background: #eb9710; -moz-box-shadow: 2px 2px 10px #555; -webkit-box-shadow: 2px 2px 10px #555; box-shadow: 2px 2px 10px #555; border-radius-z: 5px; -moz-border-radius-z: 5px; -webkit-border-radius-z: 5px; behavior: url('../css/PIE.htc'); }

label { margin: 10px 0 0 0; color: #666; line-height: 26px; font-family: 'Ubuntu',sans-serif; font-size: 15px; letter-spacing: -1px }
code { white-space: normal }

a { outline: none; text-decoration: none; font-weight: bold; color: #428bca }
a:hover { text-decoration: none; color: #226baa }
a>img:hover { opacity: 0.7; filter: alpha(opacity=70); }

.logowhite { display: block; width: 200px; height: 64px; background: url('/img/logos/nafc-header-logo.png') no-repeat top; background-size: 100% auto; text-indent:-9999px; text-align: center }
.round { border-radius-z: 8px; -moz-border-radius-z: 8px; -webkit-border-radius-z: 8px; behavior: url('../css/PIE.htc'); }

#content { padding: 14px 0px 0px 0px; }
#navigation div.slogan, #navigation div.slogan span.gc-cs-link { font-family: "Myriad Web Pro"; font-size: 14pt; color: #911; font-weight: bold; text-decoration: none; letter-spacing: 1px }
#navigation .header .social-media { margin: 16px 0 0 0; }
#navigation div.navbar a.btn-info { padding: 0 8px; }

ul.stylized li { list-style-type: none; border-left: 3px solid #ff5555; font-family: "Myriad Web Pro","Verdana","Tahoma",sans-serif; font-size: 12pt; padding: 5px 10px 5px 20px; margin: 4px 10px 0px 0px; background-color: #EEEEEE; color: #444 }
ul.stylized { list-style-type: none; padding: 0 }

h2.title-divider { padding: 20px }
h2.title-divider small { text-align: right }

.well.gradient {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(164,214,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(164,214,244,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(164,214,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(164,214,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(164,214,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(164,214,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a4d6f4',GradientType=0 );
}
.well.gradient small {
    color: #666;
}

hr { border: 0; color: #BBB; background-color: #BBB; height: 1px; margin: 12px 0 12px 0; clear: both;}
form hr { background-color: #e0dfe3; margin: 15px 15px }
dt { font-size: 11pt; font-weight: bold; padding: 10px 0 10px 0 }
dd { background-color: #EEE; padding: 10px; border-left: 3px solid #ff5555 }

/* spinning circle overlay */

div.busy { position: fixed; top:0; left:0; width:100%; height: 100%; z-index:99999; padding: 0; margin: 0; background: black }
div.busy i { width: 100%; height: 100%; background: url('/img/icons/red-loader.gif')  center no-repeat; text-indent:-9000px }
.cert-checklist .table a{white-space:normal}
/* hi-width viewport specific styling (puter) */

@media (min-width: 768px) {
    #navigation .header {
        min-height: 92px;
    }
    #navigation .navbar-brand,
    #navigation .slogan {
        float: left;
    }
    #navigation .slogan {
        margin: 8px 0 0 1em;
        padding: 12px 0 8px 1em;
        border-left: 1px solid #e6e6e6;
        float: left;
    }
    #navigation .navbar {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    #navigation .navbar-full-width .navbar {
        -webkit-border-radius-z: 0;
        -moz-border-radius-z: 0;
        border-radius-z: 0;
    }
    #navigation .user-menu {
        padding: 0;
    }
    #navigation .social-media {
        float: right;
    }

    /* adding "is-table-row" class to a row makes bootstrap columns all the same height */

    .is-table-row {
        display: table;
    }

    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

/* low-width viewport specific styling (phone) */

@media (max-width: 1024px) {
    .nafc div.bannerDiv { padding-top: 10px; }
}

@media (max-width: 767px) {
    .tab-content .tab-pane, .pill-content .tab-pane, .tab-content .pill-pane, .pill-content .pill-pane
    { margin-bottom: 2em; }
    a.logowhite { background-position: top; width: auto; height: 144px }
    table { width: 100%; overflow: auto; position: relative; }    /* swipable table content */
    .nafc div.slide-block { background-position: -100px 0 }
    .nafc div.idea-conference-text { padding-top: 90px; }
    .container { padding:10px; }
}

/* modal dialog */

.nafc .modal-header h2 { color: white; margin: 0   }
.nafc .modal-header button.close { font-size: 30px; height: 30px; margin: -8px 0 0 0 }
.nafc .modal-content { background: #e94043; color: white; border-radius-z: 10px; -moz-border-radius-z: 10px; -webkit-border-radius-z: 10px; }
.nafc .modal-content .form-group { margin-bottom: 11px }
.nafc .modal-body { background: white;  color: #999; }
.nafc .modal-footer { background: none; min-height: 5px; padding: 5px; margin-top: 0px }
.nafc .modal-dialog { left: auto; right: auto; max-width: 630px; z-index:99998; }

/* navigation */

.nafc .dropdown-menu.pull-right:after { left: 90% }
.nafc .dropdown-menu.pull-right:before { left: 90% }
.nafc .dropdown-menu a.menu-item { font-size: 9pt; line-height: 1.2em }
.nafc .dropdown-menu .notification { font-size: 10pt; margin: 10px }
.nafc .dropdown-menu.notifications { min-width: 225px; }
.nafc .dropdown-menu .notification .close { position: relative; top: 0; right: 0; }

.nafc .nav .open>a, .nafc .nav .open>a:hover, .nafc  .nav .open>a:focus { background: none }

.nafc a.dropdown-toggle i { color: #be3e1d; }
.nafc a.dropdown-toggle.btn-info i { color: #80e3f7 }

.nafc ol.breadcrumb { margin: 0 }
.nafc ol.breadcrumb li.active { color: #be1e2d }
.nafc .breadcrumb li+li:before { content: "\00BB"; }


/* sidebar (blocks) */

#sidebar .nbfelogo a { float: right; width: 90px; height: 130px;  margin: 0 0 4px 12px; background-image: url('../img/logos/NBFE.gif' ); background-repeat: no-repeat;  }
#sidebar .freereport p { background: url('../img/icons/icon-nafcreport.png') no-repeat 0 10px; display: block; min-height: 120px;  padding: 10px 0 10px 96px }

/* frontpage */
#explore-certs-block h3 { margin: 0 }
#explore-certs-block p { font-size: 16px }
#explore-certs-block span.cert-title { background: #BBB; text-align: center; width: 100%; padding: 5px; margin-bottom: 10px; display: block }
#explore-certs-block a span.cert-title { color: white  }
#explore-certs-block a:hover span.cert-title { background: #888;  }

/* begin slider styling */

.feature p { padding: 0; margin: 0 }
.feature h3 { margin-top: 14px }
.choose-nafc { margin-top: 20px; }

div.idea-conference-text { padding-top: 160px; padding-left: 20px; padding-right: 20px }

.slide-trainer1 {
    background:      url('../img/blocks/trainer1_bg.jpg') no-repeat;
    background-size: auto 100%;
    width:           100%;
    height:          300px;
}

.slide-trainer1 h3 {
    margin-top:  40px;
    text-align:  right;
    color:       black;
    text-shadow: 1px 1px rgba(255, 255, 255, 1);
    font-weight: bolder;
}

.slide-trainer1 .btn {
    float: right;
}

.slide-trainer1 .heading {
    text-align:  right;
    font-size:   125%;
    font-weight: bold;
    font-style:  italic;
}

.slide-trainer1 .certifications {
    margin-top: 40px;
}

.slide-trainer1 .certifications img {
    margin-bottom: 10px;
}

.slide-trainer1 .certifications ul {
    font-size:  130%;
    list-style: none;
    padding:    0;
    margin:     0;
}

.slide-trainer1 .certifications li:before {
    margin-right: 10px;
    content:      "•";
    color:        red;
}

.slide-trainer2 {
    background:      url('../img/blocks/trainer2_bg.jpg') no-repeat !important;
    background-size: auto 100%;
    width:           100%;
    height:          300px;
}

.slide-trainer2 h3 {
    margin-top:  40px;
    text-align:  right;
    color:       black;
    text-shadow: 1px 1px rgba(255, 255, 255, 1);
    font-weight: bolder;
}

@media screen and (max-width: 992px) {
    .current-workshops {
        padding-right: 40px;
        padding-top: 10px;
    }

    .slide-profit .profit-features ul li {
        font-size:  80%;
    }

    .slide-trainer1 h3, .slide-profit h3, .slide-trainer2 h3 {
        font-size: 140%;
    }
}

.workshop-description p {
    text-align: right;
}

.workshop-description a {
    text-transform: uppercase;
}

.workshop-description .heading {
    font-size:   110%;
    font-weight: bold;
    font-style:  italic;
}

.workshop-description h3 {
    margin-top: 20px;
    text-align: right;
}

.workshop-description ul {
    margin-left: 40px;
    text-align:  right;
}

.current-workshops {
    margin-top: 20px;
}

.current-workshops .well {
    padding: 10px;
}

.current-workshops h4 {
    margin-top: 0;
}

.slide-profit {
    background:      url('../img/blocks/profit-trainers.jpg') no-repeat;
    background-size: auto 100%;
    width:           100%;
    height:          300px;
}

.slide-profit h3 {
    margin-top:  40px;
    text-align:  right;
    color:       black;
    text-shadow: 1px 1px rgba(255, 255, 255, 1);
    font-weight: bolder;
}

.slide-profit .btn {
    float: right;
}

.slide-profit .heading {
    font-size:   125%;
    font-weight: bold;
}

.slide-profit p {
    text-align: right;

}

.slide-profit .profit-features {
    margin-top: 10px;
}

.slide-profit .profit-features img {
    margin-bottom: 10px;
}

.slide-profit .profit-features ul {
    font-size:  130%;
    list-style: none;
    padding:    0;
    margin:     0;
}

.slide-profit .profit-features li:before {
    margin-right: 10px;
    content:      "•";
    color:        red;
}

/* end slider styling */

.videoWrapper {
    position: relative;
    padding-bottom: 57.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    background-color: white;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* admin console */

#console { background:#666; height: 200px; overflow: scroll; padding: 10px }
.consolebtn { width: 150px }

/* 404 page */

div.block-404 { padding: 120px 10px }
div.block-404 i { color: red; margin-top: 20px; float: right }

/* pro-fit stylings */

.cls-profit-header { background: url('/img/pro-fit/profit-common-header.jpg') no-repeat; background-size: cover;   }
.cls-profit-header.nowoman { background: url('/img/pro-fit/profit-common-header-blank.jpg') no-repeat top center;  }

.cls-profit-header div.content { padding: 19% 5% 10px 30% }
.qa-profit h4 { font-family: 'Antonio Bold'; text-align: right; background: none; color: #777; font-size: 23px}
.qa-profit p { margin: 10px 5px}
.qa-profit li { color: red }
.qa-profit li span { color: black }
.cls-profit-header.nowoman div.content { text-align: center; padding: 240px 5% 10px 5% }

.cls-profit-header h1 { font-family: "Antonio Bold"; font-size: 20pt; padding: 10px 0 0 0; color: #be1e2d }
.clsProfit h3 { padding: 12px 0 }
.clsProfit ul { padding: 3px 0 }
.clsProfit li { margin-left: 0 }

.profit-provider-row { padding: 20px; background: #f3f3f4 }

.profit-categories-row span { display: block; font-size: 12pt; padding: 5px; margin: 2px 0 12px; background: #888}
.profit-categories-row div:hover span { background: #666 }

/* your nafc */

.fileDiv { display: block; border: 1px dotted #EEE; margin: 5px 0px; padding: 20px; min-height: 190px  }
.fileDiv h5 { color: #d9534f; letter-spacing: -1px  }
.fileDiv:hover { border: 1px dotted red }
.fileDiv.pdf { background: url('/img/icons/doc-icon.png') no-repeat; background-position: 10px 30px; padding: 10px 0 6px 70px }
.fileDiv.mp4 { background: url('/img/icons/video-icon.png') no-repeat; background-position: 10px 30px; padding: 10px 0 6px 70px }

/* online exam */

#testConsole { width: 300px; position:fixed; top:-200px; right:0px; background-color: black; color: white;
    z-index: 99999; padding: 10px; -moz-box-shadow: -10px -10px 2px #1b1b1b; -webkit-box-shadow: -10px -10px 2px #1b1b1b; box-shadow: 0px 0px 5px #1b1b1b;
    border-radius-z: 0 0 0 10px; -moz-border-radius-z: 0 0 0 10px; -webkit-border-radius-z: 0 0 0 10px; behavior: url('../css/PIE.htc');  }

.testSet { margin-left: 40px; margin-top: 20px }
#frmTest img { max-width: 415px }
.testSet li { list-style: none }
.testSet li input { float: left }
.testSet li label { margin-left: 20px; display: block }
.testSet li label b { color: #999 }

/* shopping cart */

#cart-toggle { position: absolute; right: 15px; top: -15px; }
#cart-toggle a.show-hide { font-size: 11pt; color: white; font-weight: bold; background: #be3e1d;
    padding: 0 10px 4px 10px;
    -webkit-border-radius-z: 0 0 5px 5px;
    -moz-border-radius-z: 0 0 5px 5px;
    border-radius-z: 0 0 5px 5px;
    display: block;
    text-align: center;
    cursor: pointer;
}
#cart-toggle a.show-hide:hover { background: #ce4e2d; text-decoration: none }

div.cart-panel { background:#be3e1d; height: 100%; display: none; color: #FFF }
a.cart-item { display: block; min-height: 60px; background: #d9534f; padding: 10px 10px; cursor: pointer; border-radius-z: 10px; -moz-border-radius-z: 10px; -webkit-border-radius-z: 10px; }
a.cart-item:hover { background: #Ae2e1d; text-decoration: none  }
a.cart-item span { color: white; font-weight: bold; line-height: 9px }
a.cart-item img { height: 40px; width: 40px; float: left; -webkit-border-radius-z: 5px; -moz-border-radius-z: 5px; border-radius-z: 5px; margin-right: 20px }
div.item-price-row { padding: 5px 10px }
div.item-total { display: block; font-size: 20pt; line-height:20px; padding: 8px}
div.item-options { padding-top: 4px }
div.cart-checkout-block { text-align: center; margin-top: -8px; padding-bottom: 5px }

/* product list */

div.prodHeader { background: url("/img/backgrounds/product-bg.png") #555 repeat; padding: 12px 20px 0 20px }
div.prodHeader .ubername { height: 20px; z-index: -3 }

div.prodHeader h1 { display: block; width: 600px; padding: 16px 0 20px 10px; color: white; border: 0; text-transform: uppercase; text-shadow: 0.1em 0.1em 0.2em #444; }
div.prodHeader .desc { display: block; color: white; padding: 10px 20px 0px 10px; letter-spacing: 0px; line-height: 19px; }
div.prodHeader div.prodimg { margin: 10px 0 20px 30px; z-index: 3}

.productEntry { padding: 5px 0 5px 0; background:#FFF; margin: 0 0 14px 0; border: 0;   }
.productEntry .productHeader { background-color: #CCCCCC; height: 34px; margin: 5px 0 0 6px; padding-left: 4px;  clear: both; border-radius-z: 6px; -moz-border-radius-z: 6px; -webkit-border-radius-z: 6px; behavior: url('../css/PIE.htc');}
.productEntry .productHeader.priceArea { margin: 0 0 2px 10px; font-size: 8pt; color: white; background-color: #999;  border-left: 3px solid red  }
.productEntry .productHeader span { display: block; padding: 3px 15px; float: left;}
.productEntry .productHeader a.buttonsm span { display: inline; padding: 0; }

.productEntry img {  float: left; border: 5px solid white;  }

/* product name header */

.productEntry .ubername h4 { margin-top: 0 }
.productEntry .productName a {  background: url('/img/icons/nafc-endnote.png') no-repeat #4d4d4d; background-position: 10px 8px; font-family: "Antonio Bold", "Segoe UI", "sans-serif"; display: block; font-size: 18pt; padding: 6px 0px 2px 34px; margin: 0; color: #FFF;}
.productEntry .productName a:hover { background-color: #3c3c3c; }
.productEntry .bundleProductName a { margin: 1px 0; border-left: 3px solid red; padding: 2px 2px 2px 5px; font-weight: normal; background-color: #e5e5e5; display: block; font-size: 10pt;  color: #333; }
.productEntry .bundleProductName a:hover { background-color: #b4b4b4; }
.productEntry .bundledProducts { margin: 5px 0; }

.productEntry a.addToCart { float: right; background: url('../images/buttons/addtocart2.png'); display: block; width: 146px; height: 28px; text-indent: -9999px }
.productEntry a.addToCart:hover { background-position: bottom; }

.productEntry .productPrice { font-size: 10pt; float: right; margin: 3px 5px 0 0 }
.productEntry img { float: left; margin: 10px 20px 10px 0px; }
.productEntry p { clear: right; display: block; margin: 6px 10px 3px 10px; letter-spacing: 0 }

#content .productEntry li { background: none; padding: 30px; margin: 0; padding: 0; border: 0; list-style-type: none }
#content .productEntry li:before { content: "•  "; color: red; }

.programSub { padding: 10px }
.programSub img { margin: 10px; float: left; width: 64px; height: 64px }

/* dsw fit products */

div.productsDiv table.dsw td { padding: 5px }
div.productsDiv table.dsw th { font-size: 12pt; font-weight: 700; text-transform: uppercase; color: #909090; padding: 3px 0 3px 10px; background: #DDD url('../images/nafc-endnote.png') right bottom no-repeat; border-radius-z: 5px; -moz-border-radius-z: 5px; -webkit-border-radius-z: 5px; behavior: url('../css/PIE.htc'); }
div.productsDiv table.dsw td:nth-child(3) { text-align: right }

/* advisory list */

.advisor img { margin: 10px 20px 5px 5px; display: block; float: left; background: #fff;  }

/* clubs list */

div.club-block { min-height: 170px; }
div.club-block img { float: left; width: 130px; margin-right: 20px  }

/* homepage flex-slider */

.nafc div.flexslider { border: 0 }
.nafc a.flex-prev { width: 2.5em; height: initial }
.nafc .flex-direction-nav a:before { content: "\f053"; font-family: "FontAwesome"; font-size: 2.5em }

.nafc a.flex-next { width: 2.5em; height: initial; right: -30px }
.nafc .flex-direction-nav a.flex-next:before { content: "\f054"; font-family: "FontAwesome"; font-size: 2.5em }

.clsHome .features .feature { min-height: 320px }
.nafc div.slide-content { height: 300px; overflow: hidden }
.nafc div.slides { max-height: 300px; overflow: hidden  }

/* angular animations */

/*.ng-enter,*/
/*.ng-leave,*/
/*.ng-hide-add,*/
/*.ng-hide-remove,*/
.ng-colorize-add,
.ng-colorize-remove {
    transition: all 0.5s linear;
}

div.dropdown-menu.datepicker.ng-enter,
div.dropdown-menu.datepicker.ng-leave.ng-leave-active {
    -webkit-animation: flipInX 1.0s;
    animation: flipInX 1.0s;
    display: block !important;
}

/* hiding a row */

div.row.ng-hide-add { opacity: 1.0; line-height: 1em; display: block!important; transition: all 0.5s linear;}
div.row.ng-hide-add-active { opacity: 0.0; line-height: 0em; display: block!important; transition: all 0.5s linear; }

/* showing a row */

div.row.ng-hide-remove { opacity: 0.0; line-height: 0em; display: block!important; transition: all 0.5s linear;}
div.row.ng-hide-remove-active { opacity: 1.0; line-height: 1em; display: block!important; transition: all 0.5s linear;}

/* Facebook widget */

.facebook-post + .row:after {
    width: 80%;
    margin: 20px auto;
    height: 1px;
    border-bottom: 1px solid #CCC;
}

.facebook-post + .row:last-child:after {
    border-bottom: none;
}

.facebook-more {
    margin-top: 10px;
    margin-bottom: 15px;
}

.facebook-picture {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius-z: 5px;
}

.facebook-likes, .facebook-date {
    display: inline-block;
}

/* hide angular stuff before init */

[ng\:cloak],[ng-cloak],.ng-cloak { display:none !important }

/* angular form styling */

input.ng-colorize.ng-invalid.ng-dirty, select.ng-colorize.ng-invalid.ng-dirty, textarea.ng-colorize.ng-invalid.ng-dirty {
    background-color: #FA787E;
}

input.ng-colorize.ng-valid.ng-dirty, select.ng-colorize.ng-valid.ng-dirty, textarea.ng-colorize.ng-valid.ng-dirty {
    background-color: #B7F3B7;
}

/* modal webcam image list */

.modal .webcam-image {
    width: 332px;
    margin: 10px auto;
    padding: 2px;
    border: 4px solid transparent;
}

.modal .webcam-image.keyframe {
    border: 4px solid blue;
}

.modal .webcam-image img {
    width: 100%;
}


/*  bootstrap theming to remove rounded corners  */

body.nafc .btn,
body.nafc .form-control,
body.nafc .well,
body.nafc .breadcrumb,
    /*body.nafc .nav-tabs,*/
body.nafc img.img-rounded,
body.nafc .modal-content
{
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

body.nafc .navbar,
    /*body.nafc ul.nav-tabs>li>a*/
{

    border-radius: 0;
    font-size: 9pt;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

body.nafc .btn,
body.nafc .form-control,
body.nafc .well,
    /*body.nafc .nav-tabs li,*/
body.nafc img.img-rounded
{
    border: 0;
    -moz-box-shadow: 0px 1px 1px 1px rgba(70,70,70,0.4);
    -webkit-box-shadow: 0px 1px 1px 1px rgba(70,70,70,0.4);
    box-shadow: 0px 1px 1px 1px rgba(70,70,70,0.4);
}

body.nafc .btn-block { margin-top: 4px }



/* Membership Styling
==================================================*/

#membership h3 {
    color: #4d92cd;
}

#membership p {
    color: #666666;
}

#membership h4 {
    background: #444 url('../img/icons/nafc-endnote.png') left bottom no-repeat;
    border-bottom: .25em solid #e82d37;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding: .5em 0 .5em 2em;
}

/* Header
==================================================*/

#membership .header-wrapper {
    background: #e82d37;
    padding: 1em;
    width: 100%;
}

#membership .header-wrapper h1 {
    border-bottom: none;
    color: #fff;
}

#membership .header-wrapper h3 {
    border-bottom: none;
    color: #fff;
}

#membership .banner {
    margin: .5em 0;
    width: 100%;
}


/* Call to Action
==================================================*/

#membership .cta,	#membership .market, .qa2, .qa3 {
    margin-top: .5em;
    padding-left: 0;
    padding-right: .5em;
}

#membership .cta:last-child, .qa2:last-child, .qa3.last-child {
    padding-left: .5em;
    padding-right: 0;
}

#membership .block {
    background: #e8e8e8;
    padding: .5em;
    margin-bottom: .75em;
}


/* Sidebar
==================================================*/

#membership .sidebar {
    /*background: #e8e8e8;*/
    padding: 1em;
}

#membership .inner-block {
    background: #666666;
    margin-top: -1.2em;
    padding: .5em;
}

#membership .inner-block .block {
    background: #cccccc;
}

#membership .year {
    color: #666666;
    font-size: 4em;
    font-weight: 900;
    padding-left: .1em;
}

#membership .inner-block h2 {
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 0;
    margin: 0 0 5px 0;
}

#membership .inner-block h6 {
    line-height: 1;
    background: none;
    box-shadow: none;
    color: #468FCD;
    margin: 0;
    padding: .25em 0;
    text-align: center;
}

#membership .inner-block hr {
    width: 50%;
    height: 2px;
    text-align: center;
    margin: 0 auto;
    color: #666666;
    background-color: #666666;
}

#membership .btn-override {
    color: #fff;
    display: block;
    border: solid 4px #fff;
    margin: 20px;
    max-width: 100%;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    transition: all 200ms ease-out;
}

#membership .btn-override:hover {
    box-shadow: 0 0 6px 1px rgba(0,140,186,0.5);
}

#membership .btn-signgup {
    background-color: #E82D37;
    width: 40%;
    margin: 0 auto .5em;
    transition: all 0.5s ease-out;
}

#membership .btn-signgup:hover {
    background: #B32129;
}

#membership .inner-block .block p {
    color: #e82d37;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

#membership .inner-block .block p span {
    font-size: 1.5em;
}

/* Sidebar Media Queries*/
@media only screen and (min-width: 769px) and (max-width:992px) {
    #membership .btn-signgup {
        width: 80%;
    }
}




/* Pro-Fit
==================================================*/

#membership .sub-qa {
    margin-top: .5em;
    padding: 0 8px 0 15px;
}

#membership img {
    width: 100%;
}

#membership .btn-blue {
    background: #4d92cd;
    transition: all 0.5s ease-out;
}

#membership .btn-blue:hover {
    background: #3A6E99;
}

#membership .btn-gray {
    background: #666666;
    transition: all 0.5s ease-out;
}

#membership .btn-gray:hover {
    background: #353535;
}

#membership .btn-learn-more {
    display: inline-block;
    margin-bottom: .5em;
}

#membership .clients-headline {
    font-size: 1.5em;
}

/*  video thumbnails */

a .nafc-play-btn {
    display: block; color: red; opacity: 0.4; margin-top:40px; text-align: center;
}

a .nafc-play-btn:hover {
   opacity: 1;
}

/*  zoom.js */

img[data-action="zoom"] {
   cursor: pointer;
   cursor: -webkit-zoom-in;
   cursor: -moz-zoom-in;
}
.zoom-img,
.zoom-img-wrap {
    position: relative;
    z-index: 666;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}
.zoom-overlay {
    z-index: 420;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition:      opacity 300ms;
    -o-transition:      opacity 300ms;
    transition:      opacity 300ms;
}
.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
    cursor: default;
}