/*
Theme Name: Video Essence
Author: Your Company
Author URI: http://yourcompany.com/
Description: Here you can have a small description about this theme.
Version: 1.6
Tags: video, portfolio, player
Text Domain: videoessence
*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}






.center-block {float: none !important}

a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #262627;
}
a:hover {
    text-decoration: none;
}

#top-bar {
    position: relative;
    z-index: 9999;
    height: 2.55556em;
    margin: 0 auto;
    font-size: 18px;
    opacity: 1;
}

#top-google {
    background: #dd4c39;
}

#top-facebook {
    background: #3b5998;
}

#top-twitter {
    background: #00acee;
}

#social-icons li {
    border-radius: 50px;
    width: 28px;
    height: 28px;
    text-align: center;
}

#top-search {
    margin-left: -6px;
}

#top-search .sb-icon-search {
    border-radius: 50px;
    background-color: rgb(178, 178, 178);
}
#top-bar:hover {
    opacity: 1;
}
#top-bar, .entry-meta, .related-title {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
#bar-content {
}
#social-icons ul {
    padding-top: 8px;
    margin-right: 10px;
}
#social-icons ul li {
    list-style: none;
    display: inline-block;
}
#masthead {
    background: #fff
}
#main-mast {
    padding: 40px 0 15px 0;

    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.header-image {
    width: auto;
    height: auto;
}
#logo-wrapper {
    padding-bottom: 20px;
}
.site-description {
    font-size: 14px;
    display: block;
    clear: both;
    color: rgba(0,0,0,0.4);
    font-family: "open sans",sans-serif;
    font-weight: 700;
}
.category-filter-wrapper {
    margin-bottom: 40px;
    cursor: pointer;
}
.category-filter-wrapper a {
    display: inline-block;
    padding: 7px 15px;
    margin: 0px 1px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: rgba(0,0,0,0.6);
    background: rgba(255,255,255,0.1);
    cursor: pointer;
    text-decoration: none;
}
.category-filter-wrapper a.active {
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.sb-search {
    position: relative;
    width: 0%;
    min-width: 30px;
    height: 30px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    margin-top: 8px;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    width: 85%;
    height: 30px;
    margin: 0;
    z-index: 10;
    opacity: 0;
    cursor: text;
    color: #333;
    font-size: 0.8em;
    line-height: 18px;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    padding-left: 10px;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #333;
}

.sb-search-input:-moz-placeholder {
    color: #333;
}

.sb-search-input::-moz-placeholder {
    color: #333;
}

.sb-search-input:-ms-input-placeholder {
    color: #333;
}

.sb-icon-search,
.sb-search-submit  {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color:red;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: no-repeat center center url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OS02LjY0OS02LjY0OQ0KCWMtMy42NjcsMC02LjY0OSwyLjk4Mi02LjY0OSw2LjY0OGMwLDMuNjY3LDIuOTgyLDYuNjQ3LDYuNjQ5LDYuNjQ3YzEuMzkxLDAsMi42ODItMC40MzIsMy43NS0xLjE2NGw0LjgzNCw0LjgzNEwxNy42MzIsMTYuOTU1eg0KCSBNMi44MjQsNy42NjZjMC0yLjg2MywyLjMzLTUuMTkyLDUuMTkyLTUuMTkyYzIuODY0LDAsNS4xOTIsMi4zMjksNS4xOTIsNS4xOTJjMCwyLjg2MS0yLjMyOCw1LjE5MS01LjE5Miw1LjE5MQ0KCUM1LjE1NCwxMi44NTUsMi44MjQsMTAuNTI3LDIuODI0LDcuNjY2eiIvPg0KPC9zdmc+DQo=");
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    content: "";
}

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
    opacity: 1;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-input {
    margin-right: 35px;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    /*    z-index: 90;*/
}


#site-navigation {

}
.menu-toggle, .assistive-text {
    display: none;
}

.nav-menu {
    margin-top: 20px;
}
.nav-menu > ul {
    padding: 0;
}
.nav-menu ul li {
    list-style: none;
}
.nav-menu > ul > li {
    display: inline-block;
}
.nav-menu > ul > li > a {
    padding: 7px 15px;
    margin: 0px 1px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}
.nav-menu > ul > li > a:hover,
.nav-menu .current_page_item a {
    color: #ffffff;
    text-decoration: none;
    background-color: #e33a0c;
}
.nav-menu .children {
    display: none;
}

#main {
    padding-top: 40px;
}

#content {
}
#content .grid-item {
    width: 400px;
    max-width: 390px;
    min-width: 300px;
}

