/*
Theme Name: Smart Blog
Theme URI: http://themepixels.net
Author: Krishna
Author URI: http://themepixels.net
Description: Smart Blog - A beautiful blog theme.
Version: 2.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, white, fluid-layout, featured-images, translation-ready, custom-menu
*/

/*------------------------------------------------------------------
[ Table of contents ]

1. General
2. Wordpress Styles
3. Header
    3.1. Basic Menu Styles
    3.2. Top Menu
    3.3. Primary Menu
    3.4. Sticky Header Menu
    3.5. Basic Dropdown Menu Styles
    3.6. Responsive Menu
    3.7. Overlay Search
    3.8. Topbar
    3.9. Header
    3.10. Sticky Header
4. Featured Slider & Carousel
5. Content
    5.1. Content Box
    5.2. Pages
6. Blog
    6.1. Blog Masonry
    6.2. Post Format: Image
    6.3. Post Format: Gallery
    6.4. Post Format: Audio & Video
    6.5. Post Format: Link
    6.6. Post Format: Quote
    6.7. Post Format: Status
    6.8. Author Box
    6.9. Related Post
    6.10. Single Post Navigation
7. Sidebar
8. Comments
9. Pagination
10. Footer
    10.1. Footer Bottom
11. Widgets
    11.1. Default Widgets
    11.2. Widget: Contact Info
    11.3. Widget: Flickr
    11.4. Widget: Posts
    11.5. Widget: Tabs
    11.6. Widget: Ads
    11.7. Widget: Recent Tweets
    11.8. Widget: Slider
    11.9. Widget: Instagram
12. Shortcodes
    12.1. Accordion
    12.2. Alert
    12.3. Button
    12.4. Divider
    12.5. Dropcap
    12.6. Google Map
    12.7. Highlight
    12.8. Modal
    12.9. Skillbar
    12.10. Spacing
    12.11. Tabs
    12.12. Toggle
    12.13. Testimonial
    12.14. Tooltip
    12.15. Video
13. Social Icons
14. Forms
15. Scroll To Top
16. Preloader
17. jQuery Plugins
    17.1. Flexslider
    17.2. Owl Carousel
    17.3. Magnific Popup

--------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 1. General */
/*-------------------------------------------------------------------------------------------*/
body {
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    line-height: 2;
    overflow-x: hidden;
    min-width: 320px;
    color: #606060;
    background-color: #fff;
    background-image: url('images/patterns/back_pattern.png');
    background-repeat: repeat;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
.boxed #wrapper {
    max-width: 1200px;
    margin: 20px auto;
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,.3);
    box-shadow: 0 0 6px rgba(0,0,0,.3);
}
:focus {
    outline: 0 !important
}
a {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
    color: #ff5b24;
}
a:hover, a:focus {
    text-decoration: none;
    color: #222;
}
ol, ul {
    margin-bottom: 15px;
    padding: 0 0 0 30px;
}
p {
    margin: 0 0 15px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    color: #222;
}
h1 {
    font-size: 25px;
    line-height: 35px;
}
h2 {
    font-size: 20px;
    line-height: 30px;
}
h3 {
    font-size: 18px;
    line-height: 28px;
}
h4 {
    font-size: 16px;
    line-height: 26px;
}
h5 {
    font-size: 14px;
    line-height: 24px;
}
h6 {
    font-size: 13px;
    line-height: 23px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #222
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
    color: #ff5b24;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. Wordpress Styles */
/*-------------------------------------------------------------------------------------------*/
.alignleft {
    float: left;
    margin: 0 20px 15px 0;
}
.alignright {
    float: right;
    margin: 0 0 15px 20px;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}

/* Captions */
.wp-caption {
    max-width: 100%;
    margin-bottom: 15px;
}
.wp-caption img[class*='wp-image-'] {
    display: block;
    margin: 0;
}
.wp-caption-text {
    font-size: 12px;
    line-height: 1.5;
    padding: 7px 0;
    text-align: center;
}

/* Gallery */
.gallery {
    margin-bottom: 20px
}
.gallery-item {
    display: inline-block;
    width: 100%;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
    max-width: 25%
}
.gallery-columns-5 .gallery-item {
    max-width: 20%
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}
.gallery-icon img {
    margin: 0 auto
}
.gallery-caption {
    font-size: 12px;
    line-height: 1.5;
    padding: 7px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}

/* Blockquote */
blockquote {
    font-size: 14px;
    font-style: italic;
    line-height: 2;
    position: relative;
    margin: 0 0 20px 0;
    padding: 25px 25px 25px 70px;
    color: #888;
    border-left: 3px solid #ff5b24;
    background: #f7f7f7;
}
blockquote:before {
    font-family: 'FontAwesome';
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: absolute;
    top: 25px;
    left: 25px;
    display: block;
    content: '\f10d';
    color: #ff5b24;
    -moz-osx-font-smoothing: grayscale;
}
blockquote cite {
    font-size: 12px;
    display: block;
}
blockquote cite:before {
    content: '\2014 \0020'
}
blockquote.left {
    float: left;
    width: 33%;
    margin-right: 20px;
    margin-left: 0;
    text-align: right;
}
blockquote.right {
    float: right;
    width: 33%;
    margin-right: 0;
    margin-left: 20px;
    text-align: left;
}

/*-------------------------------------------------------------------------------------------*/
/* 3. Header */
/*-------------------------------------------------------------------------------------------*/
.header-wrapper {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #eee;
}

/* 3.1. Basic Menu Styles
-------------------------------------------------- */
.sf-menu,
.sf-menu .sf-normal-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu .sf-normal-menu,
.sf-menu .sf-normal-menu li {
    position: relative
}
.sf-menu .sf-normal-menu ul {
    position: absolute;
    z-index: 99999;
    top: 100%;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.sf-menu .sf-normal-menu li:hover > ul,
.sf-menu .sf-normal-menu li.sfHover > ul {
    display: block;
    -webkit-transition: none;
    transition: none;
}
.sf-menu .sf-normal-menu a {
    position: relative;
    display: block;
}
.sf-menu .sf-normal-menu ul ul {
    top: 0;
    left: 100%;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner {
    position: absolute;
    z-index: 99999;
    right: 0;
    left: 0;
    display: none;
    text-align: left;
}
.sf-menu > .sf-megamenu li:hover > .sf-megamenu-inner,
.sf-menu > .sf-megamenu li.sfHover > .sf-megamenu-inner {
    display: block;
    -webkit-transition: none;
    transition: none;
}
.sf-menu > li.sf-megamenu > a {
    position: relative;
    display: block;
}
.sf-menu {
    float: left
}
.sf-menu > li {
    float: left
}
.sf-menu > li > a {
    zoom: 1;
    text-decoration: none;
}
.sf-menu li a i.fa {
    margin-right: 7px
}
.sf-menu .sf-normal-menu ul {
    min-width: 175px;
    *width: 175px;
}
.sf-menu .sf-normal-menu li {
    white-space: nowrap;
    *white-space: normal;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner > ul {
    display: table;
    width: 100%;
    padding: 0;
    list-style: none;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column {
    display: table-cell !important;
    vertical-align: top;
}
.sf-menu > li.sf-megamenu.col1 .sf-megamenu-inner .megamenu-column {
    width: 100%
}
.sf-menu > li.sf-megamenu.col2 .sf-megamenu-inner .megamenu-column {
    width: 50%
}
.sf-menu > li.sf-megamenu.col3 .sf-megamenu-inner .megamenu-column {
    width: 33.33%
}
.sf-menu > li.sf-megamenu.col4 .sf-megamenu-inner .megamenu-column {
    width: 25%
}
.sf-menu > li.sf-megamenu.col5 .sf-megamenu-inner .megamenu-column {
    width: 20%
}
.sf-menu > li.sf-megamenu.col6 .sf-megamenu-inner .megamenu-column {
    width: 16.66%
}
.sf-menu > li.sf-megamenu ul ul {
    margin-top: 0
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column ul {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    width: 100%;
    min-width: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    opacity: 1 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3.2. Top Menu
-------------------------------------------------- */
.top-menu > li,
.top-menu > li.sf-normal-menu,
.top-menu > li.sf-megamenu {
    display: block;
    float: left;
}
.top-bar-right .top-menu > li,
.top-bar-right .top-menu > li.sf-normal-menu,
.top-bar-right .top-menu > li.sf-megamenu {
    margin-right: 0
}
.top-menu > li > a {
    font-size: 12px;
    font-weight: normal;
    line-height: 44px;
    display: block;
    height: 44px;
    padding: 0 15px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #ccc;
    border-right: 1px solid #383838;
}
.top-menu > li:first-child > a {
    border-left: 1px solid #383838
}
.top-bar-right .top-bar-search-icon + .top-navigation .top-menu > li:last-child a {
    border-right: 0
}
.top-menu > li > a:hover,
.top-menu > li.sfHover > a {
    color: #fff
}
.top-menu > li.current-menu-item > a,
.top-menu > li.current-menu-ancestor > a {
    text-decoration: none;
    color: #fff !important;
}

/* 3.3. Primary Menu
-------------------------------------------------- */
/* Header One */
.header-style-one .primary-menu > li,
.header-style-one .primary-menu > li.sf-normal-menu,
.header-style-one .primary-menu > li.sf-megamenu {
    display: inline-block;
    float: none;
    margin-right: 30px;
}
.header-style-one .primary-menu > li:last-child,
.header-style-one .primary-menu > li:last-child.sf-normal-menu,
.header-style-one .primary-menu > li:last-child.sf-megamenu {
    margin-right: 0
}
.header-style-one .primary-menu > li > a {
    font-size: 12px;
    font-weight: 700;
    line-height: 58px;
    display: block;
    height: 60px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    border-top: 2px solid transparent;
}
.header-style-one .primary-menu > li > a:hover,
.header-style-one .primary-menu > li.sfHover > a {
    color: #ff5b24;
    border-color: #ff5b24;
}
.header-style-one .primary-menu > li.current-menu-item > a,
.header-style-one .primary-menu > li.current-menu-ancestor > a {
    text-decoration: none;
    color: #ff5b24;
    border-color: #ff5b24;
}

/* Header Two */
.header-style-two .primary-menu > li,
.header-style-two .primary-menu > li.sf-normal-menu,
.header-style-two .primary-menu > li.sf-megamenu {
    display: block;
    float: left;
    margin-left: 30px;
}
.header-style-two .primary-menu > li > a {
    font-size: 12px;
    font-weight: 700;
    line-height: 98px;
    display: block;
    height: 100px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    border-top: 2px solid transparent;
}
.header-style-two .primary-menu > li > a:hover,
.header-style-two .primary-menu > li.sfHover > a {
    color: #ff5b24;
    border-color: #ff5b24;
}
.header-style-two .primary-menu > li.current-menu-item > a,
.header-style-two .primary-menu > li.current-menu-ancestor > a {
    text-decoration: none;
    color: #ff5b24;
    border-color: #ff5b24;
}

/* Header Three */
.header-style-three .primary-menu > li,
.header-style-three .primary-menu > li.sf-normal-menu,
.header-style-three .primary-menu > li.sf-megamenu {
    display: inline-block;
    float: none;
    margin-right: 30px;
}
.header-style-three .primary-menu > li:last-child,
.header-style-three .primary-menu > li:last-child.sf-normal-menu,
.header-style-three .primary-menu > li:last-child.sf-megamenu {
    margin-right: 0
}
.header-style-three .primary-menu > li > a {
    font-size: 12px;
    font-weight: 700;
    line-height: 58px;
    display: block;
    height: 60px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    border-top: 2px solid transparent;
}
.header-style-three .primary-menu > li > a:hover,
.header-style-three .primary-menu > li.sfHover > a {
    color: #ff5b24;
    border-color: #ff5b24;
}
.header-style-three .primary-menu > li.current-menu-item > a,
.header-style-three .primary-menu > li.current-menu-ancestor > a {
    text-decoration: none;
    color: #ff5b24;
    border-color: #ff5b24;
}

/* 3.4. Sticky Header Menu
-------------------------------------------------- */
.sticky-header .sticky-menu > li,
.sticky-header .sticky-menu > li.sf-normal-menu,
.sticky-header .sticky-menu > li.sf-megamenu {
    display: block;
    float: left;
    margin-left: 30px;
}
.sticky-header .sticky-menu > li > a {
    font-size: 12px;
    font-weight: 700;
    line-height: 78px;
    display: block;
    height: 80px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    border-top: 2px solid transparent;
}
.sticky-header .sticky-menu > li > a:hover,
.sticky-header .sticky-menu > li.sfHover > a {
    color: #ff5b24;
    border-color: #ff5b24;
}
.sticky-header .sticky-menu > li.current-menu-item > a,
.sticky-header .sticky-menu > li.current-menu-ancestor > a {
    text-decoration: none;
    color: #ff5b24;
    border-color: #ff5b24;
}

/* 3.5. Basic Dropdown Menu Styles
-------------------------------------------------- */
/* Normal Menu */
.sf-menu > .sf-normal-menu ul {
    border-top: 2px solid #ff5b24;
    background-color: #2f2f2f;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
}
.sf-menu > .sf-normal-menu ul ul {
    left: 100%;
    margin-top: -2px;
    margin-left: 0;
    text-align: left;
}
.sf-menu > .sf-normal-menu ul li {
    display: block;
    padding: 0;
}
.sf-menu > .sf-normal-menu ul a {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4em;
    display: block;
    float: none;
    height: auto;
    margin: 0;
    padding: 12px;
    text-transform: none;
    color: #ccc;
    border: 0;
    border-bottom: 1px solid #383838;
}
.sf-menu > .sf-normal-menu ul li:last-child > a {
    border-bottom: none
}
.sf-menu > .sf-normal-menu ul a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #242424;
}

/* Megamenu */
.sf-menu > .sf-megamenu .sf-megamenu-inner {
    border-top: 2px solid #ff5b24;
    background-color: #2f2f2f;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column {
    padding: 30px 0
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column {
    border-left: 1px solid #383838
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column:first-child {
    border-left: none
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column .megamenu-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    display: block;
    margin-bottom: 7px;
    padding: 0 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ff5b24;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column .megamenu-title:hover {
    text-decoration: none;
    color: #ff5b24;
    background: none;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column ul li {
    display: block;
    padding: 0;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column ul a {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4em;
    display: block;
    padding: 12px 30px;
    color: #ccc;
}
.sf-menu > .sf-megamenu .sf-megamenu-inner .megamenu-column ul a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #242424;
}

/* 3.6. Responsive Menu
-------------------------------------------------- */
/* Top Menu */
.top-mobile-navigation {
    background-color: #333
}
.top-mobile-navigation-inner {
    display: none
}
.top-mobile-menu {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}
.top-mobile-menu ul {
    margin: 0 0 0 25px;
    padding: 0;
}
.top-mobile-menu li {
    position: relative;
    list-style: none;
}
.top-submenu-toggle {
    font-size: 20px;
    line-height: 41px;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    text-align: center;
    color: #bbb;
}
.top-submenu-toggle:hover {
    color: #fff
}
.top-mobile-menu li a {
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin: 0 0 10px;
    padding: 10px 44px 10px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bbb;
    background-color: rgba(0, 0, 0, .1);
}
.top-mobile-menu li a i.fa {
    margin-right: 7px
}
.top-mobile-menu li a:hover {
    color: #fff
}

/* Top Menu Trigger */
.top-mobile-menu-icon {
    display: none;
    cursor: pointer;
}
.top-mobile-menu-trigger-desc {
    font-size: 13px;
    font-weight: normal;
    display: none;
    margin-left: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ddd;
}
.top-mobile-menu-trigger {
    font-size: 20px;
    line-height: 20px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #ddd;
}

/* Primary Menu */
.sidr {
    position: absolute;
    position: fixed;
    z-index: 999999;
    top: 0;
    display: none;
    overflow-x: none;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    height: 100%;
    color: #fff;
    background-color: #242424;
}
.sidr.right {
    right: -300px;
    left: auto;
}
.sidr.left {
    right: auto;
    left: -300px;
}
.sidr-primary-close {
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ff5b24;
}
.sidr-primary-close:hover,
.sidr-primary-close:focus {
    color: #fff
}
.primary-mobile-menu {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
.primary-mobile-menu ul {
    margin: 0;
    padding: 0;
}
.primary-mobile-menu li {
    position: relative;
    list-style: none;
}
.primary-submenu-toggle {
    font-size: 20px;
    line-height: 41px;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    text-align: center;
    color: #bbb;
}
.primary-submenu-toggle:hover {
    color: #fff
}
.primary-mobile-menu li a {
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin: 0;
    padding: 10px 44px 10px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bbb;
    border-bottom: 1px solid #383838;
}
.primary-mobile-menu li a i.fa {
    margin-right: 7px
}
.primary-mobile-menu ul a {
    padding-left: 30px
}
.primary-mobile-menu ul ul a {
    padding-left: 45px
}
.primary-mobile-menu ul ul ul a {
    padding-left: 60px
}
.primary-mobile-menu ul ul ul ul a {
    padding-left: 75px
}
.primary-mobile-menu li a:hover {
    color: #fff
}

/* Primary Menu Trigger */
.primary-mobile-menu-icons,
.sticky-mobile-menu-icons {
    position: absolute;
    top: 50%;
    right: 0;
    display: none;
    margin-top: -15px;
}
.primary-mobile-menu-icons > a,
.sticky-mobile-menu-icons > a {
    font-size: 25px;
    line-height: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #444;
}

/* Responsive Menu Search */
.sidr .mobile-menu-search {
    padding: 0 15px
}
.top-mobile-navigation .top-mobile-menu + .mobile-menu-search {
    margin-top: 20px
}
.mobile-menu-search .has-search-icon {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.mobile-menu-search .form-control {
    width: 100%;
    height: 44px;
    padding-right: 42.5px;
    color: #bbb;
    border-color: #383838;
    background-color: #2f2f2f;
}
.mobile-menu-search .form-control-search {
    line-height: 44px;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 44px;
    text-align: center;
    pointer-events: none;
    color: #bbb;
}

/* 3.7. Overlay Search
-------------------------------------------------- */
.overlay-search {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
}
.overlay-search-inner {
    position: relative;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay-search-form .form-control {
    font-size: 25px;
    line-height: normal;
    width: 100%;
    height: 100px;
    padding: 0 25px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    background: transparent;
}
.overlay-search-close {
    font-size: 35px;
    line-height: 50px;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    outline: 0;
}
.overlay-search-close:hover {
    color: #fff
}
.overlay-search-form .form-control::-webkit-input-placeholder {
    color: #ccc !important
}
.overlay-search-form .form-control:-moz-placeholder {
    color: #ccc !important
}
.overlay-search-form .form-control::-moz-placeholder {
    color: #ccc !important
}
.overlay-search-form .form-control:-ms-input-placeholder {
    color: #ccc !important
}

/* 3.8. Topbar
-------------------------------------------------- */
.top-bar-wrapper {
    position: relative;
    background-color: #2f2f2f;
}
.top-bar-inner {
    position: relative
}
.top-bar-left {
    float: left
}
.top-bar-right {
    float: right
}
.top-bar-left,
.top-bar-right {
    line-height: 44px
}
.top-bar-left,
.top-bar-right,
.top-bar-left a,
.top-bar-right a {
    color: #ccc
}
.top-bar-left a:hover,
.top-bar-right a:hover {
    color: #fff
}

/* Topbar Info */
.top-bar-info {
    line-height: 0;
    float: left;
    margin: 10px 0;
    padding: 0;
    list-style: none;
}
.top-bar-right .top-bar-info {
    float: right
}
.top-info-box {
    font-size: 12px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    letter-spacing: 1px;
}
.top-bar-left .top-info-box:last-child {
    margin-right: 0
}
.top-bar-right .top-info-box {
    margin-right: 0;
    margin-left: 20px;
}
.top-bar-right .top-info-box:first-child {
    margin-left: 0
}
.top-info-box,
.top-info-box > a {
    text-decoration: none;
    color: #ccc;
}
.top-info-box > a:hover,
.top-info-box.open > a {
    color: #fff
}
.top-info-box i {
    margin-right: 5px
}

/* Topbar Social */
.top-bar-social {
    float: left
}
.top-bar-right .top-bar-social {
    float: right
}

/* Topbar Search */
.top-bar-search-icon {
    position: relative;
    float: right;
}
.top-bar-search-icon > a {
    font-size: 13px;
    line-height: 44px;
    position: relative;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 44px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    color: #fff;
    background-color: #242424;
}
.top-bar-search-icon > a:hover {
    color: #fff;
    background-color: #ff5b24;
}

/* Top Navigation */
.top-bar-right .top-navigation {
    float: left
}

/* 3.9. Header
-------------------------------------------------- */
#header {
    position: relative;
    background-color: #fff;
}
.header-inner {
    position: relative
}
#header .logo h1 {
    margin-bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#header .retina-logo {
    display: none
}

/* Header One */
.header-style-one .logo {
    float: left;
    max-width: 190px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.header-style-one .logo a {
    display: block
}

.header-style-one .primary-navigation-wrapper {
    position: relative;
    border-top: 1px solid #eee;
}
.header-style-one .primary-navigation-inner {
    position: relative
}
.header-style-one .primary-navigation {
    float: left;
    width: 100%;
    text-align: center;
}
.header-style-one .primary-menu {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.header-style-one .header-search-icon {
    display: inline-block;
    float: none;
    margin-left: 30px;
    vertical-align: middle;
}
.header-style-one .header-search-btn {
    font-size: 13px;
    line-height: 60px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #666;
}
.header-style-one .header-search-btn:hover {
    color: #ff5b24
}

/* Header Two */
.header-style-two .logo {
    float: left;
    max-width: 190px;
    margin-top: 18px;
    margin-bottom: 17px;
}
.header-style-two .logo a {
    display: block
}

.header-style-two .primary-navigation {
    float: right
}
.header-style-two .header-search-icon {
    float: left;
    margin-left: 30px;
}

.header-style-two .header-search-btn {
    font-size: 13px;
    line-height: 100px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #666;
}
.header-style-two .header-search-btn:hover {
    color: #ff5b24
}

/* Header Three */
.header-style-three .header-inner {
    padding: 25px 0
}

.header-style-three .logo {
    float: left;
    max-width: 190px;
    margin-top: 13px;
    margin-bottom: 12px;
}
.header-style-three .logo a {
    display: block
}

.header-ad {
    float: right;
    max-width: 65%;
    margin: 0;
}

.header-style-three .primary-navigation-wrapper {
    position: relative;
    border-top: 1px solid #eee;
}
.header-style-three .primary-navigation-inner {
    position: relative
}
.header-style-three .primary-navigation {
    float: left;
    width: 100%;
}

.header-style-three .header-search-icon {
    float: right;
    margin-left: 30px;
}
.header-style-three .header-search-btn {
    font-size: 13px;
    line-height: 60px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #666;
}
.header-style-three .header-search-btn:hover {
    color: #ff5b24
}

/* 3.10. Sticky Header
-------------------------------------------------- */
.sticky-header {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.sticky-header.init-sticky {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.sticky-header-inner {
    position: relative
}

/* Logo */
.sticky-header .logo {
    float: left;
    max-width: 160px;
    margin-top: 13px;
    margin-bottom: 12px;
}
.sticky-header .logo a {
    display: block
}
.sticky-header .retina-logo {
    display: none
}

/* Navigation */
.sticky-header .sticky-navigation {
    float: right
}

/* Search Icon */
.sticky-header .sticky-header-search-icon {
    float: left;
    margin-left: 30px;
}
.sticky-header .sticky-header-search-btn {
    font-size: 13px;
    line-height: 80px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #666;
}
.sticky-header .sticky-header-search-btn:hover {
    color: #ff5b24
}

/*-------------------------------------------------------------------------------------------*/
/* 4. Featured Slider & Carousel */
/*-------------------------------------------------------------------------------------------*/
.featured-slider-wrapper {
    padding-top: 30px
}
.featured-slider .first-post,
.featured-slider .other-post,
.featured-slider .main-post {
    position: relative;
    float: left;
    overflow: hidden;
}
.featured-slider .first-post {
    width: 66.6667%;
    height: 428px;
}
.featured-slider .other-post {
    width: 33.3333%;
    height: 214px;
}
.featured-slider .main-post {
    width: 100%;
    height: auto;
}
.featured-slider .featured-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
}
.featured-slider .featured-content {
    padding: 30px
}
.featured-slider .other-post .featured-content {
    padding: 20px
}
.featured-slider .featured-post-cats > a {
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    background-color: #ff5b24;
}
.featured-slider .other-post .featured-post-cats > a {
    font-size: 11px;
    padding: 4px 8px;
}
.featured-slider .featured-post-title {
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}
.featured-slider .first-post .featured-post-title {
    font-size: 22px
}
.featured-slider .other-post .featured-post-title {
    font-size: 15px
}
.featured-slider .main-post .featured-post-title {
    font-size: 25px
}
.featured-slider .featured-post-title a {
    color: #fff
}
.featured-slider .featured-post-title a:hover {
    color: #fff
}

/* Featured Carousel */
.featured-carousel .featured-item {
    position: relative;
    float: left;
    overflow: hidden;
}
.featured-carousel .featured-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
}
.featured-carousel .featured-post-cats > a {
    font-size: 11px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 8px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    background-color: #ff5b24;
}
.featured-carousel .featured-post-title {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}
.featured-carousel .featured-post-title a {
    color: #fff
}
.featured-carousel .featured-post-title a:hover {
    color: #fff
}

/*-------------------------------------------------------------------------------------------*/
/* 5. Content */
/*-------------------------------------------------------------------------------------------*/
.main-wrapper {
    position: relative;
    padding: 30px 0 50px;
}
#primary.has-no-sidebar {
    width: 100%
}
#secondary.no-sidebar {
    display: none
}

/* 5.1. Content Box
-------------------------------------------------- */
.post-entry {
    position: relative;
    margin-bottom: 30px;
}
.post-box {
    border: 1px solid #eee;
    background-color: #fff;
}

/* Post Header */
.post-header {
    padding: 30px;
    border-bottom: 1px solid #eee;
}
.post-format-icon {
    float: left;
    margin-right: 15px;
}
.post-format-icon > i {
    font-size: 18px;
    line-height: 40px;
    width: 44px;
    height: 44px;
    text-align: center;
    color: #ff5b24;
    border: 2px solid #ff5b24;
    border-radius: 99px;
}
.post-info-wrap {
    overflow: hidden
}
.post-box .post-title {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.1;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}
.post-box .post-title a {
    text-decoration: none;
    color: #000;
}
.post-box .post-title a:hover {
    color: #ff5b24
}
.post-meta {
    font-size: 13px;
    margin-top: 10px;
    color: #999;
}
.post-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.post-meta li {
    float: left;
    margin-right: 15px;
}
.post-meta li > i.fa {
    margin-right: 5px
}
.post-meta a {
    text-decoration: none;
    color: #999;
}
.post-meta a:hover {
    color: #ff5b24
}

/* Post Like */
a.tp-post-like {
    font-weight: normal;
    display: inline-block;
    width: auto;
    -moz-transition: all 0.3s ease-out 0.2s;
    -webkit-transition: all 0.3s ease-out 0.2s;
    -o-transition: all 0.3s ease-out 0.2s;
}
a.tp-post-like.liked {
    color: #da1b1b !important
}
a.tp-post-like:hover,
a.tp-post-like:active,
a.tp-post-like:focus,
a.liked:hover,
a.liked:active,
a.liked:focus {
    color: #000
}

/* Post Media */
.post-media {
    position: relative
}
.post-media img {
    width: 100%
}

/* Post Content */
.post-content {
    position: relative;
    overflow: hidden;
    padding: 30px;
}
.read-more a {
    font-size: 13px;
    float: left;
    padding: 5px 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #ff5b24;
}
.read-more a:hover {
    color: #fff;
    background-color: #000;
}

/* Post Meta Footer */
.post-meta-footer ul {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}
.post-meta-footer li {
    display: block
}
.post-meta-footer li > i.fa {
    margin-right: 5px
}
.post-meta-footer a {
    text-decoration: none;
    color: #999;
}
.post-meta-footer a:hover {
    color: #ff5b24
}

/* Post Footer */
.post-footer {
    position: relative;
    text-align: center;
    border-top: 1px solid #eee;
}

/* Section Title */
.section-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.1;
    position: relative;
    margin-bottom: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.section-title:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 5px;
    margin-top: -3px;
    content: '';
    border-width: 1px 0;
    border-style: solid;
    border-color: #d5d5d5;
}
.section-title > span {
    position: relative;
    display: inline-block;
    padding: 0 7px 0 0;
    background-color: #fff;
}

/* 5.2. Pages
-------------------------------------------------- */
/* 404 Page */
.page-not-found .post-content {
    text-align: center
}
.page-not-found-icon i.fa {
    font-size: 100px
}

/* Main Heading */
.main-heading {
    margin-bottom: 30px;
    text-align: center;
}
.main-heading h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777;
}
.main-heading span {
    font-size: 25px;
    line-height: 1.5;
    display: block;
    color: #000;
}

/* Sitemap */
.sitemap-col {
    margin-bottom: 25px
}
.sitemap-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sitemap-col li {
    margin-bottom: 0
}
.sitemap-col li a:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    content: '\f054';
    color: #606060;
}
.sitemap-col li a {
    position: relative;
    display: block;
    padding: 10px 0;
    color: #606060;
    border-bottom: 1px dotted #ddd;
}
.sitemap-col li a:hover {
    color: #ff5b24
}
.sitemap-col .children {
    margin-left: 20px
}

/*-------------------------------------------------------------------------------------------*/
/* 6. Blog */
/*-------------------------------------------------------------------------------------------*/

/* 6.1. Blog Masonry
-------------------------------------------------- */
.blog-masonry {
    margin: -15px
}
.blog-masonry.blog-2col .post-entry {
    width: 50%;
    margin: 0;
    padding: 15px;
}
.blog-masonry.blog-3col .post-entry {
    width: 33.3333%;
    margin: 0;
    padding: 15px;
}

/* 6.2. Post Format: Image
-------------------------------------------------- */
.post-thumbnail-wrapper {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #000;
}
.post-thumbnail-wrapper > a {
    position: relative;
    display: block;
}
.post-thumbnail-wrapper img {
    position: relative;
    display: block;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
}
.post-thumbnail-wrapper .thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.post-thumbnail-wrapper:not(.no-thumb-border) .thumb-overlay::before {
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
    content: '';
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
    opacity: 0;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 25px rgba(255,255,255,.2);
    box-shadow: 0 0 0 25px rgba(255,255,255,.2);
}
.post-thumbnail-wrapper .thumb-overlay::before,
.post-thumbnail-wrapper .thumb-overlay::after {
    pointer-events: none
}
.post-thumbnail-wrapper .thumb-overlay i.fa {
    line-height: 47px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    text-align: center;
    opacity: 0;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 99px;
}
.post-thumbnail-wrapper:hover .thumb-overlay::before,
.post-thumbnail-wrapper:hover .thumb-overlay i.fa {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1;
}
.post-thumbnail-wrapper:not(.img-no-hover):hover img {
    opacity: .4
}

/* 6.3. Post Format: Gallery
-------------------------------------------------- */
.post-gallery-wrapper {
    overflow: hidden
}

/* 6.4. Post Format: Audio & Video
-------------------------------------------------- */
.post-content .mejs-container {
    margin-bottom: 15px
}
.mejs-controls .mejs-offscreen {
    z-index: 1
}

/* Audio */
.post-audio-wrapper {
    position: relative
}
.responsive-audio-wrapper {
    position: relative;
    height: 0;
    padding: 0;
    padding-bottom: 35.0877%;
}
.responsive-audio-wrapper iframe,
.responsive-audio-wrapper oject,
.responsive-audio-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Video */
.post-video-wrapper .wp-video {
    width: 100% !important;
    height: auto !important;
}
.wp-video .mejs-container {
    width: 100% !important;
    height: auto !important;
    padding-top: 57%;
}
.wp-video .mejs-overlay,
.wp-video .mejs-poster {
    width: 100% !important;
    height: 100% !important;
}
.wp-video .mejs-poster {
    background-size: cover !important;
}
.wp-video .mejs-mediaelement video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.responsive-video-wrapper {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%;
}
.responsive-video-wrapper iframe,
.responsive-video-wrapper oject,
.responsive-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 6.5. Post Format: Link
-------------------------------------------------- */
.post-link-wrapper {
    position: relative;
    text-align: center;
    color: #fff;
}
.post-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    background-color: #000;
}
.post-link-head-content {
    position: relative;
    padding: 50px 15px;
}
.post-link-head-content > a:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    margin-right: 10px;
    content: '\f0c1';
    color: rgba(255, 255, 255, .8);
}
.post-link-head-content > a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.post-link-head-content a {
    font-size: 20px;
    line-height: 1.5;
    text-decoration: none;
    letter-spacing: .75px;
    color: #fff;
}
.post-link-head-content a:hover {
    color: #fff
}

/* 6.6. Post Format: Quote
-------------------------------------------------- */
.post-quote-wrapper {
    position: relative;
    text-align: center;
    color: #fff;
}
.post-quote-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    background-color: #000;
}
.post-quote-content {
    position: relative;
    padding: 50px 30px;
}
.post-quote-content > p:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    font-style: normal;
    margin-right: 15px;
    content: '\f10d';
    color: rgba(255, 255, 255, .8);
}
.post-quote-content > p {
    font-size: 20px;
    font-style: italic;
    line-height: 1.5;
    margin: 0 0 15px;
    padding: 0;
    letter-spacing: .75px;
    color: #fff;
}
.post-quote-author {
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
}
.post-quote-author a {
    text-decoration: none;
    color: #fff;
}
.post-quote-author a:hover {
    color: #fff
}

/* 6.7. Post Format: Status
-------------------------------------------------- */
.post-status-wrapper {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.post-status-wrapper iframe.twitter-tweet {
    margin: 50px auto !important
}
.post-status-wrapper iframe.instagram-media {
    margin: 50px auto !important
}

/* 6.8. Author Box
-------------------------------------------------- */
.author-box {
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #eee;
    background-color: #fff;
}
.author-box .author-title {
    font-size: 14px;
    line-height: 1.5;
    margin: 7px 0 10px;
}
.author-box .author-title a {
    color: #222
}
.author-box .author-title a:hover {
    color: #ff5b24
}
.author-box .author-avatar .avatar {
    padding: 5px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    background-color: #fff;
}

/* 6.9. Related Post
-------------------------------------------------- */
.related-posts-wrapper {
    position: relative;
    margin-bottom: 30px;
    padding: 30px 30px 15px 30px;
    border: 1px solid #eee;
    background-color: #fff;
}
.related-posts {
    margin-bottom: 20px
}
.related-post-thumbnail {
    float: left;
    max-width: 60px;
    margin-right: 15px;
}
.related-post-content {
    overflow: hidden
}
.related-post-title {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 5px;
    letter-spacing: .5px;
}
.related-post-title a {
    text-decoration: none;
    color: #222;
}
.related-post-title a:hover {
    color: #ff5b24
}
.related-post-meta {
    font-size: 13px;
    margin: 0;
    color: #999;
}
.related-post-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.related-post-meta li {
    float: left;
    margin-right: 10px;
}
.related-post-meta li > i.fa {
    margin-right: 5px
}
.related-post-meta a {
    text-decoration: none;
    color: #999;
}
.related-post-meta a:hover {
    color: #ff5b24
}

/* 6.10. Single Post Navigation
-------------------------------------------------- */
.post-navigation {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 30px;
    table-layout: fixed;
    border: 1px solid #eee;
    background-color: #fff;
}
.post-navigation .post-previous,
.post-navigation .post-next {
    position: relative;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.post-navigation .post-previous {
    padding: 10px 10px 10px 15px;
    text-align: left;
}
.post-navigation.no-next-link .post-previous {
    float: left;
    border-right: 1px solid #ddd;
}
.post-navigation .post-next {
    padding: 10px 15px 10px 10px;
    text-align: right;
    border-left: 1px solid #eee;
}
.post-navigation.no-previous-link .post-next {
    float: right
}
.post-navigation i.fa {
    font-size: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.post-previous i.fa {
    left: 15px
}
.post-next i.fa {
    right: 15px
}
.post-navigation h3 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.post-previous h3 {
    margin-left: 40px
}
.post-next h3 {
    margin-right: 40px
}
.post-navigation span {
    font-size: 11px;
    display: block;
}
.post-navigation a,
.post-navigation a h3 {
    color: #222
}
.post-navigation a:hover,
.post-navigation a:hover h3 {
    color: #ff5b24
}

/*-------------------------------------------------------------------------------------------*/
/* 7. Sidebar */
/*-------------------------------------------------------------------------------------------*/
.sidebar-widget {
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #eee;
    background-color: #fff;
}

/* Widget Title */
.sidebar-widget .widget-title-wrapper {
    position: relative
}
.sidebar-widget .widget-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.1;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
}
.sidebar-widget .widget-title:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 5px;
    margin-top: -2px;
    content: '';
    border-width: 1px 0;
    border-style: solid;
    border-color: #d5d5d5;
}
.sidebar-widget .widget-title > span {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding: 0 7px;
    background-color: #fff;
}
.sidebar-widget .widget-title-inner {
    display: block
}
.sidebar-widget .widget-title-inner:before,
.sidebar-widget .widget-title-inner:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0;
    height: 5px;
    margin-top: -2px;
    content: '';
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ff5b24;
}
.sidebar-widget .widget-title-inner:before {
    left: 0
}
.sidebar-widget .widget-title-inner:after {
    right: 0
}
.sidebar-widget:hover .widget-title-inner:before,
.sidebar-widget:hover .widget-title-inner:after {
    width: 50%
}

/*-------------------------------------------------------------------------------------------*/
/* 8. Comments */
/*-------------------------------------------------------------------------------------------*/
.comments-area {
    margin-bottom: 30px;
    padding: 30px 30px 10px;
    border: 1px solid #eee;
    background-color: #fff;
}
.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.comment-list .comment-body {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.comment-list .comment-author {
    float: left;
    margin-right: 25px;
}
.comment-list .comment-meta-wrapper {
    overflow: hidden
}
.comment-list .comment-meta .fn {
    font-weight: 700;
    font-style: normal;
    display: block;
    color: #333;
}
.comment-list .comment-meta .url {
    text-decoration: none;
    color: #333;
}
.comment-list .comment-meta .url:hover {
    color: #ff5b24
}
.comment-list .comment-meta a {
    text-decoration: none;
    color: #999;
}
.comment-list .comment-meta a:hover {
    color: #ff5b24
}
.comment-list .comment-meta .edit-link {
    margin-left: 5px
}
.comment-list .comment-meta .edit-link i.fa {
    margin-right: 5px
}
.comment-list .comment-text {
    overflow: hidden
}
.comment-list .comment-text p:last-child {
    margin-bottom: 0
}
.comment-list .children {
    margin: 0;
    padding: 0 0 0 40px;
    list-style: none;
}
.comment-list .bypostauthor {}
.no-comments {
    margin: 0 0 15px
}

/* Comment Form */
.comment-form-wrapper #respond {
    padding: 30px 30px 20px;
    border: 1px solid #eee;
    background-color: #fff;
}
.comment-reply-title {
    margin: 0
}
#cancel-comment-reply-link {
    font-size: 13px;
    line-height: 2;
    float: right;
    color: #999;
}
#cancel-comment-reply-link:hover {
    color: #ff5b24
}
.comment-notes {
    margin: 0 0 15px;
    color: #606060;
}
.logged-in-as {
    margin: 0 0 15px
}
span.required {
    font-size: 10px;
    color: #f00;
}
.form-allowed-tags {
    margin: 0 0 15px
}
.form-submit {
    margin: 0 0 15px
}
.form-submit .btn {
    margin: 0;
    letter-spacing: 1px;
}

/* Comment Navigation */
.comment-navigation {
    display: table;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 30px;
    table-layout: fixed;
    border: 1px solid #eee;
    border-top: 0;
    background-color: #fff;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    display: table-cell;
    width: 50%;
}
.comment-navigation .nav-previous {
    text-align: left
}
.comment-navigation .nav-next {
    text-align: right;
    border-left: 1px solid #eee;
}
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
    font-family: 'FontAwesome'
}
.comment-navigation .nav-previous a:before {
    margin-right: 5px;
    content: '\f104';
}
.comment-navigation .nav-next a:after {
    margin-left: 5px;
    content: '\f105';
}
.comment-navigation a {
    display: block;
    padding: 25px;
    color: #606060;
}
.comment-navigation a:hover {
    color: #ff5b24
}

/*-------------------------------------------------------------------------------------------*/
/* 9. Pagination */
/*-------------------------------------------------------------------------------------------*/
/* Prev/Next Pagination */
.posts-navigation {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 30px;
    table-layout: fixed;
    border: 1px solid #eee;
    background-color: #fff;
}
.blog-masonry + .posts-navigation {
    margin-top: 30px;
}
.posts-navigation .nav-previous,
.posts-navigation .nav-next {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 15px;
    vertical-align: middle;
}
.posts-navigation .nav-previous {
    text-align: left
}
.posts-navigation.no-next-link .nav-previous {
    float: left;
    border-right: 1px solid #ddd;
}
.posts-navigation .nav-next {
    text-align: right;
    border-left: 1px solid #eee;
}
.posts-navigation.no-previous-link .nav-next {
    float: right
}
.posts-navigation a {
    display: block;
    color: #606060;
}
.posts-navigation a:hover {
    color: #ff5b24
}

/* Numbered Pagination */
.page-numbers {
    font-size: 13px;
    line-height: 1.5;
    position: relative;
    clear: both;
    margin: 30px 0;
    padding: 0;
    text-align: center;
}
.page-numbers span,
.page-numbers a {
    display: inline-block;
    width: auto;
    margin: 4px 4px 4px 0;
    padding: 7px 15px;
    text-decoration: none;
    color: #606060;
    background-color: #fff;
}
.page-numbers a:hover {
    color: #fff;
    background-color: #f26c4f;
}
.page-numbers .current {
    padding: 7px 15px;
    color: #fff;
    background-color: #f26c4f;
}

/* Page Links */
.page-links {
    position: relative;
    margin-bottom: 15px;
}
.page-links > span,
.page-links a {
    line-height: 30px;
    display: inline-block;
    height: 30px;
    margin: 0 2px 2px 0;
    padding: 0 10px;
    color: #fff;
    background-color: #444;
}
.page-links a:hover {
    color: #fff;
    background-color: #ff5b24;
}
.page-links > span {
    color: #fff;
    background-color: #ff5b24;
}

/*-------------------------------------------------------------------------------------------*/
/* 10. Footer */
/*-------------------------------------------------------------------------------------------*/
.footer-wrapper {
    position: relative
}
#footer {
    position: relative;
    padding: 50px 0;
    color: #aaa;
    background-color: #2f2f2f;
}
.footer-widget {
    margin-bottom: 30px
}
.footer-widget a {
    color: #ccc
}
.footer-widget a:hover {
    color: #fff
}
.footer-widget p {
    margin-bottom: 20px
}

