/*
===========================================================================
=== BASICS ================================================================
===========================================================================
*/  

h3.name {text-decoration:none; color:#666666; text-decoration:none; 
    -o-transition: color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out;  
    -ms-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out;  
    -moz-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out;
    -webkit-transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out; 
    transition:color .6s ease-out, background-color .3s ease-in, opacity .1s ease-out;
}

/*
===========================================================================
=== HOMEPAGE ONLY =========================================================
===========================================================================
*/  

div#home-post-authors ul li {background-position: center center; background-size: cover;}
#home-post-authors .title {line-height: 60px; padding-left: 35px; text-transform: uppercase; color: #FFFFFF; font-weight: normal;}
#home-post-authors .tab_container {background: transparent; overflow: inherit;}
#home-post-authors .tab_container .tab_content {display: none; padding: 15px 0 15px 40px;}
#home-post-authors .tab_container .tab_content.active {display:block; position: relative;}
#home-post-authors .tab_container .tab_content.active:after {bottom: 100%; border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(247, 247, 247, 0);border-bottom-color: #f7f7f7;border-width: 20px;margin-left: -20px;}
#home-post-authors .tab_container .tab_content#tab1.active:after {left:25%;}
#home-post-authors .tab_container .tab_content#tab2.active:after {right:20%;}
#home-post-authors .tab_container h3 {font-size: 26px; color: #727678; line-height: 26px; margin:0 0 15px;}
#home-post-authors .tab_container p {font-size: 16px; color: #969a9c; line-height: 24px; margin:0; letter-spacing: 0px;}
#home-post-authors .tab_container p a {color:#727678; text-decoration: underline;}

#authors_overlay {position: fixed; width: 100%; height: 100%; top:-100%; opacity: 0; left: 0px; z-index: 9999; background:rgba(0,0,0,0.7); -o-transition: opacity 0.3s ease-out; -ms-transition:opacity 0.3s ease-out; -moz-transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out;}
#authors_overlay.active {top:0px; opacity: 1;}
#authors_overlay #authors_popup {position: absolute; left:-100%; top:0px; width: 50%; min-width: 640px; background: #FFFFFF; height: 100%; -o-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#authors_overlay.active #authors_popup {left:0px;}
#authors_overlay #authors_popup .author_head {height: 120px; background-color: #f7f7f7; float: left; width: 100%;}
#authors_overlay #authors_popup .author_head a {margin-top:10px; display: block; width: 74px; height: 50px; background: url('../images/author_logo.png') no-repeat center center; text-indent: -9999px; text-transform: capitalize; outline: none; float: left;}
#authors_overlay #authors_popup .author_head .close {width: 36px; height: 36px; background: url('../images/author_close.png') no-repeat center center; cursor: pointer; float: right; margin-top: 18px;}
#authors_overlay #authors_popup .author_inner {float: right; width: 640px; padding: 40px;}
#authors_overlay #authors_popup .author_content .author_inner {display: none;}
#authors_overlay #authors_popup .author_content .author_inner.active {display: block;}
#authors_overlay #authors_popup .author_content {float: left; width: 100%;}
#authors_overlay #authors_popup .author_content img {float: left; margin: 0 40px 15px 0;}
#authors_overlay #authors_popup .author_content p {margin:0 0 30px;}