.entry-title, .archive-title, .page-title {
    margin: 10px 30px 10px 20px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: normal;
    text-align: left;
    text-transform: none;
    font-family: "Roboto Slab","Open Sans",Tahoma;
}
.grid-item .entry-title {
    margin: 30px 30px 10px 30px;
}
.entry-content, .entry-summary {
    margin: 0;
    padding: 35px 30px;
    font-size: 16px;
    line-height: 23px;
    line-height: 1.4375em;
    font-weight: 400;
    font-family: georgia,"times new roman",times,serif;
}
.grid-item .entry-content {
    padding-top: 0;
}
.grid-item .entry-header {
    margin-bottom: 30px;
}
.more-link {
    text-align: center;
    clear: both;
    box-sizing: content-box;
    display: block;
    width: 140px;
    min-width: 22px;
    padding: 10px 16px;
    margin: 24px auto;
    font-size: 17px;
    line-height: 26px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-decoration: none !important;
}
.entry-thumbnail {
    margin-top: 20px;
}
.hentry .entry-thumbnail {
    margin-left: -30px;
    margin-right: -30px;
}
.entry-thumbnail img {
    width: 100%;
    height: auto;
}
/* youtube black bars fix */
.grid-item .entry-thumbnail.youtube-video {
    position: relative;
    overflow:hidden;
    height: 213px;
}
.grid-item .entry-thumbnail.youtube-video img {
    position: absolute;
    top: -36px;
}
.entry-meta, .nav-above {
    opacity: 0.4;
    padding: 5px 20px 20px 20px;
    font-size: 14px;
}
.entry-meta > div {
    margin-right: 8px;
}
.entry-meta:hover {
    opacity: 0.9;
}
.post-description {
    padding: 30px 10px 20px;
}
.ve-container {
    width: 100%;
    max-width: 1170px;
}
.ve-main {
    width: 780px;
    display: inline-block;
    float: left;
}
.ve-sidebar {
    width: 300px;
    display: inline-block;
    margin-left: 20px;
}
.widget {
    position: relative;
    margin-top: 30px;
    background-color: #FFF;
    padding: 30px;
    box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.09);
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 2px;
    border-radius: 4px;
    list-style: none;
}
.widget:first-child {
    margin-top: 0;
}
.widget .widgettitle {
    margin: 0 0 24px 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 21px;
    text-align: center;
    font-weight: 600;
    padding: 0 10px;
}
.widget ul {
    padding: 0;
}
.widget li {
    display: block;
    list-style: none;
}
.grid-item article,
article.post,
.hentry {
    margin-right: 1%;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #FFF;
    box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.09);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#share-post img {
    border-radius: 50px;
    width: 40px;
}

.widget_search input[type="text"] {
    margin-bottom: 15px;
}

.widget_search {
    text-align: center;
}
.grid-item article {
    word-break: break-all;
}
.videoessence-video-wrapper {
    margin-bottom: 30px;
    margin-top: -30px;
}
.ve-main .social-share {
    margin-top: 20px;
}
.related-videos {
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.related-item {
    margin-bottom: 0px;
    cursor: pointer;
}
.related-item .related-thumb {
    margin: 0 0px 0 0;
    margin-left: -10px;
    margin-right: -10px;
    height: 145px;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
}
.related-item .related-thumb .duration {
    position: absolute;
    right: 3px;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial;
    padding: 3px 5px;
    bottom:3px;
}
.related-item .related-thumb img {
    width: 100%;
}
.related-item:last-child,
.related-item:last-child .related-thumb {
    margin-bottom: 0 !important;
}
.related-item .related-title {
    font-family: Helvetica Neue, Helvetica, Arial;
    font-size: 15px;
    padding: 3px 0px;
    opacity: 0.8;
    margin-bottom: 10px;
    margin-left: -10px;
}
.related-item:hover .related-title {
    opacity: 1;
}
#content.grid-system {
    margin: 0 auto;
    float: none !important;
}
.social-grid {
    left:20px;
    margin-top: 20px;
}
.social-post {
    float: left;
    height: auto;
    margin: 0 auto;
}

.videoessenceGooglePost {
    margin-top: 20px;
}
.videoessence-reference-wrapper {
    margin-top: 20px;
}
/* footer */
#colophon {
    padding-right: 10px;
}
#footer-info {
    margin-top: 40px;
    margin-right: 20px;
}
#footer-menu {
    max-width: 85%;
}
#footer-menu ul {
    padding-top:20px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}
#footer-menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

/** PAGE **/
.default-page .entry-title, .default-page .entry-meta {
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding: 0;
}
.default-page .entry-meta {
    margin-top: 10px;
}
.default-page .entry-content {
    padding-top: 10px;
}

/**
 * Tablet Portrait size to standard 1024 (devices and browsers) ============ */
