/*
Theme Name: Getchute Blog 2015
Theme URI: http://getchute.com
Author: Chute
Author URI: http://getchute.com
Description: Getchute Blog
Version: 2.0
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;
    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;
}
.post-content iframe[src*=vimeo],
.post-content iframe[src*=youtube] { width: 100%; height: 390px; }
.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;

    display: none;
}
.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%
}

@media (max-width: 480px) {
    .sidebar-widget .widget-title > span { padding-left: 0; padding-right: 0; margin-left: -5px; margin-right: -5px; font-size: 15px; }
}

/*-------------------------------------------------------------------------------------------*/
/* 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-widget {
    font-size: 0;
    text-align: center;
}
.instagram-grid-image {
    display: inline-block;
    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-links-widget-wrapper .social-icons { display: table; width: 100%; table-layout: fixed; }
.social-links-widget-wrapper .social-icons li {
    display: table-cell;
    padding: 0 3px 6px;
}
.social-links-widget-wrapper .social-icons li a {
    font-size: 16px;
    width: 100%;
    padding-top: 100%;
}

.social-links-widget-wrapper .social-icons li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.social-links-widget-wrapper .social-icons li a i:first-child {
    top: 50%;
}
.social-links-widget-wrapper .social-icons li a i:last-child {
    top: 50%;
}
.social-links-widget-wrapper .social-icons li a:hover i:first-child {
    top: 50%;
}
.social-links-widget-wrapper .social-icons li a:hover i:last-child {
    top: 100%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 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;
}

/* ==========================================================================
    #New Header Styles
========================================================================== */

.main-wrapper { padding-top: 162px; }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.header-wrapper .row { max-width: 1000px; margin: 0 auto; }
.header-wrapper a {
    -webkit-transition: none; 
    -o-transition: none; 
    transition: none; 
}
.header-wrapper .large-6 { width: 50%; }
.header-wrapper .mini-nav-bar a { text-transform: none; }
.header-wrapper .has-dropdown:hover .dropdown { display: block; }
.header-wrapper .row:after { content: ''; display: table; clear: both; line-height: 0; }
.header-wrapper .column,
.header-wrapper .columns { padding-left: 15px; padding-right: 15px; }
.header-wrapper .top-bar .title-area { padding-left: 5px; }

.header-wrapper .dropdown .title h5 { font-size: 18px !important; text-transform: none; }
.header-wrapper .dropdown .title h5 a { text-transform: none; }

.footer-wrapper .row { max-width: 1000px; margin: 0 auto; }
.footer-wrapper .row:after { content: ''; display: table; clear: both; line-height: 0; }
.footer-wrapper .column,
.footer-wrapper .columns { float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; }

.footer-address a { color: #008CBA; }

.footer-nav a:hover { color: inherit; }

#sidr-primary { display: none; }

@media only screen and (min-width: 40.063em){
    .footer-wrapper .medium-3 { width: 25%; }

}

@media only screen and (min-width: 64.063em) {
.footer-wrapper .large-3 {
    width: 25%;
}
    .header-wrapper .dropdown .title { display: none; }
    
}

@media only screen and (max-width: 64.063em) {
.footer-wrapper .medium-4 {
    width: 100%;
}
    
}

@media only screen and (min-width: 40.063em) {
.footer-wrapper .medium-4 {
    width: 33.33333%;

}
    
}
/* Wrapped around .top-bar to contain to grid width */

.contain-to-grid {
    width: 100%;
    background: #FFF;
}

.contain-to-grid .top-bar {
    margin-bottom: 0;
}


.top-bar {
    overflow: hidden;
    height: 34px;
    line-height: 34px;
    position: relative;
    background: #FFF;
    margin-bottom: 0;
}

.top-bar ul {
    margin-bottom: 0;
    list-style: none;
}

.top-bar .row {
    max-width: none;
}

.top-bar form,
.top-bar input {
    margin-bottom: 0;
}

.top-bar input {
    height: 1.8rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem;
}

.top-bar .button,
.top-bar button {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 0.75rem;
}

.top-bar .title-area {
    position: relative;
    margin: 0;
}

.top-bar .name {
    height: 34px;
    margin: 0;
    font-size: 16px;
}

.top-bar .name h1 {
    line-height: 34px;
    font-size: 1.0625rem;
    margin: 0;
}

.top-bar .name h1 a {
    font-weight: normal;
    color: #000;
    width: 75%;
    display: block;
    padding: 0 12px;
}

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0;
}