/* Footer 5 Columns */
.col-md-1-by-5 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Widget Title */
#footer h3.widget-title {
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
}

/* 10.1. Footer Bottom
-------------------------------------------------- */
.footer-bottom {
    position: relative;
    background-color: #242424;
    padding: 40px 0;
    text-align: center;
}
.footer-bottom-inner {
    position: relative
}

/* Copyright */
.copyright {
    float: none;
    color: #aaa;
}
.footer-social + .copyright {
    margin-top: 15px;
}
.footer-navigation + .copyright {
    margin-top: 20px;
}
.copyright a {
    color: #ccc
}
.copyright a:hover {
    text-decoration: none;
    color: #fff;
}

/* Footer Menu */
.footer-navigation {
    float: none;
}
.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-menu li {
    display: inline-block;
    margin-left: 15px;
}
.footer-menu li:first-child {
    margin-left: 0;
}
.footer-menu a {
    color: #ccc
}
.footer-menu a:hover {
    text-decoration: none;
    color: #fff;
}

/* Footer Social */
.footer-social {
    float: none;
}

/*-------------------------------------------------------------------------------------------*/
/* 11. Widgets */
/*-------------------------------------------------------------------------------------------*/
.sidebar-widget ul,
.footer-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-widget select,
.footer-widget select {
    max-width: 100%;
    color: #666;
}