@media only screen and ( max-width: 1050px ) {
    .ve-container { width: 944px !important; }
    .ve-main { width: 620px; }
    .ve-sidebar { width: 300px; }
    .social-grid {left: 20px!important;}
}

/**
 * Tablet Portrait size to standard 768 (devices and browsers) ============= */
@media only screen and (max-width: 985px) and (min-width: 768px) {
    .ve-container { width: 730px !important; }
    .ve-main, .ve-sidebar { width: 100% !important; }
    .ve-main, .ve-sidebar { float: none !important; }
    .social-grid {left: 25%!important;}
    .fixed-header-title {width: auto !important; float: left !important;}
    .social-embed-item {width: 100% !important; }
    .social-embed-wrapper > div > div {margin: 10px auto;
        width: 70%; float: none !important}
}

/**
 * Mobile Landscape Size to Tablet Portrait (devices and browsers) ========= */
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .ve-main, .ve-sidebar, .ve-container { width: 100% !important; }
    .social-grid {left: 0!important;}
    #fixed-header {display: none !important;}
    .fixed-header-title {width: auto !important; float: left !important;}
    .videoessence-video-wrapper .video-js {height: 170px !important;}
    .social-embed-item {width: 100% !important}
    .entry-content {padding: 10px 12px !important}
    article.post, #content .grid-item {margin-left: 0 !important; margin-top: 20px; padding: 10px;}
    #content, #content .grid-item {width: 100% !important}
    #main {padding: 0 !important}
    #primary {margin: 40px 0 !important}
    .category-filter-wrapper {margin-bottom: 15px !important}
    .social-embed-wrapper > div { width: 97%}
    .ve-sidebar {margin-left: 0!important; width: 99.7% !important}
    .nav-menu > ul > li > a {padding: 12px 15px !important; display: block!important;}
    #footer-menu ul li {display: block !important; text-align: center!important;margin-right: 0!important;margin-bottom: 5px!important;}
    #footer-menu {max-width: 100% !important; float: none !important}
    #footer-info {float: none !important; text-align: center !important;display: block!important;margin-right: 0!important;}
    #masthead, #main-mast, #page {width: 100% !important}
    #content {width: 90% !important; margin: 0 auto;}
    #content .grid-item {width: 100% !important;max-width: 100% !important; position: relative !important; left: inherit !important}
}

/**
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ==== */
@media only screen and (max-width: 479px) {
    .ve-main, .ve-sidebar { width: 100% !important; }
    .ve-container { width: 405px !important; margin: 0; padding: 0}
    #content { padding: 0}
    .social-grid {left: 0px!important;}
    #fixed-header {display: none !important;}
    .videoessence-video-wrapper .video-js {height: 170px !important;}
    .social-embed-item {width: 100% !important}
    .entry-content {padding: 10px 12px !important}
    article.post, #content .grid-item {margin-left: 0 !important; margin-top: 10px; padding: 10px; max-width:100%;}
    #content, #content .grid-item {width: 100% !important}
    #main{padding: 0 !important}
    #primary {margin: 40px 0 !important}
    .category-filter-wrapper {margin-bottom: 15px !important}
    .social-embed-wrapper > div { width: 97%}
    .ve-sidebar {margin-left: 0!important; width: 99.7% !important}
    #footer-info {float: none !important; margin-right: 0 !important; text-align: center !important}
    .nav-menu > ul > li > a {padding: 12px 15px !important; display: block!important;}
    #footer-menu ul li {display: block !important; text-align: center!important;margin-right: 0!important;margin-bottom: 5px!important;}
    #footer-menu {max-width: 100% !important; float: none !important}
    #footer-info {float: none !important; text-align: center !important;display: block!important;margin-right: 0!important;}
    .nav-menu > ul > li {display: block !important; margin-bottom: 3px !important;}
    #masthead, #main-mast, #page {width: 100% !important}
    #content {width: 90% !important; margin: 0 auto;}
    #content .article { width: 60% !important}
    .ve-container {width: 100% !important}
}

#share-post {
    margin-bottom: 25px;
}






/*.comments-title, #respond {margin-left: 20px}*/
#respond {}
#comments {
    font-family: "Roboto Slab","Open Sans",Tahoma;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    -webkit-font-smoothing: antialiased;
}
#comment {
    min-height: 100px;
}