#why_overlay {position: fixed; width: 100%; height: 100%; top:-100%; opacity: 0; left: 0px; z-index: 9999; background:rgba(0,0,0,0.7); -o-transition: opacity 0.3s ease-out; -ms-transition:opacity 0.3s ease-out; -moz-transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out;}
#why_overlay.active {top:0px; opacity: 1;}
#why_overlay #why_popup {position: absolute; left:-100%; top:0px; width: 50%; min-width: 640px; background: #FFFFFF; height: 100%; -o-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#why_overlay.active #why_popup {left:0px;}
#why_overlay #why_popup .why_head {height: 120px; background-color: #f7f7f7; float: left; width: 100%;}
#why_overlay #why_popup .why_head a {margin-top:10px; display: block; width: 74px; height: 50px; background: url('../images/author_logo.png') no-repeat center center; text-indent: -9999px; text-transform: capitalize; outline: none; float: left;}
#why_overlay #why_popup .why_head .close {width: 36px; height: 36px; background: url('../images/author_close.png') no-repeat center center; cursor: pointer; float: right; margin-top: 18px;}
#why_overlay #why_popup .why_inner {float: right; width: 640px; padding: 40px;}
#why_overlay #why_popup .why_single {height: 100%;}
#why_overlay #why_popup .why_content {float: left; width: 100%; overflow-y: scroll; height: 100%; padding-bottom: 60px;}
#why_overlay #why_popup .why_content .why_inner {margin-bottom: 40px;}
#why_overlay #why_popup .why_content img {float: left; margin: 0 0 25px;}
#why_overlay #why_popup .why_content p {margin:0 0 30px;}
#why_overlay #why_popup .why_content h1 {font-size: 48px !important; line-height: 120%; color: #000000; margin:0 0 20px;}
#why_overlay #why_popup .why_content h2 {font-size: 36px !important; line-height: 120%; color: #000000; margin:0 0 20px;}

#filters {float: left;}
#filters ul {float: left; list-style: none;}
#filters ul li {float: left; font-size: 14px; color: #161819; position: relative; line-height: 34px; margin-right: 40px; text-transform: uppercase; cursor: pointer;}
#filters ul li:after {content: ''; width: 0px; height: 1px; background: #ed1c24; position: absolute; bottom: 0px; left: 0px; -o-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#filters ul li.active, #filters ul li:active, #filters ul li:focus, #filters ul li:hover {color: #ed1c24;}
#filters ul li.active:after, #filters ul li:active:after, #filters ul li:focus:after, #filters ul li:hover:after {width: 100%;}
#filters ul li:last-child {margin:0;}

#home-filters {margin-bottom: 15px;}
#home-filters .four.columns {float: right;}
#home-filters .eight.columns {float: left;}

#searchform {float: right; width: 280px; position: relative; padding-right: 50px; border:1px solid #e0e1e2; border-radius: 20px; overflow: hidden;}
#searchform input {border: 0; outline: none; margin: 0; height: 40px;}
#searchform input[type="text"] {width: 100%; float: left; padding: 0 0 0 20px; color:#969a9c; font-size: 14px; text-transform: uppercase;}
#searchform input[type="submit"] {position: absolute; right: 0px; top:0px; width: 50px; text-indent: -9999px; text-transform: capitalize; background:url('../images/icon_magn.png') no-repeat center center;}

#home-posts .home_post_list {display: none;}
#home-posts .home_post_list.active {display: block;}
#home-posts .home_post_list a {text-decoration: none;}
#home-posts .home_post_list h3.name:hover, #home-posts .home_post_list h3.name:focus, #home-posts .home_post_list h3.name:active {color:#0e76bc;}
#home-posts .home_post_list .column-sizer {width:31%; margin:1%;}

/*
===========================================================================
=== ARTICLES ==============================================================
===========================================================================
*/  

#main-content {padding-top: 170px;}
#main-content.search_page {padding-top:30px;}

div#single-share {text-align: right;}
div#single-share span {float: none; display: inline-block;}
div#single-share ul {margin:0; padding: 0;}
div#single-share ul li a {color: #000000;}
div#single-share ul li a:hover, div#single-share ul li a:active, div#single-share ul li a:focus {color:#0e76bc;}

#articles_filter {margin:50px 0 30px; float: left; width: 100%;}
#articles_filter select {float:left;}
#articles_filter select:active, #articles_filter select:hover, #articles_filter select:focus {outline: none !important;}

#articles_content {float: left; width: 100%; margin:0 0 40px;}
#articles_content .articles_post_list {float: left; width: 100%;}
#articles_content .articles_post_list a {text-decoration: none;}
#articles_content .articles_post_list h3.name:hover, #articles_content .articles_post_list h3.name:focus, #articles_content .articles_post_list h3.name:active {color:#0e76bc;}
#articles_content .articles_post_list .column-sizer {width:31%; margin:1%;}
#articles_content .articles_post_list h2 {width: 100%; float: left; padding: 20px 0; text-align: center; font-weight: bold; font-size: 24px; text-transform: uppercase; margin: 0 0 40px;}