/* 11.1. Default Widgets
-------------------------------------------------- */
/* Archive */
.widget_archive .screen-reader-text {
    display: none;
}
.widget_archive li:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    content: '\f054';
    color: #606060;
}
.widget_archive li {
    margin-bottom: 0;
    padding: 10px 0;
    color: #606060;
    border-bottom: 1px dotted #ddd;
}
.widget_archive li a {
    padding-right: 5px;
    color: #606060;
}
.widget_archive li a:hover {
    color: #ff5b24
}
.footer-widget.widget_archive li:before {
    color: #ccc
}
.footer-widget.widget_archive li {
    color: #aaa;
    border-color: #555;
}
.footer-widget.widget_archive li a {
    color: #ccc
}
.footer-widget.widget_archive li a:hover {
    color: #fff
}

/* Calender */
#wp-calendar {
    font-size: 12px;
    width: 100%;
}
#wp-calendar caption {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
    cursor: pointer;
    text-align: left;
    text-transform: uppercase;
    color: #606060;
    outline: 0 none !important;
}
#wp-calendar thead th {
    font-size: 11px;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    color: #606060;
    border: 1px solid #ddd;
}
#wp-calendar tfoot td {
    line-height: 2.5em;
    padding: 4px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    text-align: center;
    border: 1px solid #ddd;
}
#wp-calendar tfoot td a {
    color: #606060
}
#wp-calendar tfoot td a:hover {
    color: #ff5b24
}
#wp-calendar tbody td {
    line-height: 2.5em;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    text-align: center;
    border: 1px solid #ddd;
}
#wp-calendar tbody td:hover {
    color: #ff5b24
}
#wp-calendar tbody td a {
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #ff5b24;
}
#wp-calendar tbody td:hover a {
    text-decoration: underline
}
.footer-widget #wp-calendar caption {
    color: #ddd
}
.footer-widget #wp-calendar thead th {
    color: #ddd;
    border-color: #555;
}
.footer-widget #wp-calendar tfoot td {
    border-color: #555
}
.footer-widget #wp-calendar tfoot td a {
    color: #ddd
}
.footer-widget #wp-calendar tfoot td a:hover {
    color: #ff5b24
}
.footer-widget #wp-calendar tbody td {
    border-color: #555
}