.top-bar .toggle-topbar a {
    color: #000;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: bold;
    position: relative;
    display: block;
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
}

.top-bar .toggle-topbar.menu-icon {
    top: 50%;
    margin-top: -20px;
}

.top-bar .toggle-topbar.menu-icon a {
    height: 34px;
    line-height: 33px;
    padding: 0 33.5px 0 8.5px;
    color: #000;
    position: relative;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 8.5px;
    -webkit-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
    box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
    width: 16px;
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    -webkit-box-shadow: 0 0px 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
    box-shadow: 0 0px 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}

.top-bar.expanded {
    height: auto;
    background: transparent;
}

.top-bar.expanded .title-area {
    background: #FFF;
}

.top-bar.expanded .toggle-topbar a {
    color: #888888;
}

.top-bar.expanded .toggle-topbar a span::after {
    -webkit-box-shadow: 0 0px 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
    box-shadow: 0 0px 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left 300ms ease-out;
    transition: left 300ms ease-out;
}
.top-bar-section ul {
    display: block;
    height: auto;
    margin: 0 0 1rem;
    padding: 0;
    width: 100%;
}
/*Extra padding for mobile nav dropdown */
@media (max-width: 640px) {
    .top-bar-section ul {
        margin: 0;
        padding-top: 12px;
    }
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-top: solid 1px gray;
    clear: both;
    height: 1px;
    width: 100%;
}

.top-bar-section ul li {
    background: #FFF;
}

.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: #000;
    padding: 0 12px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 34px; 
}

.top-bar-section ul li > a.button {
    font-size: 14px;
    background-color: #008CBA;
    border-color: #02a1ba;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
    background-color: #007095;
}

.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
    background-color: #b9b9b9;
}

.top-bar-section ul li > a.button.secondary:hover,
.top-bar-section ul li > a.button.secondary:focus {
    color: #333333;
}

.top-bar-section ul li > a.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
    background-color: #368a55;
}

.top-bar-section ul li > a.button.success:hover,
.top-bar-section ul li > a.button.success:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
    background-color: #cf2a0e;
}

.top-bar-section ul li > a.button.alert:hover,
.top-bar-section ul li > a.button.alert:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
    background-color: #cf6e0e;
}

.top-bar-section ul li > a.button.warning:hover,
.top-bar-section ul li > a.button.warning:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button {
    font-size: 0.75rem;
    padding-right: 12px;
    padding-left: 12px;
    background-color: #008CBA;
    border-color: #02a1ba;
    color: #FFFFFF;
}

.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
    background-color: #007095;
}

.top-bar-section ul li > button:hover,
.top-bar-section ul li > button:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
    background-color: #b9b9b9;
}

.top-bar-section ul li > button.secondary:hover,
.top-bar-section ul li > button.secondary:focus {
    color: #333333;
}

.top-bar-section ul li > button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
}

.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
    background-color: #368a55;
}

.top-bar-section ul li > button.success:hover,
.top-bar-section ul li > button.success:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
}

.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
    background-color: #cf2a0e;
}

.top-bar-section ul li > button.alert:hover,
.top-bar-section ul li > button.alert:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
}

.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
    background-color: #cf6e0e;
}

.top-bar-section ul li > button.warning:hover,
.top-bar-section ul li > button.warning:focus {
    color: #FFFFFF;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #555555;
    background: #272727;
    color: #FFFFFF;
}

.top-bar-section ul li.active > a {
    background: #008CBA;
    color: #FFFFFF;
}

.top-bar-section ul li.active > a:hover {
    background: #0078a0;
    color: #FFFFFF;
}

.top-bar-section .has-form {
    padding: 8.5px;
}