.select_wrapper {float: left; width: 280px; border:1px solid #e0e1e2; border-radius: 20px; overflow: hidden; background: #FFFFFF; height: 40px; outline:none; background:url('../images/icon_arrow.png') no-repeat right center; margin-right: 20px;}
.select_wrapper select {float: left; width: 110%; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 40px; height: 40px; padding: 0 0 0 15px; border:0; background: transparent; color:#969a9c; font-size: 14px; text-transform: uppercase; outline:none !important;}

.custom-pagination {float: left; width: 100%; text-align: center; margin:70px 0 30px;}
.custom-pagination .page-num {display: none !important;}
.custom-pagination .page-numbers {display: inline-block; border-radius: 50%; width:50px; height: 50px; text-align: center; line-height: 50px; color:#000000;}
.custom-pagination .page-numbers.current {background: #000000; color:#FFFFFF;}
.custom-pagination .page-numbers.next { float: right; width: 36px; height: 69px; background: url('../images/icon_arrow_right.png') no-repeat center center; text-indent: -9999px; text-transform: capitalize; display: block; outline: none;}
.custom-pagination .page-numbers.prev {float: left; width: 36px; height: 69px; background: url('../images/icon_arrow_left.png') no-repeat center center; text-indent: -9999px; text-transform: capitalize; display: block; outline: none;}

.row.tag-containers {padding: 20px 40px 20px 0px; position: relative; margin-bottom: 25px;}
.row.tag-containers .tags {float: left; width: 100%;}
.row.tag-containers .comment-count {position: absolute; right: 0px; top:20px; width: 28px; height: 26px; padding-top:2px;}

/*
===========================================================================
=== MISC ==================================================================
===========================================================================
*/ 

.search-title {float: left; width: 100%; color: #000000; margin: 0 0 40px;}
#home-post-authors {float: right;}
#home-feat-post {float: left;}
ul#home-author li:first-child {padding-left:0;}


/*
===========================================================================
=== MOBILE ================================================================
===========================================================================
*/ 

@media only screen and (max-width: 1055px) {
    div#head-background-text {width: 100%;}
    h1, h2, h3, h4, h5 {font-family: 'roboto_condensedregular' !important; font-weight: normal !important;}
}
    
@media only screen and (min-width: 1024px) {
    #mobile_btn {display: none;}
    #mobile_nav {display: none;}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    
    h1, h2, h3, h4, h5 {font-family: 'roboto_condensedregular' !important; font-weight: normal !important;}
    
    #home-head-content {padding: 0 15px !important;}
    header#home-header {background-size: 100%;}
    h1 {font-size: 70px;}
    #main_nav, #top-login {display: none;}
    
    div#home-feat-container {width: 100%; position: relative; float: left;}
    section#home-featured {min-height: 0px; margin-bottom: -60px; position: static;}
    .container {padding: 0 !important;}
    
    /* Overlay */
    #authors_overlay {overflow-y: scroll;}
    #authors_overlay #authors_popup {height: auto; min-height: 100%;}
    
    /* Homepage */
    ul.tabs {display: block;}
    ul.tabs li {width: 50%;}
    #home-post-authors .tab_container {background:#f7f7f7;}
    #home-post-authors .tab_container .tab_content {padding: 30px;}
    .tab_drawer_heading  {display: none !important;}
    div#home-post-authors {width: 50%;}
    div#home-feat-post {padding: 15px; width: 50%;}
    ul#home-author li {padding:0 10px;}
    div#home-feat-post p {font-size: 16px;}
    a.btn.blue {width: auto; display: inline-block; text-align: center; margin:0 0 25px;}
    
    section#home-blog-posts {padding: 30px 15px; background: #FFFFFF;}
    #searchform {display: inline-block; float: none; width: 100%;}
    #filters {width: 100%;}
    #filters ul {width: 100%;}
    #filters ul li {margin-right:40px; text-align: center;}
    #filters ul li.active:after, #filters ul li:active:after, #filters ul li:focus:after, #filters ul li:hover:after {width: 50%; left:25%;}
    #filters ul li:last-child {margin-right:0;}
    .element-item {padding-right: 0;}
    
    .row.see-all {padding: 20px 0;}
    
    section#home-why-cta .container {height: auto; padding:30px 15px !important;}
    
    section#newsletter-sign-up .container {height: auto;}
    section#newsletter-sign-up .twelve.columns {padding: 30px 15px;}
    input.rounded {width: 74%;}
    input#signup-submit {width: 24%;}
        
    #authors_overlay #authors_popup {min-width: 100%;}
    #authors_overlay #authors_popup .author_inner {width: 100%;}
    
    #why_overlay #why_popup {min-width: 100%;}
    #why_overlay #why_popup .why_inner {width: 100%;}
    #why_overlay #why_popup .why_content h1 {font-size: 36px !important;}
    #why_overlay #why_popup .why_content h2 {font-size: 28px !important;}
    
    section#twitter-feed {padding: 0 0;}
    section#twitter-feed #tweet-box {width: 33.33%; min-width: 0px;}
    section#twitter-feed #tweet-box:last-child {display: none;}
    
    section#related-readings {padding: 30px 15px;}

    /* Articles */
    div#single-share span {display: none;}
    header#main-header {min-height: 0px;}
    #head-background-text {display: none !important;}
    div#header-content {position: relative; padding: 30px 15px;}
    div#bottom-container h1 {font-size: 60px !important; line-height: 64px;} 
    div#searchbox_wrapper #searchform {width: 300px; float: right; position: relative; top:-5px; margin-bottom: 50px;}
    div#bottom-container {min-height: 0px; padding-top: 15px;}
    section#home-featured {background: #FFFFFF !important;}
    div#head-background-text {width: 100%;}
    #main-content {padding:30px 15px;}
    #articles_filter {margin-top:0;}
    .select_wrapper {width: 48%; margin:0 2% 15px 0;}
    form .select_wrapper:last-child {margin:0 0 15px 2%;}
    #home-posts .home_post_list .column-sizer {width: 31%; margin:1%;}
    #home-posts .home_post_list .four.columns {width: 31%; margin:1%; overflow-x: hidden;}
    #articles_content .articles_post_list .column-sizer {width: 31%; margin:1%;}
    #articles_content .articles_post_list .four.columns {width: 31%; margin:1%; overflow-x: hidden;}
    #related-readings .container .four.columns {width: 31%; margin:1%; overflow-x: hidden;}
    
    .element-item ul {position: relative; padding-left: 50px; min-height: 60px; margin-bottom: 15px;}
    .element-item ul li:first-child {position: absolute; top:5px; left: 0px;}
    .element-item ul li:not(:first-child) {float: left; width: 100%; border:0; padding:0; margin:0;}
    .element-item ul li:last-child {border-bottom: 0; padding:0; margin:0;}
    .element-item ul li .author-name {}
    
    /* Search */
    .search-title {margin: 30px 0;}
    
    /* Single */
    section#single-container {width: 100%; padding: 0 15px; overflow-x: hidden;}
    section#single-post-header {padding: 0 15px !important;}
    .single header#main-header {padding-bottom: 50px;}
    .single div#bottom-container h1 {font-size: 42px !important; line-height: 120%;}
    /*
    div#single-profile ul {position: relative; padding-left: 140px; min-height: 120px;}
    div#single-profile ul li:first-child {position: absolute; top:0px; left: 0px;}
    div#single-profile ul li:not(:first-child) {float: left; width: 100%; border:0; border-bottom:1px solid #FFFFFF; padding:5px 0; margin:5px 0 0 ;}
    div#single-profile ul li:last-child {border-bottom: 0; margin:0;}
    */
    div#single-share {padding: 45px 0 0;}
    #related-readings {padding: 0 15px;}
    
    /* Footer */
    footer#main-footer {padding: 30px 15px 40px; position: relative;}
    footer#main-footer .container {position: static !important;}
    #copyright {position: absolute; bottom:10px; left: 15px; width: 90%;}
    footer .float-block {padding-right: 2%; width: 48%;}
    footer .menu ul {border: 0;}
    footer ul li {padding: 0;}
    #footer-feed {padding:0 0 0 2%; float: right;}
    #footer-feed ul li {padding-right: 10px; float: right;}
    #footer-feed ul li:first-child {padding: 0;}
    
    /* Mobile Navigation */
    #mobile_btn {cursor: pointer; display: block; float: right; width: 36px; height: 36px; background: url('../images/icon_mobile_menu.png') no-repeat center center; margin-top:10px;}
    #mobile_nav {position: fixed; width: 50%; height: 100%; background: #0e76bc; padding: 20px; z-index: 9999; top:0px; right: -100%; overflow-x: hidden; -o-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    #mobile_nav.active {right:0px;}
    .logged-in.admin-bar #mobile_nav {padding-top: 60px;}
    #mobile_nav a.mobile_logo {margin-top:10px; display: block; width: 74px; height: 50px; background: url('../images/logo-white.png') no-repeat center center; text-indent: -9999px; text-transform: capitalize; outline: none; float: left;}
    #mobile_nav .close {cursor: pointer; float: right; width: 36px; height: 36px; background: url('../images/icon_mobile_close.png') no-repeat center center; margin-top:20px;}
    #mobile_nav .mobile_nav {float: left; width: 100%; margin: 70px 0;}
    #mobile_nav .mobile_nav ul {list-style: none; float: left; width: 100%;}
    #mobile_nav .mobile_nav ul li {float: left; width: 100%; margin: 0 0 50px;}
    #mobile_nav .mobile_nav ul li a {font-weight: bold; font-size: 48px; line-height: 120%; color: #FFFFFF;}
    
}


@media only screen and (max-width: 767px) {
    
    h1, h2, h3, h4, h5 {font-family: 'roboto_condensedregular' !important; font-weight: normal !important;}
    
    #home-head-content {padding: 0 15px !important;}
    header#home-header {background: url('../images/bg_earth_mobile.png') no-repeat -300px 200px #000000;}
    h1 {font-size: 70px;}
    #main_nav, #top-login {display: none;}
    
    div#home-feat-container {width: 100%; position: relative; float: left;}
    section#home-featured {min-height: 0px; margin-bottom: -60px; position: static;}
    .container {padding: 0 !important;}
    
    /* Overlay */
    #authors_overlay {overflow-y: scroll;}
    #authors_overlay #authors_popup {height: auto; min-height: 100%;}
    
    /* Homepage */
    ul.tabs {display: block;}
    ul.tabs li {width: 50%;}
    #home-post-authors .tab_container {background:#f7f7f7;}
    #home-post-authors .tab_container .tab_content {padding: 15px;}
    .tab_drawer_heading  {display: none !important;}
    div#home-feat-post {padding: 15px;}
    ul#home-author li {padding:0 10px;}
    div#home-feat-post p {font-size: 16px;}
    a.btn.blue {width: 100%; display: inline-block; text-align: center; margin:0 0 25px;}
    
    section#home-blog-posts {padding: 0px 15px; background: #FFFFFF;}
    #searchform {display: inline-block; float: none; width: 100%;}
    #filters ul li {width: 46%; margin:2%; text-align: center;}
    #filters ul li.active:after, #filters ul li:active:after, #filters ul li:focus:after, #filters ul li:hover:after {width: 50%; left:25%;}
    .element-item {padding-right: 0;}
    
    .row.see-all {padding: 20px 0;}
    
    section#home-why-cta .container {height: auto; padding:30px 15px !important;}
    
    section#newsletter-sign-up .container {height: auto;}
    section#newsletter-sign-up .twelve.columns {padding: 30px 15px;}
    input.rounded {width: 100%;}
    input#signup-submit {width: 100%;}
        
    #authors_overlay #authors_popup {min-width: 100%;}
    #authors_overlay #authors_popup .author_inner {width: 100%;}
    
    #why_overlay #why_popup {min-width: 100%;}
    #why_overlay #why_popup .why_inner {width: 100%;}
    #why_overlay #why_popup .why_content h1 {font-size: 36px !important;}
    #why_overlay #why_popup .why_content h2 {font-size: 28px !important;}
    
    /* Articles */
    div#single-share {text-align: left;}
    div#single-share ul {float: left; width: 100%;}
    div#single-share ul li {width: 30%; margin: 0; float:left; text-align: center; display: block; padding: 0;}
    div#single-share ul li:first-child { text-align: left; width: 20%;}
    div#single-share ul li:last-child {text-align: right; width: 20%;}
    header#main-header {min-height: 0px;}
    #head-background-text {display: none !important;}
    div#header-content {position: relative; padding: 30px 15px;}
    div#bottom-container h1 {font-size: 60px !important; line-height: 64px;} 
    div#searchbox_wrapper #searchform {width: 100%;}
    div#bottom-container {min-height: 0px; padding-top: 15px;}
    section#home-featured {background: #FFFFFF !important;}
    div#head-background-text {width: 100%;}
    #main-content {padding:0 15px;}
    #articles_filter {margin-top:0;}
    .select_wrapper {width: 100%; margin: 0 0 15px;}
    .custom-pagination .page-numbers.prev, .custom-pagination .page-numbers.next {display: none;}
    
    section#related-readings {padding: 30px 15px;}
    
    /* Search */
    .search-title {margin: 30px 0;}
    
    /* Single */
    section#single-container {width: 100%; padding: 0 15px; overflow-x: hidden;}
    section#single-post-header {padding: 0 15px !important;}
    .single header#main-header {padding-bottom: 50px;}
    .single div#bottom-container h1 {font-size: 42px !important; line-height: 120%;}
    div#single-profile ul {position: relative; padding-left: 140px; min-height: 120px;}
    div#single-profile ul li:first-child {position: absolute; top:0px; left: 0px;}
    div#single-profile ul li:not(:first-child) {float: left; width: 100%; border:0; border-bottom:1px solid #FFFFFF; padding:5px 0; margin:5px 0 0 ;}
    div#single-profile ul li:last-child {border-bottom: 0; margin:0;}
    div#single-share {padding: 15px 0;}
    #related-readings {padding: 0 15px;}
    
    /* Footer */
    footer#main-footer {padding: 30px 15px 40px; position: relative;}
    footer#main-footer .container {position: static !important;}
    #copyright {position: absolute; bottom:10px; left: 5%; width: 90%;}
    footer .float-block {padding-right: 2%; width: 48%;}
    footer .menu ul {border: 0;}
    footer ul li {padding: 0;}
    #footer-feed {padding:0 0 0 2%; float: right;}
    #footer-feed ul li {padding-right: 10px; float: right;}
    #footer-feed ul li:first-child {padding: 0;}
    
    /* Mobile Navigation */
    #mobile_btn {cursor: pointer; display: block; float: right; width: 36px; height: 36px; background: url('../images/icon_mobile_menu.png') no-repeat center center; margin-top:10px;}
    #mobile_nav {position: fixed; width: 100%; height: 100%; background: #0e76bc; padding: 20px; z-index: 9999; top:0px; left: -100%; overflow-x: hidden; -o-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    #mobile_nav.active {left:0px;}
    .logged-in.admin-bar #mobile_nav {padding-top: 60px;}
    #mobile_nav a.mobile_logo {margin-top:10px; display: block; width: 74px; height: 50px; background: url('../images/logo-white.png') no-repeat center center; text-indent: -9999px; text-transform: capitalize; outline: none; float: left;}
    #mobile_nav .close {cursor: pointer; float: right; width: 36px; height: 36px; background: url('../images/icon_mobile_close.png') no-repeat center center; margin-top:20px;}
    #mobile_nav .mobile_nav {float: left; width: 100%; margin: 70px 0;}
    #mobile_nav .mobile_nav ul {list-style: none; float: left; width: 100%;}
    #mobile_nav .mobile_nav ul li {float: left; width: 100%; margin: 0 0 50px;}
    #mobile_nav .mobile_nav ul li a {font-weight: bold; font-size: 48px; line-height: 120%; color: #FFFFFF;}
    
    
}