/* Category */
.widget_categories .screen-reader-text {
    display: none;
}
.widget_categories li {
    margin-bottom: 0
}
.widget_categories li a:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    content: '\f054';
    color: #606060;
}
.widget_categories li a {
    position: relative;
    display: block;
    padding: 10px 0;
    color: #606060;
    border-bottom: 1px dotted #ddd;
}
.widget_categories li a:hover {
    color: #ff5b24
}
.widget_categories .children {
    margin-left: 20px
}
.footer-widget.widget_categories li a:before {
    color: #ccc
}
.footer-widget.widget_categories li a {
    color: #ccc;
    border-color: #555;
}
.footer-widget.widget_categories li a:hover {
    color: #fff
}

/* Pages */
.widget_pages li {
    margin-bottom: 0
}
.widget_pages li a:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    content: '\f054';
    color: #606060;
}
.widget_pages li a {
    position: relative;
    display: block;
    padding: 10px 0;
    color: #606060;
    border-bottom: 1px dotted #ddd;
}
.widget_pages li a:hover {
    color: #ff5b24
}
.widget_pages .children {
    margin-left: 15px
}
.footer-widget.widget_pages li a:before {
    color: #ccc
}
.footer-widget.widget_pages li a {
    color: #ccc;
    border-color: #555;
}
.footer-widget.widget_pages li a:hover {
    color: #fff
}