.top-bar-section .has-dropdown {
    position: relative;
}

.top-bar-section .has-dropdown.moved {
    position: static;
}

.top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
    width: 100%;
}

.top-bar-section .has-dropdown.moved > a:after {
    display: none;
}

.top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.top-bar-section .dropdown li {
    width: 100%;
    height: auto;
}

.top-bar-section .dropdown li a {
    font-weight: 400;
    padding: 8px 12px;
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: 400;
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.parent-link a {
    color: #000;
    display: block;
}

.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.parent-link a:hover {
    background: none;
}

.top-bar-section .dropdown li.has-form {
    padding: 8px 12px;
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
    top: auto;
}

.top-bar-section .dropdown label {
    padding: 8px 12px 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #777777;
    font-weight: 400;
    font-size: 0.625rem;
}

.js-generated {
    display: block;
}


.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #FFF !important;
    color: #000 !important;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #272727 !important;
}

.top-bar-section li.active:not(.has-form) a:hover {
    color: #FFF !important;
}


.contain-to-grid {
    position: fixed; /* absolute; */
    z-index: 4;
    background-color: #464545;
}

/* START - Jan 2015 - Blame David Bisset */

.mini-nav-bar .right {
    text-align: right;
}

.mini-nav-bar ul {
    list-style: none;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.mini-nav-bar ul li {
    display: inline-block;
}

.mini-nav-bar ul a {
    color: #b3b3b3;
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.mini-nav-bar .right ul li {
    margin-left: 10px;
}

.mini-nav-bar .right ul li a {
    color: #579eb3;
}

.mini-nav-bar .left ul li {
    margin-right: 10px;
}

.white-bar {
    background-color: #f6f6f6;
    border-bottom: 1px solid #D3D3D3;
    padding: 24px 0;
}

/* END */

.top-bar {
    padding: 0 1rem;
    height: 36px;
    line-height: 36px;
}

.top-bar .name {
    height: 36px;
}

.top-bar .name a {
    display: inline-block; /* margin-top: .5rem; */
}

.top-bar .menu-icon button {
    top: 8px;
    right: 8px;
    height: 34px;
    width: 75px;
    padding: 0;
    border: none;
    outline: none;
    line-height: 34px;
    font-size: 13px;
    font-weight: 400;
    background: transparent;
    color: #000;
    text-transform: uppercase;
    text-align: left;
}

.top-bar .menu-icon button span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 8.5px;
    -webkit-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
    box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
    width: 16px;
}

.top-bar .menu-icon button span:hover:after {
    -webkit-box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
    box-shadow: 0 0px 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;
}

.top-bar.expanded {
    background: #FFF;
}

.top-bar.expanded .menu-icon button {
    /*color: #888888;*/
}

.top-bar.expanded .menu-icon button span:after {
    -webkit-box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888 !important;
    box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888 !important;
}

.top-bar-section .dropdown li:not(.back) a {
    padding: 12px 15px;
    /*font-weight: bold;*/
}

.has-dropdown.moved .dropdown {
    padding-left: 1rem;
}

/**
 * Site Logo
 */

.site-logo {
    width: 150px;
    height: 38px;
}

.site-logo svg {
    width: 150px;
    height: 38px;
}

.site-logo rect,
.site-logo path {
    fill: #02a1ba;
}

/**
 * Site Logo Footer
 */

.site-logo--footer svg {
    width: 76px;
}

.site-logo--footer rect,
.site-logo--footer path {
    fill: white;
}



.footer {
    background: #323232 !important;
    font-size: 12px;
    padding: 48px 0;
    position: relative;
    z-index: 3;
    color: #c2c2c2;
}

.footer__subtitle {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #c2c2c2;
    width: 80px;
    margin-bottom: 3px;
}

.footer__address {
    display: block;
}

/**
 * Footer Navigation
 */

.footer-nav {
    display: inline-block;
}

.footer-nav li {
    display: inline-block;
    margin-bottom: -2px;
    margin-right: 5px;
}

.footer-nav li:last-child {
    margin-right: 0;
}

.footer-nav a {
    padding: 0; 
    font-size: 12px;
    color: #c2c2c2;
}

.footer-nav > li > a:hover { background: transparent; }
.footer-nav > li > a { padding: 0; }
/**
 * Footer Address
 */

.footer-address {
    font-style: normal;
}

.footer-address__logo {
    margin-bottom: 10px;
}

/*------------------------------------*\
    # PAGE
\*------------------------------------*/

.contain-to-grid {
    top: 0;
}





@media only screen and (min-width: 40.063em) {


.footer {
    padding: 2rem 0;
}

.footer__col {
    width: 14.66667%;
}

.footer__subtitle {
    display: block;
}

.footer-nav li {
    display: block;
}

.footer-address {
    padding-top: 0.4rem;
}

    .page-section-testimonials {
        height: calc(345px + 2rem);
    }

}

@media only screen and (max-width: 62.5em) {
    .top-bar {
        margin: auto;
        max-width: 90%;
        width: 90%;
        background: none;
    }
}

@media only screen and (min-width: 62.5em) {

    .top-nav-menu {
        display: block !important;
    }

    .top-nav-accordion {
        display: none !important;
    }

    .top-bar-section > ul {
        display: block !important;
    }

    .top-bar-section .top-nav-mobile-menu {
        display: none !important;
    }

.top-bar {
    background: transparent;
    overflow: visible;
}

.top-bar:before,
.top-bar:after {
    content: " ";
    display: table;
}

.top-bar:after {
    clear: both;
}

.top-bar .toggle-topbar {
    display: none;
}

.top-bar .title-area {
    float: left;
}

.top-bar .name h1 a {
    width: auto;
}

.top-bar input,
.top-bar .button,
.top-bar button {
    font-size: 0.875rem;
    position: relative;
    top: 7px;
}

.top-bar.expanded {
    background: transparent;
}

.contain-to-grid .top-bar {
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 0;
}

.top-bar-section {
    -webkit-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important;
}

.top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline;
}

.top-bar-section ul li {
    float: left;
}

.top-bar-section ul li .js-generated {
    display: none;
}

.top-bar-section li.hover > a:not(.button) {
    background-color: #555555;
    background: #272727;
    color: #FFFFFF;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 12px;
    line-height: 34px;
    background: transparent;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #555555;
    background: #272727;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 12px;
    line-height: 34px;
    color: #FFFFFF;
    background: #008CBA;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #0078a0;
    color: #FFFFFF;
}

/*TODO: make sure this is only the padding for the unneeded arrow icon - then remove*/
/*.top-bar-section .has-dropdown > a {
    padding-right: 28.5px !important;
}*/

/*.top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 17px;
}*/

.top-bar-section .has-dropdown.moved {
    position: relative;
}

.top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.top-bar-section .has-dropdown.hover > .dropdown,
.top-bar-section .has-dropdown.not-click:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
}