/* Post comment */
#comments h3 { text-transform: uppercase; font-size: 18px; line-height: 22px; }
#comments .comment-meta { font-size: 12px; }
#comments img.avatar { overflow: hidden; border-radius: 100%; border: 4px solid rgba(0,0,0,0.05); display: inline-block; float: left; margin-right: 20px; }
#comments img.avatar { float: right; margin-right: auto; margin-left: 20px; }
#comments .comment { margin-top: 24px; }
#comments.comment:first-child { margin-top: 0; }
#comments { display: block; clear: both; overflow: hidden; margin-top: 20px; }
#comments p { font-weight: normal; font-size: 16px; line-height: 24px; }
p.tm-js-reply { display: block; clear: both; overflow: hidden; margin-top: 15px; }
.comment-reply-link, .comment-reply-link:link, .comment-reply-link:active { font-size: 18px; color: #e33a0c; }
.comment-reply-link:hover { color: inherit; }
.comment-reply-link .icon-mail-reply { margin-right: 4px; font-size: 13px; }
.form-allowed-tags { display: none; }
#comments p { margin-bottom: 5px; }
#comments p label { clear: both; display: block; font-size: 16px; margin-bottom: 3px; }
#comments { margin-bottom: 20px; }
button, input, select, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
input, textarea {
    border-color: #f0f0f0;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px 7px;
}
.comments-title {
    font-size: 22px;
    line-height: 1.0909090909;
}
textarea {
    width: 100%;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #e33a0c;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    min-height: 36px;
    line-height: 36px;
    display: inline-block;
    padding: 0px 24px 2px;
    vertical-align: middle;
    letter-spacing: normal;
    text-align: center;
    transition: all 0.2s linear 0s;
}
#commentform {
    margin-top: 20px;
}
#commentform #submit {
    margin-top: 10px;
}




.twitter-icon {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 15px;
}
.twitter-reply {
    background: url("https://g.twimg.com/dev/documentation/image/reply.png") no-repeat center center;
}
.twitter-reply:hover {
    background: url("https://g.twimg.com/dev/documentation/image/reply_hover.png") no-repeat center center;
}
.twitter-retweet {
    background: url("https://g.twimg.com/dev/documentation/image/retweet.png") no-repeat center center;
}
.twitter-retweet:hover {
    background: url("https://g.twimg.com/dev/documentation/image/retweet_hover.png") no-repeat center center;
}
.twitter-favorite {
    background: url("https://g.twimg.com/dev/documentation/image/favorite.png") no-repeat center center;
}
.twitter-favorite:hover {
    background: url("https://g.twimg.com/dev/documentation/image/favorite_hover.png") no-repeat center center;
}

.social-embed-item.googleplus {
    border-color: #f09b95!important;
}
.social-embed-item.googleplus .author-link {
    color: inherit;
}
.google-plus-share {
    background: url("http://www.niaid.nih.gov/SiteCollectionImages/system/ContentMarketing/iconSmallGooglePlus.jpg") no-repeat center center;
    width: 50px;
}
.videoessenceTwitterPost, .videoessenceGooglePost {
    float: left;
}

.sprite {
    display: none !important;
    background: url("http://store.storeimages.cdn-apple.com/4150/store.apple.com/rs-web/web/base/icons/res/sitechrome.svg");
}
.advance-right {
    position: absolute;
    top: -6px;
    z-index: 1;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 300px auto;
}
.advance-left {
    position: absolute;
    top: -6px;
    z-index: 1;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 300px auto;
    cursor: pointer;
}
#fixed-header {
    -webkit-box-shadow: 4px 0 6px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 4px 0 6px 1px rgba(0,0,0,.1);
    box-shadow: 4px 0 6px 1px rgba(0,0,0,.1);
    /* display: none; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    top: 0;
    z-index: 999999999999999999;
}
.fixed-header-title {
    padding-top: 13px;
    padding-left: 35px;
}
#fixed-header .social-icons {
    padding-top: 10px;
    cursor: default;
}
.ve-icon-item {
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px;
    padding-bottom: 0px;
    height: 27px;
    margin-left: 10px;
}
.ve-icon-item:hover {
    background: rgba(0,0,0,0.05);
}
.ve-icon {
    background-image: url("images/sprites.png");
    width: 20px;
    height: 20px;
    display: inline-block;
    text-decoration: none;
    background-repeat: no-repeat;
}
.ve-icon.facebook {
    background-position:  -262px -20px;
}
.ve-icon.twitter {
    background-position:  0 -159px;
}
.ve-icon.googleplus {
    background-position:  -308px -20px;
}
.ve-icon.comments {
    background: url("images/comment.png") no-repeat center center;
}
.ve-icon-item.comments span {
    display: inline-block;
    margin-top: 0px;
    float: right;
    margin-left: 4px;
}
#nav-above {
    padding: 10px 20px;
    margin-bottom: 20px;
}

















/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10499999999999999992;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1049999999999999993;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #cccccc; }
.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }
/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
    opacity: 0.001; /* Chrome opacity transition bug */
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}