/* Meta */
.widget_meta li:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    content: '\f054';
    color: #606060;
}
.widget_meta li {
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
}
.widget_meta li a {
    color: #606060
}
.widget_meta li a:hover {
    color: #ff5b24
}
.footer-widget.widget_meta li:before {
    color: #ccc
}
.footer-widget.widget_meta li {
    border-color: #555
}
.footer-widget.widget_meta li a {
    color: #ccc
}
.footer-widget.widget_meta li a:hover {
    color: #fff
}

/* Reecent Comments */
.widget_recent_comments li:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    margin-right: 10px;
    content: '\f0e5';
    color: #606060;
}
.widget_recent_comments li {
    margin-bottom: 0;
    padding: 10px 0;
    word-wrap: break-word;
    color: #606060;
    border-bottom: 1px dotted #ddd;
}
.widget_recent_comments li a {
    color: #606060
}
.widget_recent_comments li a:hover {
    color: #ff5b24
}
.footer-widget.widget_recent_comments li:before {
    color: #ccc
}
.footer-widget.widget_recent_comments li {
    color: #aaa;
    border-color: #555;
}
.footer-widget.widget_recent_comments li a {
    color: #ccc
}
.footer-widget.widget_recent_comments li a:hover {
    color: #fff
}

/* Reecent Posts */
.widget_recent_entries li:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    content: '\f054';
    color: #606060;
}
.widget_recent_entries li {
    margin-bottom: 0;
    padding: 10px 0;
    color: #606060;
    border-bottom: 1px dotted #ddd;
}
.widget_recent_entries li a {
    color: #606060
}
.widget_recent_entries li a:hover {
    color: #ff5b24
}
.footer-widget.widget_recent_entries li:before {
    color: #ccc
}
.footer-widget.widget_recent_entries li {
    color: #ccc;
    border-color: #555;
}
.footer-widget.widget_recent_entries li a {
    color: #ccc
}
.footer-widget.widget_recent_entries li a:hover {
    color: #fff
}

/* Search */
.search-form .btn {
    line-height: 39px;
    height: 39px;
    margin: 0;
    padding: 0 18px;
    white-space: normal;
    border: none;
}
.search-form .input-group-btn > .btn {
    margin-right: 0;
    margin-left: 0;
}

/* Tag Cloud */
.tagcloud a {
    font-size: 12px !important;
    font-weight: normal;
    line-height: 1.4em !important;
    position: relative;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 6px 12px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    background-color: #ff5b24;
}
.tagcloud a:hover {
    color: #fff;
    background-color: #444;
}
.footer-widget .tagcloud a {
    color: #ddd;
    background-color: rgba(0, 0, 0, .4);
}
.footer-widget .tagcloud a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
}

/* Text Widget */
.textwidget p:last-child {
    margin-bottom: 0
}

/* Nav Menu */
.widget_nav_menu li {
    margin-bottom: 0
}
.widget_nav_menu li a:before {
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    content: '\f054';
    color: #606060;
}
.widget_nav_menu li a {
    position: relative;
    display: block;
    padding: 10px 0;
    color: #606060;
    border-bottom: 1px dotted #ddd;
}
.widget_nav_menu li a > i.fa {
    margin-right: 5px
}
.widget_nav_menu li a:hover {
    color: #ff5b24
}
.widget_nav_menu .sub-menu {
    margin-left: 20px
}
.footer-widget.widget_nav_menu li a:before {
    color: #ccc
}
.footer-widget.widget_nav_menu li a {
    color: #ccc;
    border-color: #555;
}
.footer-widget.widget_nav_menu li a:hover {
    color: #fff
}

/* 11.2. Widget: Contact Info
-------------------------------------------------- */
.contact-info-widget ul {
    line-height: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-info-widget li {
    margin-bottom: 15px
}
.contact-info-widget li i {
    font-size: 14px;
    float: left;
    width: 15px;
    height: 15px;
    margin-top: 5px;
    text-align: center;
}
.contact-info-widget li p {
    margin-bottom: 0;
    padding-left: 30px;
}

/* 11.3. Widget: Flickr
-------------------------------------------------- */
.flickr-badge-image {
    float: left;
    padding: 3px;
}
.flickr-badge-image img {
    width: 65px;
    height: 65px;
}
.flickr-badge-image a {
    display: block
}

/* 11.4. Widget: Posts
-------------------------------------------------- */
.widget-post-list > li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ddd;
}
.widget-post-list > li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}
.widget-post-thumbnail-wrapper {
    float: left;
    margin-right: 15px;
}
.widget-post-info-wrap {
    overflow: hidden
}
.widget-post-list .post-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    letter-spacing: .5px;
    color: #222;
}
.widget-post-list .post-title a {
    color: #222
}
.widget-post-list .post-title a:hover {
    color: #ff5b24
}
.widget-post-meta {
    font-size: 13px;
    margin-top: 7px;
    color: #606060;
}
.widget-post-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget-post-meta li {
    float: left;
    margin-right: 15px;
}
.widget-post-meta li > i.fa {
    margin-right: 5px
}
.widget-post-meta a {
    text-decoration: none;
    color: #606060;
}
.widget-post-meta a:hover {
    color: #ff5b24
}
.footer-widget .widget-post-list > li {
    border-color: #555
}
.footer-widget .widget-post-list .post-title {
    color: #ccc
}
.footer-widget .widget-post-list .post-title a {
    color: #ccc
}
.footer-widget .widget-post-list .post-title a:hover {
    color: #fff
}
.footer-widget .widget-post-meta {
    color: #aaa
}
.footer-widget .widget-post-meta a {
    color: #aaa
}
.footer-widget .widget-post-meta a:hover {
    color: #fff
}