.top-bar-section .has-dropdown:hover .dropdown,
.top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
}

/*TODO: make sure this is the arrow icon - then remove*/
/*.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: 1rem;
    margin-top: -1px;
    right: 5px;
    line-height: 1.2;
}*/

.top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%;
}

.top-bar-section .dropdown li a {
    color: #FFFFFF;
    line-height: 34px;
    white-space: nowrap;
    padding: 12px;
    background: #333333;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    color: #FFFFFF;
    background: #333333;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    color: #FFFFFF;
    background-color: #555555;
    background: #272727;
}

.top-bar-section .dropdown li label {
    white-space: nowrap;
    background: #333333;
}

.top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px white;
    clear: none;
    height: 34px;
    width: 0;
}

.top-bar-section .has-form {
    background: transparent;
    padding: 0 11.33333px;
    height: 34px;
}

.top-bar-section .right li .dropdown {
    left: auto;
    right: 0;
}

.top-bar-section .right li .dropdown li .dropdown {
    right: 100%;
}

.top-bar-section .left li .dropdown {
    right: auto;
    left: 0;
}

.top-bar-section .left li .dropdown li .dropdown {
    left: 100%;
}

.no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #272727;
    color: #FFFFFF;
}

.no-js .top-bar-section ul li:active > a {
    background: #008CBA;
    color: #FFFFFF;
}