/* 11.5. Widget: Tabs
-------------------------------------------------- */
.sidebar-widget.tabs-widget {
    padding: 0
}
.tabs-widget .tab-content {
    padding: 10px 30px 30px
}
.tabs-widget .tabs-widget-nav {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.tabs-widget .tabs-widget-nav > li {
    display: table-cell;
    float: none;
    width: 33.3333%;
    table-layout: fixed;
    border-right: 1px solid #eee;
}
.tabs-widget .tabs-widget-nav > li:last-child {
    border-right: 0
}
.tabs-widget .tabs-widget-nav > li > a {
    line-height: 50px;
    display: block;
    padding: 0 5px;
    text-align: center;
    color: #606060;
    border-top: 3px solid transparent;
    background-color: transparent;
}
.tabs-widget .tabs-widget-nav > li > a:hover,
.tabs-widget .tabs-widget-nav > li > a:focus {
    color: #222;
    border-color: #ff5b24;
    background-color: transparent;
}
.tabs-widget .tabs-widget-nav > li.active > a,
.tabs-widget .tabs-widget-nav > li.active > a:hover,
.tabs-widget .tabs-widget-nav > li.active > a:focus {
    color: #222;
    border-top: 3px solid #ff5b24;
    background-color: transparent;
}
.footer-widget .tabs-widget-wrapper {
    border: 1px solid #555
}
.footer-widget.tabs-widget .tabs-widget-nav {
    border-color: #555
}
.footer-widget.tabs-widget .tabs-widget-nav > li {
    border-color: #555
}
.footer-widget.tabs-widget .tabs-widget-nav > li > a {
    color: #fff
}
.footer-widget.tabs-widget .tabs-widget-nav > li > a:hover,
.footer-widget.tabs-widget .tabs-widget-nav > li > a:focus {
    color: #fff
}
.footer-widget.tabs-widget .tabs-widget-nav > li.active > a,
.footer-widget.tabs-widget .tabs-widget-nav > li.active > a:hover,
.footer-widget.tabs-widget .tabs-widget-nav > li.active > a:focus {
    color: #fff
}

/* Recent Comments */
.tabs-comment-author-name {
    font-size: 13px;
    line-height: 1.5;
    color: #777;
}
.tabs-comment-text {
    font-size: 13px;
    line-height: 1.5;
}
.tabs-comment-text a {
    color: #222
}
.tabs-comment-text a:hover {
    color: #ff5b24
}
.footer-widget .tabs-comment-author-name {
    color: #aaa
}
.footer-widget .tabs-comment-text a {
    color: #aaa
}
.footer-widget .tabs-comment-text a:hover {
    color: #fff
}

/* 11.6. Widget: Ads
-------------------------------------------------- */
.ads125-widget-wrapper,
.ads300-250-widget-wrapper {
    text-align: center
}
.ads300-250-widget-wrapper {
    margin-bottom: 30px
}
.ads125-widget-wrapper .ad-block {
    display: inline-block;
    width: 125px;
    height: 125px;
    margin: 5px;
}
.ads300-250-widget-wrapper .ad-block {
    display: inline-block;
    width: 300px;
    max-width: 100%;
    height: auto;
}

/* 11.7. Widget: Recent Tweets
-------------------------------------------------- */
.widget_tp_widget_recent_tweets ul li:last-child {
    padding-bottom: 0
}

/* 11.8. Widget: Slider
-------------------------------------------------- */
.post-slider-widget {
    overflow: hidden
}

/* 11.9. Widget: Instagram
-------------------------------------------------- */
.instagram-slider-widget {
    overflow: hidden
}
.instagram-grid-image {
    float: left;
    padding: 3px;
}
.instagram-grid-image img {
    width: 90px;
    height: 90px;
}
.instagram-grid-image a {
    display: block
}

/*-------------------------------------------------------------------------------------------*/
/* 12. Shortcodes */
/*-------------------------------------------------------------------------------------------*/

/* 12.1. Accordion
-------------------------------------------------- */
.themepixels-accordion h3.themepixels-accordion-trigger {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    display: block;
    display: block;
    margin: 10px 0 0 !important;
    padding: 15px 15px 15px 37px;
    cursor: pointer;
    letter-spacing: normal;
    text-transform: none;
    color: #555;
    border: 1px solid #ddd;
    outline: 0;
    background: #f9f9f9 url('images/plus.png') no-repeat 15px center;
}
.themepixels-accordion h3.themepixels-accordion-trigger a {
    text-decoration: none !important;
    color: #555;
}
.themepixels-accordion .ui-state-focus {
    outline: none
}
.themepixels-accordion .themepixels-accordion-trigger:hover {
    text-decoration: none;
    background-color: #eee;
}
.themepixels-accordion .themepixels-accordion-trigger.ui-state-active {
    text-decoration: none;
    background-color: #eee;
    background-image: url('images/minus.png');
}
.themepixels-accordion .themepixels-accordion-trigger.ui-state-active a {
    color: #000
}
.themepixels-accordion .ui-accordion-content {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
}
.themepixels-accordion .ui-accordion-content p:last-child {
    margin: 0
}
.themepixels-accordion .ui-icon {
    margin-right: 7px
}

/* 12.2. Alert
-------------------------------------------------- */
.alert {
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.alert.alert-dismissible {
    padding: 15px 35px 15px 15px
}
.alert .close {
    font-size: 20px;
    line-height: 11px;
    position: absolute;
    top: 22px;
    right: 15px;
    width: 11px;
    height: 11px;
    opacity: 1;
    color: inherit;
    text-shadow: none;
}

/* 12.3. Button
-------------------------------------------------- */
.btn {
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 10px 18px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: normal;
    text-transform: uppercase;
    color: #444;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 6px;
}
.btn.icon-left .fa {
    margin-right: 6px
}
.btn.icon-right .fa {
    margin-left: 6px
}
.btn.active, .btn:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-lg {
    font-size: 16px;
    padding: 14px 32px;
}
.btn-sm {
    font-size: 12px;
    padding: 6px 16px;
}
.btn-xs {
    font-size: 10px;
    padding: 3px 12px;
}
.btn.btn-rounded {
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.btn.btn-squared {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.btn.btn-outlined {
    color: #444;
    border: 2px solid #444;
    background: transparent;
}
.btn.btn-outlined {
    padding: 8px 18px
}
.btn.btn-lg.btn-outlined {
    padding: 12px 32px
}
.btn.btn-sm.btn-outlined {
    padding: 4px 16px
}
.btn.btn-xs.btn-outlined {
    padding: 1px 12px
}
.btn-blue {
    background: #2db2ea
}
.btn-blue.btn-outlined {
    color: #2db2ea;
    border-color: #2db2ea;
}
.btn-darkblue {
    background: #2980b9
}
.btn-darkblue.btn-outlined {
    color: #2980b9;
    border-color: #2980b9;
}
.btn-green {
    background: #8dc63f
}
.btn-green.btn-outlined {
    color: #8dc63f;
    border-color: #8dc63f;
}
.btn-red {
    background: #dd3737
}
.btn-red.btn-outlined {
    color: #dd3737;
    border-color: #dd3737;
}
.btn-pink {
    background: #d64391
}
.btn-pink.btn-outlined {
    color: #d64391;
    border-color: #d64391;
}
.btn-yellow {
    background: #ffb400
}
.btn-yellow.btn-outlined {
    color: #ffb400;
    border-color: #ffb400;
}
.btn-brown {
    background: #784e3d
}
.btn-brown.btn-outlined {
    color: #784e3d;
    border-color: #784e3d;
}
.btn-orange {
    background: #f90
}
.btn-orange.btn-outlined {
    color: #f90;
    border-color: #f90;
}
.btn-teal {
    background: #1abc9c
}
.btn-teal.btn-outlined {
    color: #1abc9c;
    border-color: #1abc9c;
}
.btn-violet {
    background: #915790
}
.btn-violet.btn-outlined {
    color: #915790;
    border-color: #915790;
}
.btn-gray {
    background: #e9e9e9
}
.btn-gray.btn-outlined {
    color: #e9e9e9;
    border-color: #e9e9e9;
}
.btn-black {
    background: #111
}
.btn-black.btn-outlined {
    color: #111;
    border-color: #111;
}
.btn-default {
    background: #fff
}
.btn-default.btn-outlined {
    color: #fff;
    border-color: #fff;
}
.btn-primary {
    background: #ff5b24
}
.btn-primary.btn-outlined {
    color: #ff5b24;
    border-color: #ff5b24;
}
.btn-success {
    background: #5cb85c
}
.btn-success.btn-outlined {
    color: #5cb85c;
    border-color: #5cb85c;
}
.btn-info {
    background: #5bc0de
}
.btn-info.btn-outlined {
    color: #5bc0de;
    border-color: #5bc0de;
}
.btn-warning {
    background: #f0ad4e
}
.btn-warning.btn-outlined {
    color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-danger {
    background: #d9534f
}
.btn-danger.btn-outlined {
    color: #d9534f;
    border-color: #d9534f;
}
.btn-blue, .btn-darkblue, .btn-green, .btn-red, .btn-pink, .btn-yellow, .btn-brown, .btn-orange, .btn-teal, .btn-violet, .btn-black, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    color: #fff
}
.btn-gray, .btn-default {
    color: #444
}
.btn:active, .btn:focus, .btn:hover {
    color: #fff;
    border-color: #444;
    background: #444;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* 12.4. Divider
-------------------------------------------------- */
.themepixels-divider {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    background: none !important;
}
.themepixels-divider.solid {
    border-top: 1px solid #eee
}
.themepixels-divider.dashed {
    border-top: 2px dashed #eee
}
.themepixels-divider.dotted {
    border-top: 3px dotted #eee
}
.themepixels-divider.double {
    height: 5px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* 12.5. Dropcap
-------------------------------------------------- */
.dropcap {
    font-size: 50px;
    line-height: 1;
    display: block;
    float: left;
    margin: 0 8px 0 0;
}

/* 12.6. Google Map
-------------------------------------------------- */
.googlemap {
    position: relative;
    max-width: inherit;
}
.googlemap .map_canvas {
    width: 100%;
    height: 100%;
}
.googlemap .map_canvas h3 {
    font-size: 14px;
    margin: 0 0 10px;
}
.map_canvas img {
    max-width: none !important
}

/* 12.7. Highlight
-------------------------------------------------- */
.highlight-yellow,
.highlight-yellow a {
    color: #695d43;
    background-color: #fff7a8;
}
.highlight-blue,
.highlight-blue a {
    color: #5091b2;
    background: #e9f7fe;
}
.highlight-green,
.highlight-green a {
    color: #5f9025;
    background: #ebf6e0;
}
.highlight-red,
.highlight-red a {
    color: #de5959;
    background: #ffe9e9;
}
.highlight-gray,
.highlight-gray a {
    color: #666;
    background: #d9d9d9;
}

/* 12.8. Modal
-------------------------------------------------- */
.modal {
    z-index: 100000
}
.modal-dialog {
    margin-top: 50px
}

/* 12.9. Skillbar
-------------------------------------------------- */
.skill-bar-wrapper {
    margin-bottom: 15px
}
.skill-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 15px;
    background: #f6f6f6;
    -webkit-box-shadow: inset 0 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.skill-bar-content {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
.skill-bar-wrapper .skill-bar-title {
    float: left
}
.skill-bar-wrapper .skill-bar-percent {
    float: right
}
.skill-bar-wrapper .skill-bar-bar {
    width: 0;
    height: 15px;
}
.skill-bar-wrapper.skill-bar-striped .skill-bar-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.skill-bar-wrapper.skill-bar-striped.skill-bar-animated .skill-bar-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.skill-bar-wrapper.skill-bar-primary .skill-bar-bar {
    background-color: #ff5b24
}
.skill-bar-wrapper.skill-bar-green .skill-bar-bar {
    background-color: #8dc63f
}
.skill-bar-wrapper.skill-bar-blue .skill-bar-bar {
    background-color: #2db2ea
}
.skill-bar-wrapper.skill-bar-darkblue .skill-bar-bar {
    background-color: #2980b9
}
.skill-bar-wrapper.skill-bar-red .skill-bar-bar {
    background-color: #dd3737
}
.skill-bar-wrapper.skill-bar-pink .skill-bar-bar {
    background-color: #d64391
}
.skill-bar-wrapper.skill-bar-yellow .skill-bar-bar {
    background-color: #ffb400
}
.skill-bar-wrapper.skill-bar-brown .skill-bar-bar {
    background-color: #784e3d
}
.skill-bar-wrapper.skill-bar-orange .skill-bar-bar {
    background-color: #f90
}
.skill-bar-wrapper.skill-bar-gray .skill-bar-bar {
    background-color: #bfbfbf
}
.skill-bar-wrapper.skill-bar-black .skill-bar-bar {
    background-color: #111
}

/* 12.10. Spacing
-------------------------------------------------- */
.themepixels-spacing {
    display: block;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: none !important;
}

/* 12.11. Tabs
-------------------------------------------------- */
.themepixels-tabs {
    margin-bottom: 15px;
}
.themepixels-tabs .nav-tabs {
    border-bottom: none
}
.themepixels-tabs .nav-tabs > li {
    margin-bottom: 0
}
.themepixels-tabs .nav-tabs > li > a {
    font-weight: 600;
    position: relative;
    margin-right: -1px;
    padding: 12px 20px;
    color: #6d6d6d;
    border: 1px solid #e4e4e4;
    border-bottom: none !important;
    border-radius: 0;
    background-color: #f7f7f7;
}
.themepixels-tabs .nav-tabs > li > a:after {
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    display: block;
    height: 3px;
    content: '';
}
.themepixels-tabs .nav-tabs > li > a:before {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    display: block;
    height: 1px;
    content: '';
}
.themepixels-tabs .nav-tabs > li > a:hover {
    border-color: #e4e4e4
}
.themepixels-tabs .nav-tabs > li > a > i {
    margin-right: 7px
}
.themepixels-tabs .nav-tabs > li.active > a {
    color: #ff5b24;
    border-right-color: #e4e4e4;
    border-left-color: #e4e4e4;
    background-color: #fff;
}
.themepixels-tabs .nav-tabs > li.active > a:after {
    background-color: #ff5b24
}
.themepixels-tabs .nav-tabs > li.active > a:before {
    background-color: #fff
}
.themepixels-tabs .nav-tabs > li.active > a:hover {
    border-bottom-color: #fff
}
.themepixels-tabs .tab-content {
    padding: 25px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}
.themepixels-tabs .tab-content:before,
.themepixels-tabs .tab-content:after {
    display: table;
    content: ' ';
}
.themepixels-tabs .tab-content:after {
    clear: both
}
.themepixels-tabs .tab-content p:last-child {
    margin-bottom: 0
}

/* 12.12. Toggle
-------------------------------------------------- */
.themepixels-toggle .themepixels-toggle-trigger {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    display: block;
    display: block;
    margin: 0;
    margin-top: 10px;
    padding: 15px 15px 15px 37px;
    cursor: pointer;
    letter-spacing: normal;
    text-transform: none;
    color: #555;
    border: 1px solid #ddd;
    outline: 0;
    background: #f9f9f9 url('images/plus.png') no-repeat 15px center;
}
.themepixels-toggle .themepixels-toggle-trigger:hover {
    text-decoration: none;
    background-color: #eee;
}
.themepixels-toggle .themepixels-toggle-trigger.active,
.themepixels-toggle .themepixels-toggle-trigger.active:hover {
    text-decoration: none;
    color: #000;
    background-color: #eee;
    background-image: url('images/minus.png');
}
.themepixels-toggle .themepixels-toggle-container {
    display: none;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0;
}

/* 12.13. Testimonial
-------------------------------------------------- */
.testimonial {
    position: relative;
    margin-bottom: 15px;
}
.testimonial_content {
    font-size: 14px;
    position: relative;
    margin: 0;
    padding: 20px;
    color: #888;
    background: #e7e7e7;
}
.testimonial_content:after {
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: -15px;
    left: 12px;
    width: 0;
    height: 0;
    content: '';
    border-top: 15px solid rgba(255,255,255,0);
    border-right: 15px solid #e7e7e7;
    border-bottom: 15px solid rgba(255,255,255,0);
}
.testimonial_content p:last-child {
    margin-bottom: 0
}
.testimonial_author {
    font-size: 14px;
    margin-top: 20px;
    margin-left: 15px;
}

/* 12.14. Tooltip
-------------------------------------------------- */
.themepixels-tooltip {
    cursor: pointer;
    color: #ff5b24;
}

/* 12.15. Video
-------------------------------------------------- */
.themepixels-video-shortcode,
.themepixels-audio-shortcode {
    margin-bottom: 15px
}

/*-------------------------------------------------------------------------------------------*/
/* 13. Social Icons */
/*-------------------------------------------------------------------------------------------*/
.social-icons {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: top;
}
.social-icons li {
    display: inline-block;
    margin: 0 7px 7px 0;
    border: 0;
}
.social-icons li:last-child {
    margin-right: 0
}
.social-icons li a {
    font-size: 16px;
    line-height: 40px;
    position: relative;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.social-icons li a i {
    line-height: 40px;
    position: absolute;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
}
.social-icons li a i:first-child {
    top: -40px;
    opacity: 0;
}
.social-icons li a i:last-child {
    top: 0;
    opacity: 1;
}
.social-icons li a:hover i:first-child {
    top: 0;
    opacity: 1;
}
.social-icons li a:hover i:last-child {
    top: 40px;
    opacity: 0;
}
.social-icons li a {
    background-color: #eee
}
.social-icons li a i:first-child {
    color: #fff
}
.social-icons li a i:last-child {
    color: #666
}

/* Topbar Social */
.top-bar-wrapper .top-bar-social .social-icons li {
    margin: 0
}
.top-bar-wrapper .top-bar-social .social-icons li a {
    line-height: 44px;
    width: 44px;
    height: 44px;
    background-color: #2f2f2f;
}
.top-bar-wrapper .top-bar-social .social-icons li a i {
    line-height: 44px;
    width: 44px;
    height: 44px;
}
.top-bar-wrapper .top-bar-social .social-icons li a i:first-child {
    color: #fff
}
.top-bar-wrapper .top-bar-social .social-icons li a i:last-child {
    color: #ccc
}
.top-bar-wrapper .top-bar-social .social-icons li a i:first-child {
    top: -44px
}
.top-bar-wrapper .top-bar-social .social-icons li a i:last-child {
    top: 0
}
.top-bar-wrapper .top-bar-social .social-icons li a:hover i:first-child {
    top: 0
}
.top-bar-wrapper .top-bar-social .social-icons li a:hover i:last-child {
    top: 44px
}

/* Post Footer Social */
.post-footer .social-icons {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.post-footer .social-icons li {
    display: table-cell;
    margin: 0;
    border-right: 1px solid #eee;
}
.post-footer .social-icons li:last-child {
    border-right: 0
}
.post-footer .social-icons li a {
    font-size: 18px;
    line-height: 60px;
    width: 100%;
    height: 60px;
}
.post-footer .social-icons li a i {
    line-height: 60px;
    width: 100%;
    height: 60px;
}
.post-footer .social-icons li a i:first-child {
    top: -60px
}
.post-footer .social-icons li a i:last-child {
    top: 0
}
.post-footer .social-icons li a:hover i:first-child {
    top: 0
}
.post-footer .social-icons li a:hover i:last-child {
    top: 60px
}
.post-footer .social-icons li a {
    background-color: #fff
}
.post-footer .social-icons li a i:first-child {
    color: #fff
}
.post-footer .social-icons li a i:last-child {
    color: #666
}

/* Author Box Social */
.author-box .author-social .social-icons li {
    margin: 0 5px 5px 0
}
.author-box .author-social .social-icons li a {
    font-size: 14px;
    line-height: 34px;
    width: 34px;
    height: 34px;
}
.author-box .author-social .social-icons li a i {
    line-height: 34px;
    width: 34px;
    height: 34px;
}
.author-box .author-social .social-icons li a i:first-child {
    top: -34px
}
.author-box .author-social .social-icons li a i:last-child {
    top: 0
}
.author-box .author-social .social-icons li a:hover i:first-child {
    top: 0
}
.author-box .author-social .social-icons li a:hover i:last-child {
    top: 34px
}

/* Social Dark */
.social-icons.social-dark li a {
    background-color: #444
}
.social-icons.social-dark li a i:first-child {
    color: #fff
}
.social-icons.social-dark li a i:last-child {
    color: #fff
}

/* Social Squared */
.social-icons.social-squared li a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Social Rounded */
.social-icons.social-rounded li a {
    -webkit-border-radius: 99px;
    border-radius: 99px;
}

/* Social Large */
.social-icons.social-large li a {
    font-size: 20px;
    line-height: 55px;
    width: 55px;
    height: 55px;
}
.social-icons.social-large li a i {
    line-height: 55px;
    width: 55px;
    height: 55px;
}
.social-icons.social-large li a i:first-child {
    top: -55px
}
.social-icons.social-large li a i:last-child {
    top: 0
}
.social-icons.social-large li a:hover i:first-child {
    top: 0
}
.social-icons.social-large li a:hover i:last-child {
    top: 55px
}

/* Social Colored */
.social-icons.social-colored li a.social-android,
.social-icons li a.social-android:hover {
    background-color: #97c024 !important
}
.social-icons.social-colored li a.social-apple,
.social-icons li a.social-apple:hover {
    background-color: #000 !important
}
.social-icons.social-colored li a.social-behance,
.social-icons li a.social-behance:hover {
    background-color: #0093fb !important
}
.social-icons.social-colored li a.social-bitbucket,
.social-icons li a.social-bitbucket:hover {
    background-color: #214f81 !important
}
.social-icons.social-colored li a.social-bitcoin,
.social-icons li a.social-bitcoin:hover {
    background-color: #f7931b !important
}
.social-icons.social-colored li a.social-codepen,
.social-icons li a.social-codepen:hover {
    background-color: #000 !important
}
.social-icons.social-colored li a.social-delicious,
.social-icons li a.social-delicious:hover {
    background-color: #3274d2 !important
}
.social-icons.social-colored li a.social-deviantart,
.social-icons li a.social-deviantart:hover {
    background-color: #4c5c4f !important
}
.social-icons.social-colored li a.social-digg,
.social-icons li a.social-digg:hover {
    background-color: #1b5891 !important
}
.social-icons.social-colored li a.social-dribbble,
.social-icons li a.social-dribbble:hover {
    background-color: #e04c86 !important
}
.social-icons.social-colored li a.social-dropbox,
.social-icons li a.social-dropbox:hover {
    background-color: #018bd3 !important
}
.social-icons.social-colored li a.social-email,
.social-icons li a.social-email:hover {
    background-color: #000 !important
}
.social-icons.social-colored li a.social-facebook,
.social-icons li a.social-facebook:hover {
    background-color: #395793 !important
}
.social-icons.social-colored li a.social-flickr,
.social-icons li a.social-flickr:hover {
    background-color: #db458f !important
}
.social-icons.social-colored li a.social-foursquare,
.social-icons li a.social-foursquare:hover {
    background-color: #0086be !important
}
.social-icons.social-colored li a.social-github,
.social-icons li a.social-github:hover {
    background-color: #4382c5 !important
}
.social-icons.social-colored li a.social-google-plus,
.social-icons li a.social-google-plus:hover {
    background-color: #d54135 !important
}
.social-icons.social-colored li a.social-instagram,
.social-icons li a.social-instagram:hover {
    background-color: #2b5b83 !important
}
.social-icons.social-colored li a.social-jsfiddle,
.social-icons li a.social-jsfiddle:hover {
    background-color: #4679a4 !important
}
.social-icons.social-colored li a.social-lastfm,
.social-icons li a.social-lastfm:hover {
    background-color: #d21309 !important
}
.social-icons.social-colored li a.social-linkedin,
.social-icons li a.social-linkedin:hover {
    background-color: #0a6594 !important
}
.social-icons.social-colored li a.social-pinterest,
.social-icons li a.social-pinterest:hover {
    background-color: #c82329 !important
}
.social-icons.social-colored li a.social-reddit,
.social-icons li a.social-reddit:hover {
    background-color: #8bc7f9 !important
}
.social-icons.social-colored li a.social-rss,
.social-icons li a.social-rss:hover {
    background-color: #ea6d19 !important
}
.social-icons.social-colored li a.social-skype,
.social-icons li a.social-skype:hover {
    background-color: #01aef2 !important
}
.social-icons.social-colored li a.social-soundcloud,
.social-icons li a.social-soundcloud:hover {
    background-color: #ff7802 !important
}
.social-icons.social-colored li a.social-spotify,
.social-icons li a.social-spotify:hover {
    background-color: #80b819 !important
}
.social-icons.social-colored li a.social-stumbleupon,
.social-icons li a.social-stumbleupon:hover {
    background-color: #ec4823 !important
}
.social-icons.social-colored li a.social-tumblr,
.social-icons li a.social-tumblr:hover {
    background-color: #3d5a70 !important
}
.social-icons.social-colored li a.social-twitter,
.social-icons li a.social-twitter:hover {
    background-color: #01b9f5 !important
}
.social-icons.social-colored li a.social-vimeo,
.social-icons li a.social-vimeo:hover {
    background-color: #17b3e8 !important
}
.social-icons.social-colored li a.social-vk,
.social-icons li a.social-vk:hover {
    background-color: #4b709c !important
}
.social-icons.social-colored li a.social-weibo,
.social-icons li a.social-weibo:hover {
    background-color: #d52b2b !important
}
.social-icons.social-colored li a.social-xing,
.social-icons li a.social-xing:hover {
    background-color: #005d5d !important
}
.social-icons.social-colored li a.social-yelp,
.social-icons li a.social-yelp:hover {
    background-color: #c41200 !important
}
.social-icons.social-colored li a.social-youtube,
.social-icons li a.social-youtube:hover {
    background-color: #b62025 !important
}
.social-icons.social-colored li a.social-home,
.social-icons li a.social-home:hover {
    background-color: #000 !important
}

.social-icons.social-colored li a i:first-child {
    color: #fff
}
.social-icons.social-colored li a i:last-child {
    color: #fff
}
.social-icons li a:hover i:first-child {
    color: #fff
}

/*-------------------------------------------------------------------------------------------*/
/* 14. Forms */
/*-------------------------------------------------------------------------------------------*/
.form-group {
    margin-bottom: 18px
}
.form-control {
    font-size: 13px;
    line-height: 21px;
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    vertical-align: middle;
    color: #777;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:focus {
    border-color: #ff5b24;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
label {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #555;
}
textarea.form-control {
    height: auto;
    min-height: 100px;
    resize: vertical;
}

/*-------------------------------------------------------------------------------------------*/
/* 15. Scroll To Top */
/*-------------------------------------------------------------------------------------------*/
.scroll-to-top {
    font-size: 15px;
    line-height: 40px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 40px;
    height: 40px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    opacity: .8;
    color: #fff;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    background-color: #000;
}
.scroll-to-top:hover {
    opacity: 1;
    color: #fff;
    background-color: #ff5b24;
}
.scroll-to-top:focus {
    color: #fff
}

/*-------------------------------------------------------------------------------------------*/
/* 16. Preloader */
/*-------------------------------------------------------------------------------------------*/
body.preloader-running {
    overflow: hidden;
}
#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
#preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 48px;
    margin: -20px 0 0 -50px;
    text-align: center;
    font-size: 14px;
}
@-webkit-keyframes spinner { 
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3);
    }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}
@keyframes spinner { 
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3);
    }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}
.spinner > div {
    background-color: #ff5b24;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: spinner 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: spinner 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
}
.spinner > div:nth-child(2),
.spinner > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important;
}
.spinner > div:nth-child(1),
.spinner > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}

/*-------------------------------------------------------------------------------------------*/
/* 17. jQuery Plugins */
/*-------------------------------------------------------------------------------------------*/

/* 17.1. Flexslider
-------------------------------------------------- */
/* Reset */
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
    outline: none
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize
}

/* Base Styles */
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    display: block;
    width: 100%;
}
.flexslider .slides:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '\0020';
}
html[xmlns] .flexslider .slides {
    display: block
}
* html .flexslider .slides {
    height: 1%
}
.no-js .flexslider .slides > li:first-child {
    display: block
}

/* Default Theme */
.flexslider {
    position: relative;
    zoom: 1;
    margin: 0;
    background-color: #fff;
}
.flexslider .slides {
    zoom: 1
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px
}
.carousel li {
    margin-right: 5px
}
.flex-direction-nav {
    *height: 0
}
.flex-direction-nav a {
    font-size: 11px;
    line-height: 40px;
    position: absolute;
    z-index: 10;
    top: 50%;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    text-decoration: none;
    opacity: 0;
    color: #fff;
    background-color: #222;
}
.flex-direction-nav .flex-prev {
    left: -50px
}
.flex-direction-nav .flex-next {
    right: -50px
}
.flexslider:hover .flex-direction-nav .flex-prev {
    left: 15px;
    opacity: .7;
}
.flexslider:hover .flex-direction-nav .flex-next {
    right: 15px;
    opacity: .7;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover,
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
    color: #fff;
}
.flex-direction-nav .flex-prev:focus,
.flex-direction-nav .flex-next:focus {
    color: #fff
}
.flex-direction-nav .flex-disabled {
    cursor: default;
    opacity: 0!important;
    filter: alpha(opacity=0);
}
.flex-control-nav {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
    margin: 0 6px;
    *display: inline;
}
.flex-control-paging li a {
    display: block;
    width: 11px;
    height: 11px;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #666;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
}
.flex-control-paging li a:hover {
    background-color: #ff5b24
}
.flex-control-paging li a.flex-active {
    cursor: default;
    background-color: #ff5b24;
}
.flex-control-thumbs {
    position: static;
    overflow: hidden;
    margin: 5px 0 0;
}
.flex-control-thumbs li {
    float: left;
    width: 25%;
    margin: 0;
}
.flex-control-thumbs img {
    display: block;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: .7;
}
.flex-control-thumbs img:hover {
    opacity: 1
}
.flex-control-thumbs .flex-active {
    cursor: default;
    opacity: 1;
}