.no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
}

.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
}

.top-bar-section ul {
    margin-bottom: 0;
}

.top-bar-section ul li {
    /*background: none;*/
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background: #FFF;
}

}

@media only screen and (min-width: 64.063em) {

.footer {
    padding: 3rem 0;
}

}

@media (min-width: 995px) {

section.top-bar-section ul.right li .dropdown {
    left: 0;
    right: auto;
}

}

@media (min-width: 998px) {

.top-bar-section .dropdown li.parent-link.show-for-small,
.top-bar-section .dropdown li.parent-link.show-for-small-only {
    display: none;
}

}


.widget-custom-ad-image img { width: 100%; height: auto; }

.widget-custom-ad-body { text-align: center; }
.widget-custom-ad-body h1 { margin-bottom: 10px; line-height: 1; font-size: 35px; }
.widget-custom-ad-body h4 { text-transform: uppercase; }
.widget-custom-ad-body .button { display: inline-block; color: #32a3c3; height: 52px; line-height: 50px; border: 1px solid #32a3c3; border-radius: 4px; padding: 0 40px; letter-spacing: .05em; }
.widget-custom-ad-body .button:focus { color: #32a3c3; background: #fff; }
.widget-custom-ad-body .button:focus:hover,
.widget-custom-ad-body .button:hover { background: #32a3c3; color: #fff; }

.home #main.container { padding-top: 30px; }



.container {
    padding-top: 150px;
}

.main-wrapper {
    padding-top: 0px;
}

.featured-slider-wrapper {
    padding-top: 10px;
}

.post-format-icon {
    display: none;
}

.post-info-wrap i {
    display: none;
}

.post-meta-footer i {
display: none;
}

.post-thumbnail-wrapper .thumb-overlay {
    display: none;
}

.post-thumbnail-wrapper:not(.img-no-hover):hover img {
    opacity: .7;
}

.scroll-to-top {
    background-color: #32a3c3;
}

.scroll-to-top:hover {
    background-color: #ff6b66 !important;
}

 .btn:hover {
    background-color: #ff6b66;
}

.read-more a {
    border: 1.5px solid #32a3c3;
    color: #32a3c3;
    background: white !important;
    border-radius: 3px;
    width: 145px;
    height: 54px;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
}

.read-more a:hover {
background: #32a3c3 !important;
}

body a {
    text-transform: uppercase;
    font-weight: 600;
}

.post-navigation a h3:hover {
    color: #ff6b66 !important;
}

.post-navigation a h3 {
    color: #32a3c3 !important;
}

.post-navigation a {
    color: #32a3c3;
}

.post-navigation a i:hover {
    color: #ff6b66;
}

.comment-form-wrapper {
    display: none;
}

.popup {
    background-color: white;
    text-align: center;
    margin: auto;
    border: 1.5px solid grey;
    padding: 40px;
    text-align: left;
}

.popup h1 {
    font-size: 30px;
    color: #171717;
}

.popup p1 {
    font-size: 14px;
    color: #454545;
    padding-bottom; 10px;
}

.popmake-close {
    top: 5px;
    right: 5px;
    color: #32a3c3 !important;
}

.popmake-close:hover {
    color: #ff6b66 !important;
}

.popmake-overlay {
    background-color: black;
    opacity: .7;
}

.popmake-content iframe {
    margin-top: 22px;
}

.input-group .form-control {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.btn {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    font-size: 17px;
}

.form-control {
    font-size: 14px;
    height: 54px;
    border: 1.5px solid #9a9a9a;
    color: #474747;
    font-weight: 500;
        line-height: 30px;
}

.search-form .btn {
    height: 54px;
    width: 54px;
}

.form-control:focus input:focus {
    border-color: #32a3c3;
}

.page-numbers {
    font-size: 14px;
}

.page-numbers a {
    border-radius: 3px;
    border: 1.5px solid #32a3c3;
    color: #32a3c3;
}

.page-numbers span {
    border-radius: 3px;
    font-weight: 600;
}

body { background: #f0f0f0; }


.dt-twitter  li {
    padding-left: 40px;
    padding-bottom: 40px;
    float: left;
    clear: left;
    line-height: 20px;
    list-style-type: none;
    position: relative;
}

.dt-twitter  li a {
    font-weight: bold;
    text-transform: none;
}

.dt-twitter .dt-twitter-readdate {
    position: absolute;
    bottom: 20px; left: 40px; right: 0;
    color: #999;
    font-size: 12px;
    font-style: italic; 
    font-weight: normal;
}
.dt-twitter .dt-twitter-readdate a { color: inherit; font-weight: inherit; }

.dt-twitter .dt-twitter-screenname,
.dt-twitter .dt-twitter-fullname { display: none; } 

.dt-twitter .dt-twitter-avatar-link { position: absolute; top: 0; left: 0; width: 30px; }

select {
    width: 100%;
}
.accordion {
    margin-bottom: 0;
}

.accordion:before,
.accordion:after {
    content: " ";
    display: table;
}

.accordion:after {
    clear: both;
}

.accordion .accordion-navigation,
.accordion dd {
    display: block;
    margin-bottom: 0 !important;
}

.accordion .accordion-navigation.active > a,
.accordion dd.active > a {
    background: #e8e8e8;
}

.accordion .accordion-navigation > a,
.accordion dd > a {
    background: #EFEFEF;
    color: #222222;
    padding: 1rem;
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
}

.accordion .accordion-navigation > a:hover,
.accordion dd > a:hover {
    background: #e3e3e3;
}

.accordion .accordion-navigation > .content,
.accordion dd > .content {
    display: none;
    padding: 0.9375rem;
}

.accordion .accordion-navigation > .content.active,
.accordion dd > .content.active {
    display: block;
    background: #FFFFFF;
}

meta.foundation-version {
    font-family: "/5.4.7/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0em;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hide {
    display: none !important;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

select {
    width: 100%;
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
}

.row .row {
    margin-left: 0;
    margin-right: 0;
}

.top-bar.expanded {
    background-color: #FFF;
    padding-bottom: 0;
}

.top-bar.expanded .top-bar-section {
    padding-top: 0;
    border-top: 1px solid #000;
    margin-top: 12px;
}

.top-bar-section .top-nav-accordion,
.top-bar-section .top-nav-mobile-menu {
    display: block;
}

.top-nav-accordion ul li > a {
    line-height: 1.6;
}

.top-nav-accordion ul {
    padding: 0;
}

.top-bar-section .top-nav-mobile-menu a {
    padding-left: 0;
}

.top-bar-section .top-nav-accordion .accordion-navigation a,
.top-bar-section .top-nav-accordion dd a {
    text-transform: none;
}

.top-bar-section .top-nav-accordion .accordion-navigation > a,
.top-bar-section .top-nav-accordion dd > a {
    background: none;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    padding: 12px 0;
    position: relative;
    font-size: 14px;
}

.top-bar-section .top-nav-accordion .accordion-navigation > a:after,
.top-bar-section .top-nav-accordion dd > a:after {
    content: '+';
    display: block;
    position: absolute;
    right: 0;
    top: 25%;
}

.top-bar-section .top-nav-accordion .accordion-navigation.active > a,
.top-bar-section .top-nav-accordion dd.active > a {
    color: #32a3c3;
}

.top-bar-section .top-nav-accordion .accordion-navigation.active > a:after,
.top-bar-section .top-nav-accordion dd.active > a:after {
    content: "—";
}

.top-bar-section .top-nav-accordion .accordion-navigation.active .content,
.top-bar-section .top-nav-accordion dd.active .content {
    padding: 0;
    max-height: 500px;
    -webkit-transition: max-height 500ms ease-in;
    transition: max-height 500ms ease-in;
}

.top-bar-section .top-nav-accordion .accordion-navigation .content,
.top-bar-section .top-nav-accordion dd .content {
    display: block;
    -webkit-transition: max-height 400ms ease-out;
    transition: max-height 400ms ease-out;
    max-height: 0;
    overflow: hidden;
    padding: 0;
}

.top-bar-section .top-nav-accordion .accordion-navigation .content > ul > li a,
.top-bar-section .top-nav-accordion dd .content > ul > li a {
    color: #32a3c3;
    padding: 6px 0 6px 24px;
    background: none;
}

.top-bar-section .top-nav-accordion .accordion-navigation .content > ul > li.non-clickable > a,
.top-bar-section .top-nav-accordion dd .content > ul > li.non-clickable > a {
    padding: 10px 0 4px;
    color: #313131;
}

.top-bar-section .top-nav-accordion .accordion-navigation .content > ul li.active a,
.top-bar-section .top-nav-accordion dd .content > ul li.active a {
    color: #ff6b66 !important;
}

.top-bar-section ul li a[title="Free Brand Report"],
.top-bar-section ul li:not(.has-form) a:not(.button)[title="Free Brand Report"] {
    border: 1px solid;
    padding-right: 8.5px;
}

.top-nav-menu {
    background: #fff;
    display: none;
}

.top-bar-section.altnav ul li > a {
    color: #313131;
}

.top-bar-section ul .has-dropdown:hover > .dropdown {
    -webkit-box-shadow: 0px 5px 6.23px 0.77px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 6.23px 0.77px rgba(0, 0, 0, 0.17);
}

.top-bar-section ul .has-dropdown:hover > .dropdown .dropdown {
    position: relative !important;
    width: auto;
}

.top-bar-section > ul {
    display: none;
}

.top-bar-section > ul > li:not(.has-form) {
    background: none;
}

.top-bar-section > ul > li:not(.has-form) > a:not(.button) {
    padding: 0 12px !important;
}

.top-bar-section > ul > li:not(.has-form) > a:not(.button):not([href]) {
    cursor: default;
}

.top-bar-section > ul > li:not(.has-form) > a:not(.button):hover {
    color: #313131;
    background: #fff;
}

.top-nav-menu .top-bar-section > ul > li:not(.has-form) > a:not(.button) {
    line-height: normal;
    text-transform: initial;
    color: #32a3c3;
    line-height: 54px;
}

.top-nav-menu .top-bar-section > ul > li:not(.has-form) > a:not(.button):hover {
    color: #ff6b66;
}

.top-nav-menu .top-bar-section > ul > li:not(.has-form):hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-bar-section > ul > li:not(.has-form):hover {
    -webkit-box-shadow: 0px 5px 6.23px 0.77px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 6.23px 0.77px rgba(0, 0, 0, 0.17);
}

.top-bar-section > ul > li:not(.has-form):hover > a:not(.button) {
    color: #313131;
    background: #fff;
}

.top-bar-section .dropdown li:not(.has-form).active > a:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: none;
    color: #32a3c3;
    text-transform: initial;
    line-height: 1;
    padding: 3px 12px;
}

.top-bar-section .dropdown li:not(.has-form).active > a:not(.button) {
    color: #ff6b66 !important;
}

.top-bar-section .dropdown li:not(.has-form).non-clickable > a:not(.button) {
    color: #454545 !important;
    background: none !important;
    cursor: default;
    line-height: 1;
    padding: 11px 12px 4px;
}

.top-bar-section .dropdown li:not(.has-form).non-clickable li:not(.has-form).active > a:not(.button),
.top-bar-section .dropdown li:not(.has-form).non-clickable li:not(.has-form):not(.active) > a:not(.button) {
    padding: 3px 35px;
}

.top-bar-section .dropdown li:not(.has-form):not(.non-clickable) > a:not(.button):hover:hover {
    color: #ff6b66 !important;
    background: none !important;
}

.top-bar-section .dropdown li:not(.has-form):not(.non-clickable):hover > a:not(.button) {
    color: #32a3c3;
    background: none;
}

.top-bar-section .dropdown li:not(.has-form):not(.non-clickable):last-child {
    padding-bottom: 11px;
}

.top-nav-menu {
    display: none;
}

.top-nav-menu .top-bar {
    height: 54px;
}