/* 17.2. Owl Carousel
-------------------------------------------------- */
.owl-carousel {
    position: relative;
    z-index: 1;
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
    position: relative;
    float: left;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
    display: none
}
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.no-js .owl-carousel {
    display: block
}

/* Animate Plugin */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOut { 
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut { 
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

/* Auto Height Plugin */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    opacity: 0;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

/* Video Plugin */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
    background: url('images/owl.video.play.png') no-repeat;
    -webkit-backface-visibility: hidden;
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}
.owl-carousel .owl-video-tn {
    height: 100%;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/* Featured Slider */
.featured-slider .owl-nav {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.featured-slider .owl-nav [class*='owl-'] {
    font-size: 12px;
    line-height: 40px;
    position: absolute;
    z-index: 999;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0;
    margin-top: -20px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5);
}
.featured-slider .owl-nav .owl-prev {
    left: 10px
}
.featured-slider .owl-nav .owl-next {
    right: 10px
}
.featured-slider .owl-nav [class*='owl-']:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ff5b24;
}
.featured-slider .owl-nav .disabled {
    cursor: default;
    opacity: .5;
}
.featured-slider .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}
.featured-slider .owl-dots {
    line-height: 1;
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.featured-slider .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.featured-slider .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #d6d6d6;
    -webkit-backface-visibility: visible;
}
.featured-slider .owl-dots .owl-dot.active span,
.featured-slider .owl-dots .owl-dot:hover span {
    background-color: #ff5b24
}

/* Featured Carousel */
.featured-carousel .owl-nav {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.featured-carousel .owl-nav [class*='owl-'] {
    font-size: 12px;
    line-height: 40px;
    position: absolute;
    z-index: 999;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0;
    margin-top: -20px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .5);
}
.featured-carousel .owl-nav .owl-prev {
    left: 10px
}
.featured-carousel .owl-nav .owl-next {
    right: 10px
}
.featured-carousel .owl-nav [class*='owl-']:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ff5b24;
}
.featured-carousel .owl-nav .disabled {
    cursor: default;
    opacity: .5;
}
.featured-carousel .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}
.featured-carousel .owl-dots {
    line-height: 1;
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.featured-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.featured-carousel .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #d6d6d6;
    -webkit-backface-visibility: visible;
}
.featured-carousel .owl-dots .owl-dot.active span,
.featured-carousel .owl-dots .owl-dot:hover span {
    background-color: #ff5b24
}

/* 17.3. Magnific Popup
-------------------------------------------------- */
.mfp-bg {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: #0b0b0b;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    position: fixed;
    z-index: 100001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    text-align: center;
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    z-index: 100003;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
}
.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 {
    position: absolute;
    z-index: 100002;
    top: 50%;
    right: 8px;
    left: 8px;
    width: auto;
    margin-top: -.8em;
    text-align: center;
    color: #ccc;
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close, button.mfp-arrow {
    z-index: 100004;
    display: block;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;
    text-align: center;
    text-decoration: none;
    opacity: .65;
    color: #fff;
    filter: alpha(opacity=65);
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: -6px;
    width: 100%;
    padding-right: 6px;
    text-align: right;
    color: #fff;
}
.mfp-counter {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    color: #ccc;
}
.mfp-arrow {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    opacity: .65;
    filter: alpha(opacity=65);
    -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 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;
    content: '';
    border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    opacity: .7;
    border-top-width: 21px;
    border-bottom-width: 21px;
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    margin-left: 31px;
    border-right: 17px solid #fff;
}
.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 {
    margin-left: 39px;
    border-left: 17px solid #fff;
}
.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 {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

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

/* The shadow behind the image */
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    display: block;
    width: auto;
    height: auto;
    content: '';
    background: #444;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.mfp-figure small {
    font-size: 12px;
    line-height: 14px;
    display: block;
    color: #bdbdbd;
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -36px;
    cursor: auto;
}
.mfp-title {
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
    color: #f3f3f3;
}
.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-right: 0;
        padding-left: 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 {
        position: fixed;
        top: auto;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, .6);
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }
    .mfp-img-mobile .mfp-close {
        line-height: 35px;
        position: fixed;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        padding: 0;
        text-align: center;
        background: rgba(0, 0, 0, .6);
    }
}

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

.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    left: 50%;
    width: 600px;
    margin-top: 5px;
    margin-left: -300px;
    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;
}