@font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2)format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2)format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2)format('woff2');
        unicode-range: U+1F00-1FFF;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2)format('woff2');
        unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2)format('woff2');
        unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIGxA.woff2)format('woff2');
        unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIGxA.woff2)format('woff2');
        unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2)format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2)format('woff2');
        unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-stretch: 100%;
        font-display: swap;
        src: url(//fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2)format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    a,
    abbr,
    acronym,
    address,
    applet,
    b,
    big,
    blockquote,
    body,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    dfn,
    div,
    dl,
    dt,
    em,
    fieldset,
    font,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    object,
    p,
    pre,
    q,
    s,
    samp,
    small,
    span,
    strike,
    strong,
    sub,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    tr,
    tt,
    u,
    ul,
    var {
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: 0 0;
        text-decoration: none;
        font-size: 100%;
        font: inherit;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        color:#000;
    }

    form,
    textarea,
    input,
    button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0
    }
    .tr_bq {
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        font-size: 16px;
        font-style: italic;
         color: #0077b5 !important;
    }
  

    dl,
    ul {
        list-style-position: inside;
        font-weight: 400;
        list-style: none
    }

    ul li {
        list-style: none
    }

    caption,
    th {
        text-align: center
    }

    img {
        border: none;
        position: relative
    }

    a,
    a:visited {
        text-decoration: none
    }

    .clearfix {
        clear: both
    }

    .section,
    .widget,
    .widget ul {
        margin: 0;
        padding: 0
    }

    a {
        color: #227093
    }

    a img {
        border: 0
    }

    abbr {
        text-decoration: none
    }

    .CSS_LIGHTBOX {
        z-index: 999999 !important
    }

    .separator a {
        clear: none !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #navbar-iframe,
    .widget-item-control,
    a.quickedit,
    .home-link,
    .feed-links {
        display: none !important
    }

    .center {
        display: table;
        margin: 0 auto;
        position: relative
    }

    .widget>h2,
    .widget>h3 {
        display: none
    }

    body {
        background: #f8f8f8 url() repeat fixed top left;
        background-color: #f8f8f8;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #656565;
        word-wrap: break-word;
        margin: 0;
        padding: 0
    }

    #outer-wrapper {
        max-width: 1020px;
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1)
    }

    .row {
        width: 960px
    }

    #content-wrapper {
        margin: 30px auto 0;
        overflow: hidden
    }

    #content-wrapper>.container {
        margin: 0 -15px
    }

    #main-wrapper {
        float: left;
        overflow: hidden;
        width: 66.66666667%;
        box-sizing: border-box;
        word-wrap: break-word;
        padding: 0 15px;
        margin: 0
    }

    #sidebar-wrapper {
        float: right;
        overflow: hidden;
        width: 33.33333333%;
        box-sizing: border-box;
        word-wrap: break-word;
        padding: 0 15px;
    }

    .post-image-wrap {
        position: relative;
        display: block;
    }

    .post-image-link,
    .about-author .avatar-container,
    .comments .avatar-image-container {
        background-color: rgba(155, 155, 155, 0.07);
        color: transparent !important
    }

    .post-thumb {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        transition: opacity .17s ease
    }

    .post-image-link:hover .post-thumb,
    .post-image-wrap:hover .post-image-link .post-thumb {
        opacity: .9
    }

    .post-title a {
        display: block
    }

    .social a:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400
    }

    .social .blogger a:before {
        content: "\f37d"
    }

    .social .facebook a:before {
        content: "\f09a"
    }

    .social .twitter a:before {
        content: "\f099"
    }

    .social .gplus a:before {
        content: "\f0d5"
    }

    .social .rss a:before {
        content: "\f09e"
    }

    .social .youtube a:before {
        content: "\f167"
    }

    .social .skype a:before {
        content: "\f17e"
    }

    .social .stumbleupon a:before {
        content: "\f1a4"
    }

    .social .tumblr a:before {
        content: "\f173"
    }

    .social .vk a:before {
        content: "\f189"
    }

    .social .stack-overflow a:before {
        content: "\f16c"
    }

    .social .github a:before {
        content: "\f09b"
    }

    .social .linkedin a:before {
        content: "\f0e1"
    }

    .social .dribbble a:before {
        content: "\f17d"
    }

    .social .soundcloud a:before {
        content: "\f1be"
    }

    .social .behance a:before {
        content: "\f1b4"
    }

    .social .digg a:before {
        content: "\f1a6"
    }

    .social .instagram a:before {
        content: "\f16d"
    }

    .social .pinterest a:before {
        content: "\f0d2"
    }

    .social .twitch a:before {
        content: "\f1e8"
    }

    .social .delicious a:before {
        content: "\f1a5"
    }

    .social .codepen a:before {
        content: "\f1cb"
    }

    .social .reddit a:before {
        content: "\f1a1"
    }

    .social .whatsapp a:before {
        content: "\f232"
    }

    .social .snapchat a:before {
        content: "\f2ac"
    }

    .social .email a:before {
        content: "\f0e0"
    }

    .social .external-link a:before {
        content: "\f35d"
    }

    .social-color .blogger a {
        background-color: #ff5722
    }

    .social-color .facebook a {
        background-color: #3b5999
    }

    .social-color .twitter a {
        background-color: #00acee
    }

    .social-color .gplus a {
        background-color: #db4a39
    }

    .social-color .youtube a {
        background-color: #f50000
    }

    .social-color .instagram a {
        background: linear-gradient(15deg, #ffb13d, #dd277b, #4d5ed4)
    }

    .social-color .pinterest a {
        background-color: #ca2127
    }

    .social-color .dribbble a {
        background-color: #ea4c89
    }

    .social-color .linkedin a {
        background-color: #0077b5
    }

    .social-color .tumblr a {
        background-color: #365069
    }

    .social-color .twitch a {
        background-color: #6441a5
    }

    .social-color .rss a {
        background-color: #ffc200
    }

    .social-color .skype a {
        background-color: #00aff0
    }

    .social-color .stumbleupon a {
        background-color: #eb4823
    }

    .social-color .vk a {
        background-color: #4a76a8
    }

    .social-color .stack-overflow a {
        background-color: #f48024
    }

    .social-color .github a {
        background-color: #24292e
    }

    .social-color .soundcloud a {
        background: linear-gradient(#ff7400, #ff3400)
    }

    .social-color .behance a {
        background-color: #191919
    }

    .social-color .digg a {
        background-color: #1b1a19
    }

    .social-color .delicious a {
        background-color: #0076e8
    }

    .social-color .codepen a {
        background-color: #000
    }

    .social-color .reddit a {
        background-color: #ff4500
    }

    .social-color .whatsapp a {
        background-color: #3fbb50
    }

    .social-color .snapchat a {
        background-color: #ffe700
    }

    .social-color .email a {
        background-color: #888
    }

    .social-color .external-link a {
        background-color: #171717
    }

    #header-wrap {
        position: relative;
        margin: 0;
        border-top: 5px solid #dc1111e4
    }

    #header-wrap .container {
        margin: 0 auto
    }

    .header-header {
        background-color: #fff;
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        padding: 35px 0
    }

    .header-logo {
        position: relative;
        float: left;
        width: 100%;
        max-height: 140px;
        text-align: center;
        padding-bottom: 0px;
        margin: 0
    }

    .header-logo .header-image-wrapper {
        display: inline-block
    }

    .header-logo img {
        width: 160px;
        max-height: 170px;


    }

    .header-logo h1 {
        color: #171717;
        font-size: 40px;
        line-height: 40px;
        margin: 0
    }

    .header-logo p {
        font-size: 12px;
        margin: 5px 0 0
    }

    .header-menu {
        position: relative;
        width: 100%;
        height: 42px;
        background-color: #cd200c;
        z-index: 10;
        font-size: 13px;
        margin: 0
    }

    .social-toggle {
        position: absolute;
        line-height: 42px;
        height: 42px;
        width: 42px;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        color: #ffffff;
        font-size: 15px;
        font-weight: 400;
        text-align: center;
        cursor: pointer;
        z-index: 20;
        padding: 0
    }

    .social-toggle:before {
        content: "\f1e0"
    }

    .social-active .social-toggle:before {
        content: "\f00d"
    }

    #social-menu {
        display: none;
        position: absolute;
        width: 100%;
        height: 42px;
        top: 0;
        left: 0;
        background-color: #cd200c;
        text-align: center;
        z-index: 15;
        margin: 0
    }

    .social-menu .social li {
        display: inline-block;
        padding: 0;
        margin: 0
    }

    .social-menu .social li a {
        display: block;
        height: 42px;
        font-size: 14px;
        color: #ffffff;
        line-height: 42px;
        padding: 0 10px;
        margin: 0 5px;
        transition: color .17s ease
    }

    #main-menu .widget,
    #main-menu .widget>.widget-title {
        display: none
    }

    #main-menu .show-menu {
        display: block
    }

    #main-menu {
        position: relative;
        height: 42px;
        text-align: center;
        z-index: 10
    }

    #main-menu ul>li {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
        transition: background .17s
    }

    #main-menu ul>li>a {
        position: relative;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        line-height: 42px;
        display: inline-block;
        padding: 0 10px;
        margin: 0 3px;
        transition: color .17s ease
    }

    #main-menu ul>li:hover>a {
        color: #ffffff
    }

    #main-menu ul>li>ul {
        position: absolute;
        float: left;
        left: 0;
        top: 42px;
        width: 180px;
        background-color: #192e80;
        z-index: 99999;
        margin-top: 0;
        padding: 0;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        visibility: hidden;
        opacity: 0
    }

    #main-menu ul>li>ul>li>ul {
        position: absolute;
        float: left;
        top: 0;
        left: 100%;
        margin: 0
    }

    #main-menu ul>li>ul>li {
        display: block;
        float: none;
        position: relative;
        transition: all .17s ease
    }

    #main-menu ul>li>ul>li a {
        display: block;
        height: 36px;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        line-height: 36px;
        box-sizing: border-box;
        margin: 0;
        padding: 0 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        transition: all .17s ease
    }

    #main-menu ul>li>ul>li:last-child a {
        border: 0
    }

    #main-menu ul>li>ul>li:hover {
        background-color: rgba(249, 220, 220, 0.2)
    }

    #main-menu ul>li>ul>li:hover>a {
        color: #cd200c
    }

    #main-menu ul>li.has-sub>a:after {
        content: '\f107';
        float: right;
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 0 3px
    }

    #main-menu ul>li>ul>li.has-sub>a:after {
        content: '\f105';
        float: right;
        margin: 0
    }

    #main-menu ul>li:hover>ul,
    #main-menu ul>li>ul>li:hover>ul {
        visibility: visible;
        opacity: 1
    }

    #main-menu ul ul {
        transition: all .17s ease
    }

    .no-posts {
        float: left;
        width: 100%;
        height: 100px;
        line-height: 100px;
        text-align: center
    }

    .show-search,
    .hide-search {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 42px;
        height: 42px;
        line-height: 42px;
        z-index: 20;
        color: #ffffff;
        font-size: 15px;
        text-align: center;
        cursor: pointer;
        transition: color .17s ease
    }

    .show-search:before {
        content: "\f002";
        font-family: FontAwesome;
        font-weight: 400
    }

    .hide-search:before {
        content: "\f00d";
        font-family: FontAwesome;
        font-weight: 400
    }

    .show-search:hover,
    .hide-search:hover {
        color: #ffffff
    }

    #nav-search {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 42px;
        z-index: 99;
        background-color: #227093;
        box-sizing: border-box;
        padding: 0
    }

    #nav-search .search-form {
        width: 100%;
        height: 42px;
        background-color: rgba(0, 0, 0, 0);
        line-height: 42px;
        overflow: hidden;
        padding: 0
    }

    #nav-search .search-input {
        width: 100%;
        height: 42px;
        font-family: inherit;
        color: #ffffff;
        margin: 0;
        padding: 0 60px 0 20px;
        background-color: rgba(0, 0, 0, 0);
        font-size: 13px;
        font-weight: 400;
        box-sizing: border-box;
        border: 0
    }
     .search-input::placeholder {
     color: #dce776 !important;     /* darker grey, very visible */
    opacity: 1;         /* override faint default opacity */
    }

    #nav-search .search-input:focus {
        color: #ffffff;
        outline: none
    }

    .slide-menu-toggle {
        display: none;
        position: absolute;
        line-height: 42px;
        height: 42px;
        width: 42px;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        color: #ffffff;
        font-size: 17px;
        font-weight: 400;
        text-align: center;
        cursor: pointer;
        z-index: 4;
        padding: 0
    }

    .slide-menu-toggle:before {
        content: "\f0c9"
    }

    .nav-active .slide-menu-toggle:before {
        content: "\f00d"
    }

    .mobile-menu {
        display: none;
        position: absolute;
        top: 42px;
        left: 0;
        width: 100%;
        background-color: #171717;
        box-sizing: border-box;
        padding: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        visibility: hidden;
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(0);
        transition: all .17s ease
    }

    .nav-active .mobile-menu {
        visibility: visible;
        opacity: 1;
        transform: scaleY(1)
    }

    .mobile-menu>ul {
        margin: 0
    }

    .mobile-menu .m-sub {
        display: none;
        padding: 0
    }

    .mobile-menu ul li {
        position: relative;
        display: block;
        overflow: hidden;
        float: left;
        width: 100%;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 38px;
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.05)
    }

    .mobile-menu>ul li ul {
        overflow: hidden
    }

    .mobile-menu>ul>li:first-child {
        border-top: 0
    }

    .mobile-menu ul li a {
        color: #fff;
        padding: 0;
        display: block;
        transition: all .17s ease
    }

    .mobile-menu ul li.has-sub .submenu-toggle {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        cursor: pointer
    }

    .mobile-menu ul li.has-sub .submenu-toggle:after {
        content: '\f105';
        font-family: FontAwesome;
        font-weight: 400;
        float: right;
        width: 34px;
        font-size: 16px;
        text-align: center;
        transition: all .17s ease
    }

    .mobile-menu ul li.has-sub.show>.submenu-toggle:after {
        transform: rotate(90deg)
    }

    .mobile-menu>ul>li>ul>li {
        border-color: rgba(255, 255, 255, 0.05)
    }

    .mobile-menu>ul>li>ul>li a {
        font-size: 13px;
        text-transform: initial;
        font-weight: 400
    }

    .mobile-menu>ul>li>ul>li>a {
        color: #fff;
        opacity: .7;
        padding: 0 0 0 15px
    }

    .mobile-menu>ul>li>ul>li>ul>li {
        border-color: rgba(255, 255, 255, 0.02)
    }

    .mobile-menu>ul>li>ul>li>ul>li>a {
        color: #fff;
        opacity: .7;
        padding: 0 0 0 30px
    }

    .mobile-menu ul li a:hover,
    .mobile-menu ul>li>.submenu-toggle:hover {
        color: #227093
    }

    #feat-wrapper {
        margin: 0 auto
    }

    .big-feat.no-items,
    .big-feat .widget .widget-title {
        display: none
    }

    .big-feat .widget {
        padding: 0 0 30px;
        margin: 30px 0 0;
        border-bottom: 1px solid #e6e6e6
    }

    .big-feat .post-content {
        position: relative;
        overflow: hidden
    }

    .big-feat .post-image-link {
        float: left;
        width: 45%;
        height: 250px;
        margin: 0 20px 0 0
    }

    .big-feat .post-info {
        overflow: hidden
    }

    .big-feat .post-title {
        font-size: 25px;
        font-weight: 700;
        line-height: 1.5em;
        text-decoration: none;
        margin: 0 0 10px
    }

    .big-feat .post-title a {
        color: #171717;
        transition: color .17s ease
    }

    .big-feat .post-title a:hover {
        color: #227093
    }

    .big-feat .post-snippet {
        margin: 10px 0 0
    }

    .big-feat a.read-more {
        margin: 13px 0 0
    }
    
    .post-meta {
        overflow: hidden;
        color: #aaa;
        font-size: 13px;
        font-weight: 400;
        padding: 0 1px
    }

    .post-meta .post-author,
    .post-meta .post-date {
        float: left;
        display: inline-block;
        margin: 0
    }

    .post-meta .post-author:after {
        content: '-';
        margin: 0 4px
    }

    .post-author {
        font-weight: 700
    }

    .post-meta a {
        color: #171717;
        transition: color .17s
    }

    .post-meta a:hover {
        color: #227093
    }

    .queryMessage {
        overflow: hidden;
        background-color: #f2f2f2;
        color: #171717;
        font-size: 13px;
        font-weight: 400;
        padding: 8px 10px;
        margin: 0 0 25px
    }

    .queryMessage .query-info {
        margin: 0 5px
    }

    .queryMessage .search-query,
    .queryMessage .search-label {
        font-weight: 700;
        text-transform: uppercase
    }

    .queryMessage .search-query:before,
    .queryMessage .search-label:before {
        content: "\201c"
    }

    .queryMessage .search-query:after,
    .queryMessage .search-label:after {
        content: "\201d"
    }

    .queryMessage a.show-more {
        float: right;
        color: #227093;
        text-decoration: underline;
        transition: opacity .17s
    }

    .queryMessage a.show-more:hover {
        opacity: .8
    }

    .queryEmpty {
        font-size: 13px;
        font-weight: 400;
        padding: 10px 0;
        margin: 0 0 25px;
        text-align: center
    }

    .title-wrap {
        position: relative;
        float: left;
        width: 100%;
        height: 28px;
        background-color: #227093;
        display: block;
        margin: 0 0 20px
    }

    .title-wrap>h3 {
        display: block;
        font-size: 12px;
        color: #ffffff;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
        text-align: center;
        padding: 0 15px;
        margin: 0
    }

    .custom-widget li {
        overflow: hidden;
        margin: 20px 0 0
    }

    .custom-widget li:first-child {
        padding: 0;
        margin: 0;
        border: 0
    }

    .custom-widget .post-image-link {
        position: relative;
        width: 80px;
        height: 60px;
        float: left;
        overflow: hidden;
        display: block;
        vertical-align: middle;
        margin: 0 12px 0 0
    }

    .custom-widget .post-info {
        overflow: hidden
    }

    .custom-widget .post-title {
        overflow: hidden;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.5em;
        margin: 0 0 3px
    }

    .custom-widget .post-title a {
        display: block;
        color: #171717;
        transition: color .17s
    }

    .custom-widget li:hover .post-title a {
        color: #227093
    }

    .custom-widget .post-meta {
        font-size: 12px
    }

    .home-ad .widget>.widget-title {
        display: none
    }

    .home-ad .widget {
        width: 728px;
        max-width: 100%;
        margin: 0 auto
    }

    .home-ad .widget .widget-content {
        position: relative;
        width: 100%;
        max-height: 90px;
        overflow: hidden;
        line-height: 1;
        margin: 0 0 30px
    }

    .index-post-wrap {
        position: relative;
        float: left;
        width: 100%
    }

    .blog-post {
        display: block;
        overflow: hidden;
        word-wrap: break-word
    }

    .index-post {
        display: block;
        margin: 0 0 30px
    }

    .index-post .post-image-wrap {
        float: left;
        width: 250px;
        height: 185px;
        overflow: hidden;
        margin: 0 20px 0 0
    }

    .index-post .post-image-wrap .post-image-link {
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        z-index: 1;
        overflow: hidden
    }

    .index-post .post-info {
        overflow: hidden
    }

    .index-post .post-info>h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5em;
        text-decoration: none;
        margin: 0
    }

    .index-post .post-info>h2>a {
        display: block;
        color: #171717;
        transition: color .17s
    }

    .index-post .post-info>h2:hover>a {
        color: #227093
    }

    .widget iframe,
    .widget img {
        max-width: 100%
    }

    .date-header {
        display: block;
        overflow: hidden;
        font-weight: 400;
        margin: 0 !important;
        padding: 0
    }

    .index-post .post-meta {
        margin: 10px 0 0
    }

    .post-snippet {
        position: relative;
        display: block;
        overflow: hidden;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700 font-size: 13px;
        line-height: 1.6em;
        font-weight: 400;
        margin: 7px 0 0
    }

    a.read-more {
        display: inline-block;
        background-color: #cd200c;
        color: #fff;
        height: 28px;
        font-size: 13px;
        font-weight: 600;
        line-height: 28px;
        padding: 0 15px;
        margin: 12px 0 0;
        border-radius: 2px;
        transition: background .17s ease
    }

    a.read-more:hover {
        background-color: #192e80;
        color: #CD200c;
    }

    #breadcrumb {
        font-size: 12px;
        font-weight: 400;
        color: #000;
        margin: 0 0 10px
    }

    #breadcrumb a {
        color: #000;
        transition: color .17s
    }

    #breadcrumb a:hover {
        color: #227093
    }

    #breadcrumb a,
    #breadcrumb em {
        display: inline-block
    }

    #breadcrumb .delimiter:after {
        content: '\f054';
        font-family: FontAwesome;
        font-size: 8px;
        font-weight: 400;
        font-style: normal;
        vertical-align: middle;
        margin: 0 3px
    }

    .item-post h1.post-title {
        color: #171717;
        font-size: 27px;
        line-height: 1.5em;
        font-weight: 700;
        position: relative;
        display: block;
        margin: 10px 0;
        padding: 0
    }

    .static_page .item-post h1.post-title {
        margin: 0
    }

    .item-post .post-body {
        width: 100%;
        font-size: 15px;
        line-height: 1.5em;
        overflow: hidden;
        padding: 20px 0 0;
        margin: 10px 0 0;
        border-top: 1px dashed #ebebeb
    }

    .static_page .item-post .post-body {
        padding: 20px 0
    }

    .item-post .post-outer {
        padding: 0
    }

    .item-post .post-body img {
        max-width: 100%
    }

    .main .widget {
        margin: 0
    }

    .main .Blog {
        border-bottom-width: 0
    }

    .post-footer {
        position: relative;
        float: left;
        width: 100%;
        margin: 20px 0 0
    }

    .inline-ad {
        position: relative;
        display: block;
        max-height: 60px;
        margin: 0 0 30px
    }

    .inline-ad>ins {
        display: block !important;
        margin: 0 auto !important
    }

    .item .inline-ad {
        float: left;
        width: 100%;
        margin: 20px 0 0
    }


    .item-post-wrap>.inline-ad {
        margin: 0 0 20px
    }

    .post-labels {
        overflow: hidden;
        height: auto;
        position: relative;
        margin: 0 0 20px;
        padding: 0
    }

    .post-labels span,
    .post-labels a {
        float: left;
        height: 22px;
        background-color: #f2f2f2;
        color: #171717;
        font-size: 12px;
        line-height: 22px;
        font-weight: 400;
        margin: 0;
        padding: 0 10px;
        border-radius: 2px
    }

    .post-labels span {
        background-color: #227093;
        color: #fff
    }

    .post-labels a {
        margin: 0 0 0 5px;
        transition: all .17s ease
    }

    .post-labels a:hover {
        background-color: #227093;
        color: #fff;
        border-color: #227093
    }

    .post-reactions {
        height: 28px;
        display: block;
        margin: 0 0 15px
    }

    .post-reactions span {
        float: left;
        color: #171717;
        font-size: 11px;
        line-height: 25px;
        text-transform: uppercase;
        font-weight: 700
    }

    .reactions-inner {
        float: left;
        margin: 0;
        height: 28px
    }

    .post-share {
        position: relative;
        overflow: hidden;
        line-height: 0;
        margin: 0 0 30px
    }

    ul.share-links {
        position: relative
    }

    .share-links li {
        width: 32px;
        float: left;
        box-sizing: border-box;
        margin: 0 5px 0 0
    }

    .share-links li.facebook,
    .share-links li.twitter {
        width: 20%
    }

    .share-links li a {
        float: left;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        height: 32px;
        line-height: 32px;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        text-align: center;
        box-sizing: border-box;
        opacity: 1;
        border-radius: 2px;
        transition: all .17s ease
    }

    .share-links li.whatsapp-mobile {
        display: none
    }

    .is-mobile li.whatsapp-desktop {
        display: none
    }

    .is-mobile li.whatsapp-mobile {
        display: inline-block
    }

    .share-links li a:before {
        float: left;
        display: block;
        width: 32px;
        background-color: rgba(0, 0, 0, 0.05);
        text-align: center;
        line-height: 32px
    }

    .share-links li a:hover {
        opacity: .8
    }

    ul.post-nav {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0 0 30px
    }

    .post-nav li {
        display: inline-block;
        width: 50%
    }

    .post-nav .post-prev {
        float: left;
        text-align: left;
        box-sizing: border-box;
        padding: 0 10px
    }

    .post-nav .post-next {
        float: right;
        text-align: right;
        box-sizing: border-box;
        padding: 0 10px
    }

    .post-nav li a {
        color: #171717;
        line-height: 1.4em;
        display: block;
        overflow: hidden;
        transition: color .17s
    }

    .post-nav li:hover a {
        color: #227093
    }

    .post-nav li span {
        display: block;
        font-size: 11px;
        color: #aaa;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 0 2px
    }

    .post-nav .post-prev span:before {
        content: "\f053";
        float: left;
        font-family: FontAwesome;
        font-size: 10px;
        font-weight: 400;
        text-transform: none;
        margin: 0 2px 0 0
    }

    .post-nav .post-next span:after {
        content: "\f054";
        float: right;
        font-family: FontAwesome;
        font-size: 10px;
        font-weight: 400;
        text-transform: none;
        margin: 0 0 0 2px
    }

    .post-nav p {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4em;
        margin: 0
    }

    .post-nav .post-nav-active p {
        color: #aaa
    }

    .about-author {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 20px;
        margin: 0 0 30px;
        border: 1px solid #e6e6e6
    }

    .about-author .avatar-container {
        position: relative;
        float: left;
        width: 80px;
        height: 80px;
        background-color: rgba(255, 255, 255, 0.05);
        overflow: hidden;
        margin: 0 15px 0 0
    }

    .about-author .author-avatar {
        float: left;
        width: 100%;
        height: 100%
    }

    .author-name {
        overflow: hidden;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 14px;
        margin: 7px 0 3px
    }

    .author-name span {
        color: #171717
    }

    .author-name a {
        color: #227093;
        transition: opacity .17s
    }

    .author-name a:hover {
        opacity: .8
    }

    .author-description {
        display: block;
        overflow: hidden;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.6em
    }

    .author-description a:hover {
        text-decoration: underline
    }

    #related-wrap {
        overflow: hidden;
        margin: 0 0 30px
    }

    #related-wrap .related-tag {
        display: none
    }

    .related-ready {
        float: left;
        width: 100%
    }

    .related-ready .loader {
        height: 178px
    }

    ul.related-posts {
        position: relative;
        overflow: hidden;
        margin: 0 -10px;
        padding: 0
    }

    .related-posts .related-item {
        width: 33.33333333%;
        position: relative;
        overflow: hidden;
        float: left;
        display: block;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0
    }
    
    .related-posts .post-image-link {
        width: 100%;
        height: 130px;
        position: relative;
        overflow: hidden;
        display: block
    }

    .related-posts .post-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.5em;
        display: block;
        margin: 7px 0 5px
    }

    .related-posts .post-title a {
        color: #171717;
        transition: color .17s
    }

    .related-posts .related-item:hover .post-title a {
        color: #227093
    }

    .related-posts .post-meta {
        font-size: 12px
    }

    #blog-pager {
        float: left;
        width: 100%;
        overflow: hidden;
        clear: both;
        margin: 0 0 30px
    }

    .blog-pager a,
    .blog-pager span {
        float: left;
        display: block;
        min-width: 30px;
        height: 30px;
        background-color: #f2f2f2;
        color: #171717;
        font-size: 13px;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0 5px 0 0;
        border-radius: 2px;
        transition: all .17s ease
    }

    .blog-pager span.page-dots {
        min-width: 20px;
        background-color: #fff;
        font-size: 16px;
        color: #656565;
        font-weight: 400;
        line-height: 32px;
        padding: 0
    }

    .blog-pager .page-of {
        display: none;
        width: auto;
        float: right;
        border-color: rgba(0, 0, 0, 0);
        margin: 0
    }

    .blog-pager .page-active,
    .blog-pager a:hover {
        background-color: #227093;
        color: #fff;
        border-color: #227093
    }

    .blog-pager .page-prev:before,
    .blog-pager .page-next:before {
        font-family: FontAwesome;
        font-size: 11px;
        font-weight: 400
    }

    .blog-pager .page-prev:before {
        content: '\f053'
    }

    .blog-pager .page-next:before {
        content: '\f054'
    }

    .blog-pager .blog-pager-newer-link,
    .blog-pager .blog-pager-older-link {
        float: left;
        display: inline-block;
        width: auto;
        padding: 0 10px;
        margin: 0
    }

    .blog-pager .blog-pager-older-link {
        float: right
    }

    .archive #blog-pager,
    .home .blog-pager .blog-pager-newer-link,
    .home .blog-pager .blog-pager-older-link {
        display: none
    }

    .blog-post-comments {
        display: none
    }

    .blog-post-comments .comments-title {
        margin: 0 0 20px
    }



    /* Comments deleted*/
   
    .post-body h1,
    .post-body h2,
    .post-body h3,
    .post-body h4,
    .post-body h5,
    .post-body h6 {
        color: #171717;
        font-weight: 700;
        margin: 0 0 15px
    }

    .post-body h1,
    .post-body h2 {
        font-size: 24px
    }

    .post-body h3 {
        font-size: 21px
    }

    .post-body h4 {
        font-size: 18px
    }

    .post-body h5 {
        font-size: 16px
    }

    .post-body h6 {
        font-size: 13px
    }

    blockquote {
        font-style: italic;
        padding: 10px;
        margin: 0;
        border-left: 4px solid #227093
    }

    blockquote:before,
    blockquote:after {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        color: #aaa;
        line-height: 1
    }

    blockquote:before {
        content: '\f10d';
        margin: 0 10px 0 0
    }

    blockquote:after {
        content: '\f10e';
        margin: 0 0 0 10px
    }

    .widget .post-body ul,
    .widget .post-body ol {
        line-height: 1.5;
        font-weight: 400
    }

    .widget .post-body li {
        margin: 5px 0;
        padding: 0;
        line-height: 1.5
    }

    .post-body ul {
        padding: 0 0 0 20px
    }

    .post-body ul li:before {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 13px;
        font-weight: 400;
        margin: 0 5px 0 0
    }

    .post-body u {
        text-decoration: underline
    }

    .post-body a {
        transition: color .17s ease
    }

    .post-body strike {
        text-decoration: line-through
    }


    /* Contact Form */
    .contact-form {
        overflow: hidden
    }

    .contact-form .widget-title {
        display: none
    }

    .contact-form .contact-form-name {
        width: calc(50% - 5px)
    }

    .contact-form .contact-form-email {
        width: calc(50% - 5px);
        float: right
    }

    /* Sidebar */
    .sidebar .widget {
        position: relative;
        overflow: hidden;
        background-color: #fff;
        box-sizing: border-box;
        padding: 0;
        margin: 0 0 30px
    }

    .sidebar .widget-title {
        position: relative;
        float: left;
        width: 100%;
        height: 28px;
        background-color: #227093;
        display: block;
        margin: 0 0 20px
    }

    .sidebar .widget-title>h3 {
        display: block;
        font-size: 12px;
        color: #ffffff;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
        text-align: center;
        padding: 0 15px;
        margin: 0
    }

    .sidebar .widget-content {
        float: left;
        width: 100%;
        margin: 0
    }

    /* Social Counter */
    ul.social-counter {
        margin: 0 -5px
    }

    .social-counter li {
        float: left;
        width: 16.66%;
        box-sizing: border-box;
        padding: 0 5px;
        margin: 10px 0 0
    }

    .social-counter li:nth-child(1),
    .social-counter li:nth-child(2),
    .social-counter li:nth-child(3),
    .social-counter li:nth-child(4),
    .social-counter li:nth-child(5),
    .social-counter li:nth-child(6) {
        margin-top: 0
    }

    .social-counter li a {
        display: block;
        height: 38px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 38px;
        border-radius: 2px;
        transition: opacity .17s
    }

    .social-counter li a:hover {
        opacity: .8
    }

    /* Label List */
    .list-label li {
        position: relative;
        display: block;
        padding: 7px 0;
        border-top: 1px dotted #ebebeb
    }

    .list-label li:first-child {
        padding-top: 0;
        border-top: 0
    }

    .list-label li:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

    .list-label li a {
        display: block;
        color: #171717;
        font-size: 12px;
        font-weight: 400;
        text-transform: capitalize;
        transition: color .17s
    }

    .list-label li a:before {
        content: "\f054";
        float: left;
        color: #171717;
        font-weight: 400;
        font-family: FontAwesome;
        font-size: 6px;
        margin: 5px 3px 0 0;
        transition: color .17s
    }

    .list-label li a:hover {
        color: #227093
    }

    .list-label .label-count {
        position: relative;
        float: right;
        width: 16px;
        height: 16px;
        background-color: #227093;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        text-align: center;
        line-height: 16px;
        border-radius: 2px
    }

    /* Cloud Label */
    .cloud-label li {
        position: relative;
        float: left;
        margin: 0 5px 5px 0
    }

    .cloud-label li a {
        display: block;
        height: 26px;
        background-color: #f2f2f2;
        color: #171717;
        font-size: 12px;
        line-height: 26px;
        font-weight: 400;
        padding: 0 10px;
        border-radius: 2px;
        transition: all .17s ease
    }

    .cloud-label li a:hover {
        color: #fff;
        background-color: #227093
    }

    .cloud-label .label-count {
        display: none
    }

    .sidebar .FollowByEmail>.widget-title>h3 {
        margin: 0
    }

    /* Follow By Email */
    .FollowByEmail .widget-content {
        position: relative;
        overflow: hidden;
        background-color: #f9f9f9;
        text-align: center;
        font-weight: 400;
        box-sizing: border-box;
        padding: 20px;
        border-radius: 2px;
        border: 1px solid #f0f0f0;
        border-top: 2px solid #227093
    }

    .FollowByEmail .widget-content>h3 {
        font-size: 18px;
        color: #171717;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 13px
    }

    .FollowByEmail .before-text {
        font-size: 13px;
        line-height: 1.5em;
        margin: 0 0 15px;
        display: block;
        padding: 0 10px;
        overflow: hidden
    }

    .FollowByEmail .widget-content:after {
        content: '\f0e0';
        position: absolute;
        right: -15px;
        top: -15px;
        font-family: FontAwesome;
        font-size: 50px;
        color: #f0f0f0;
        transform: rotate(21deg)
    }

    .FollowByEmail .follow-by-email-inner {
        position: relative
    }

    .FollowByEmail .follow-by-email-inner .follow-by-email-address {
        width: 100%;
        height: 32px;
        color: #171717;
        font-size: 11px;
        font-family: inherit;
        padding: 0 10px;
        margin: 0 0 10px;
        box-sizing: border-box;
        border: 1px solid #f0f0f0;
        border-radius: 2px;
        transition: ease .17s
    }

    .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
        width: 100%;
        height: 32px;
        font-family: inherit;
        font-size: 11px;
        color: #fff;
        background-color: #227093;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        cursor: pointer;
        margin: 0;
        border: 0;
        border-radius: 2px;
        transition: opacity .17s ease
    }

    .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
        opacity: .85
    }

    /* Archive List */
    #ArchiveList ul.flat li {
        color: #171717;
        font-size: 12px;
        font-weight: 400;
        padding: 7px 0;
        border-bottom: 1px dotted #eaeaea
    }

    #ArchiveList ul.flat li:first-child {
        padding-top: 0
    }

    #ArchiveList ul.flat li:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

    #ArchiveList .flat li>a {
        display: block;
        color: #171717;
        transition: color .17s
    }

    #ArchiveList .flat li>a:hover {
        color: #227093
    }

    #ArchiveList .flat li>a:before {
        content: "\f054";
        float: left;
        color: #161619;
        font-weight: 400;
        font-family: FontAwesome;
        font-size: 6px;
        margin: 5px 4px 0 0;
        display: inline-block;
        transition: color .17s
    }

    #ArchiveList .flat li>a>span {
        position: relative;
        float: right;
        width: 16px;
        height: 16px;
        background-color: #227093;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        text-align: center;
        line-height: 16px;
        border-radius: 2px
    }

    /* Popular Posts */
    .PopularPosts .post {
        overflow: hidden;
        margin: 20px 0 0
    }

    .PopularPosts .post:first-child {
        padding: 0;
        margin: 0;
        border: 0
    }

    .PopularPosts .post-image-link {
        position: relative;
        width: 80px;
        height: 60px;
        float: left;
        overflow: hidden;
        display: block;
        vertical-align: middle;
        margin: 0 12px 0 0
    }

    .PopularPosts .post-info {
        overflow: hidden
    }

    .PopularPosts .post-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 1.5em;
        margin: 0 0 3px
    }

    .PopularPosts .post-title a {
        display: block;
        color: #171717;
        transition: color .17s
    }

    .PopularPosts .post:hover .post-title a {
        color: #227093
    }

    .PopularPosts .post-date:before {
        font-size: 10px
    }

    .PopularPosts .post-meta {
        font-size: 12px
    }

    /* Featured Posts */
    .common-widget .FeaturedPost .post-image-link {
        display: block;
        position: relative;
        width: 100%;
        height: 180px;
        overflow: hidden;
        margin: 0 0 10px
    }

    .common-widget .FeaturedPost .post-title {
        font-size: 18px;
        overflow: hidden;
        font-weight: 700;
        line-height: 1.5em;
        margin: 0 0 7px
    }

    .common-widget .FeaturedPost .post-title a {
        color: #171717;
        display: block;
        transition: color .17s ease
    }

    .common-widget .FeaturedPost .post-title a:hover {
        color: #227093
    }

    .Text {
        font-size: 13px
    }

    /* Contact Form */
   

    /* Blog Search */
    .BlogSearch .search-input {
        float: left;
        width: 75%;
        height: 30px;
        background-color: #fff;
        font-weight: 400;
        font-size: 13px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 5px 10px;
        border: 1px solid #ebebeb;
        border-right-width: 0;
        border-radius: 2px 0 0 2px
    }

    .BlogSearch .search-action {
        float: right;
        width: 25%;
        height: 30px;
        font-family: inherit;
        font-size: 13px;
        line-height: 30px;
        cursor: pointer;
        box-sizing: border-box;
        background-color: #227093;
        color: #fff;
        padding: 0 5px;
        border: 0;
        border-radius: 0 2px 2px 0;
        transition: background .17s ease
    }

    .BlogSearch .search-action:hover {
        background-color: #171717
    }

    .Profile .profile-img {
        float: left;
        width: 80px;
        height: 80px;
        margin: 0 15px 0 0;
        transition: all .17s ease
    }

    /* Profile */
    .Profile .profile-datablock {
        margin: 0
    }

    .Profile .profile-data .g-profile {
        display: block;
        font-size: 18px;
        color: #171717;
        font-weight: 700;
        margin: 0 0 5px;
        transition: color .17s ease
    }

    .Profile .profile-data .g-profile:hover {
        color: #227093
    }

    .Profile .profile-info>.profile-link {
        color: #171717;
        font-size: 11px;
        margin: 5px 0 0;
        transition: color .17s ease
    }

    .Profile .profile-info>.profile-link:hover {
        color: #227093
    }

    .Profile .profile-datablock .profile-textblock {
        display: none
    }

    .common-widget .LinkList ul li,
    .common-widget .PageList ul li {
        width: calc(50% - 5px);
        padding: 7px 0 0
    }

    .common-widget .LinkList ul li:nth-child(odd),
    .common-widget .PageList ul li:nth-child(odd) {
        float: left
    }

    .common-widget .LinkList ul li:nth-child(even),
    .common-widget .PageList ul li:nth-child(even) {
        float: right
    }

    .common-widget .LinkList ul li a,
    .common-widget .PageList ul li a {
        display: block;
        color: #171717;
        font-size: 13px;
        font-weight: 400;
        transition: color .17s ease
    }

    .common-widget .LinkList ul li a:hover,
    .common-widget .PageList ul li a:hover {
        color: #227093
    }
    

    .common-widget .LinkList ul li:first-child,
    .common-widget .LinkList ul li:nth-child(2),
    .common-widget .PageList ul li:first-child,
    .common-widget .PageList ul li:nth-child(2) {
        padding: 0
    }

    /* Footer */
    #footer-wrapper {
        background-color: #2f408b;
        object-fit: cover;

    }

    #footer-wrapper .container {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        padding-top: 25px;
        padding-left: 10px;
        max-width: 1020px;
        object-fit: cover;
    }

    .footer-widgets-wrap {
        position: relative;
        display: flex;
        margin: 0 -15px
    }

    #footer-wrapper .footer {
        display: inline-block;
        float: left;
        width: 33.33333333%;
        box-sizing: border-box;
        padding: 0 25px 10px;
    }

    #footer-wrapper .footer .widget {
        float: left;
        width: 100%;
        padding: 0;
        margin: 25px 0 0
    }

    #footer-wrapper .footer .Text {
        margin: 10px 0 0
    }

    #footer-wrapper .footer .widget:first-child {
        margin: 0
    }

    .footer .widget>.widget-title>h3 {
        position: relative;
        color: #f1ffff;
        font-size: 12px;
        line-height: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 20px;
        padding-bottom: 10px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.05)
    }

    .footer .widget>.widget-title>h3:before {
        position: absolute;
        content: '';
        background-color: #227093;
        width: 35px;
        height: 2px;
        bottom: -2px;
        left: 0
    }

    .footer .post-image-link {
        background-color: rgba(255, 255, 255, 0.05)
    }

    .footer .custom-widget .post-title a,
    .footer .PopularPosts .post-title a,
    .footer .FeaturedPost .post-title a,
    .footer .LinkList ul li a,
    .footer .PageList ul li a,
    .footer .Profile .profile-data .g-profile,
    .footer .Profile .profile-info>.profile-link {
        color: #f1ffff
    }

    .footer .custom-widget .post-title a:hover,
    .footer .PopularPosts .post-title a:hover,
    .footer .FeaturedPost .post-title a:hover,
    .footer .LinkList ul li a:hover,
    .footer .PageList ul li a:hover,
    .footer .Profile .profile-data .g-profile:hover,
    .footer .Profile .profile-info>.profile-link:hover {
        color: #227093
    }

     #HTML4 .custom-widget .post-title a {
      color: #fff;
      transition: opacity .17s ease
    }

    #HTML4 .custom-widget li:hover .post-title a {
      color: #fff;
      opacity: .8
    }

    #HTML4 .custom-widget .post-date {
      color: #8fd3ff
    }

    .footer .no-posts {
        color: #f1ffff
    }

    .footer .FollowByEmail .widget-content>h3 {
        color: #f1ffff
    }

    .footer .FollowByEmail .widget-content {
        background-color: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.05)
    }

    .footer .FollowByEmail .before-text,
    #footer-wrapper .footer .Text {
        color: #aaa
    }

    .footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
        background: #171717
    }

    .footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {
        background-color: rgba(255, 255, 255, 0.05);
        color: #f1ffff;
        border-color: rgba(255, 255, 255, 0.05)
    }

    .footer #ArchiveList .flat li>a {
        color: #f1ffff
    }

    .footer .list-label li,
    .footer .BlogArchive #ArchiveList ul.flat li {
        border-color: rgba(255, 255, 255, 0.05)
    }

    .footer .list-label li:first-child {
        padding-top: 0
    }

    .footer .list-label li a,
    .footer .list-label li a:before,
    .footer #ArchiveList .flat li>a,
    .footer #ArchiveList .flat li>a:before {
        color: #f1ffff
    }

    .footer .list-label li>a:hover,
    .footer #ArchiveList .flat li>a:hover {
        color: #0a1431
    }

    .footer .list-label .label-count,
    .footer #ArchiveList .flat li>a>span {
        background-color: rgba(255, 255, 255, 0.05);
        color: #f1ffff
    }

    .footer .cloud-label li a {
        background-color: rgba(255, 255, 255, 0.05);
        color: #f1ffff
    }

    .footer .cloud-label li a:hover {
        background-color: #227093;
        color: #fff
    }

    .footer .BlogSearch .search-input {
        background-color: rgba(255, 255, 255, 0.05);
        color: #f1ffff;
        border-color: rgba(245, 20, 20, 0.816)
    }

    .footer .contact-form-name,
    .footer .contact-form-email,
    .footer .contact-form-email-message {
        background-color: rgba(255, 255, 255, 0.05);
        color: #f1ffff;
        border-color: rgba(255, 255, 255, 0.05)
    }

    .footer .BlogSearch .search-action:hover,
    .footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,
    .footer .contact-form-button-submit:hover {
        background-color: rgba(215, 29, 29, 0.3)
    }

    #sub-footer-wrapper {
        background-color: rgba(240, 16, 16, 0.801);
        color: #f1ffff;
        display: block;
        padding: 0;
        width: 100%;
        overflow: hidden
    }

    #sub-footer-wrapper .container {
        overflow: hidden;
        margin: 0 auto;
        padding: 10px 0
    }

    #menu-footer {
        float: right;
        position: relative;
        display: block
    }

    #menu-footer .widget>.widget-title {
        display: none
    }

    #menu-footer ul li {
        float: left;
        display: inline-block;
        height: 34px;
        padding: 0 20px;
        margin: 0
    }

    #menu-footer ul li a {
        font-size: 12px;
        font-weight: 400;
        display: block;
        color: #f1ffff;
        line-height: 34px;
        padding: 0 0px;
        margin: 0 0 0 5px;
        transition: color .17s ease
    }

    #menu-footer ul li:last-child a {
        padding: 0 0 0 5px
    }

    #menu-footer ul li a:hover {
        color: #0be6af;
        font-weight: 900;
    }

    #sub-footer-wrapper .copyright-area {
        font-size: 12px;
        float: left;
        height: 34px;
        line-height: 34px;
        font-weight: 400
    }

    #sub-footer-wrapper .copyright-area a {
        color: #227093;
        transition: color .17s
    }

    .hidden-widgets {
        display: none;
        visibility: hidden
    }

    .back-top {
        display: none;
        z-index: 1010;
        width: 32px;
        height: 32px;
        position: fixed;
        bottom: 25px;
        right: 25px;
        cursor: pointer;
        overflow: hidden;
        font-size: 13px;
        color: #fff;
        text-align: center;
        line-height: 32px;
        border-radius: 2px
    }

    .back-top:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #227093;
        opacity: .5;
        transition: opacity .17s ease
    }

    .back-top:after {
        content: '\f077';
        position: relative;
        font-family: FontAwesome;
        font-weight: 400;
        opacity: .8;
        transition: opacity .17s ease
    }

    .back-top:hover:before,
    .back-top:hover:after,
    .nav-active .back-top:after,
    .nav-active .back-top:before {
        opacity: 1
    }

    .error404 #main-wrapper {
        width: 100% !important;
        margin: 0 !important
    }

    .error404 #sidebar-wrapper {
        display: none
    }

    .errorWrap {
        color: #171717;
        text-align: center;
        padding: 80px 0 100px
    }

    .errorWrap h3 {
        font-size: 160px;
        line-height: 1;
        margin: 0 0 30px
    }

    .errorWrap h4 {
        font-size: 25px;
        margin: 0 0 20px
    }

    .errorWrap p {
        margin: 0 0 10px
    }

    .errorWrap a {
        display: block;
        color: #227093;
        padding: 10px 0 0
    }
    

    .errorWrap a i {
        font-size: 20px
    }

    .errorWrap a:hover {
        text-decoration: underline
    }

    @media screen and (max-width: 1100px) {
        #outer-wrapper {
            max-width: 100%
        }

        .row {
            width: 100%
        }

        #header-wrap {
            padding: 0 20px
        }

        #feat-wrapper {
            box-sizing: border-box;
            padding: 0 20px
        }

        #content-wrapper {
            position: relative;
            box-sizing: border-box;
            padding: 0 20px;
            margin: 30px 0 0
        }

        #footer-wrapper .container {
            box-sizing: border-box;
            padding: 25px 20px
        }

        #sub-footer-wrapper .container {
            box-sizing: border-box;
            padding: 10px 20px
        }
    }

    @media screen and (max-width: 980px) {

        #main-menu,
        .social-toggle {
            display: none
        }

        .slide-menu-toggle,
        .mobile-menu {
            display: block
        }

        #content-wrapper>.container {
            margin: 0
        }

        #main-wrapper,
        #sidebar-wrapper {
            width: 100%;
            padding: 0
        }

        #blog-pager {
            margin: 0
        }

        #sidebar-wrapper {
            margin: 30px 0 0
        }
    }

    @media screen and (max-width: 880px) {
        .footer-widgets-wrap {
            display: block
        }

        #footer-wrapper .footer {
            width: 100%;
            margin-right: 0
        }

        #footer-sec2,
        #footer-sec3 {
            margin-top: 25px
        }
    }

    @media screen and (max-width: 680px) {
        .big-feat .post-image-link {
            width: 100%;
            margin: 0 0 15px
        }

        .big-feat .post-info {
            float: left;
            width: 100%
        }

        .index-post {
            width: 100%
        }

        #menu-footer,
        #sub-footer-wrapper .copyright-area {
            width: 100%;
            height: auto;
            line-height: inherit;
            text-align: center
        }

        #menu-footer {
            margin: 10px 0 0
        }

        #sub-footer-wrapper .copyright-area {
            margin: 10px 0
        }

        #menu-footer ul li {
            float: none;
            height: auto
        }

        #menu-footer ul li a {
            line-height: inherit;
            margin: 0 3px 5px
        }
    }

    @media screen and (max-width: 560px) {
        .big-feat .post-image-link {
            height: 185px
        }

        .big-feat .post-title {
            font-size: 20px
        }

        .index-post .post-image-wrap {
            width: 100%;
            margin: 0 0 15px
        }

        .index-post .post-info {
            float: left;
            width: 100%
        }

        .share-links li a span {
            display: none
        }

        .share-links li.facebook,
        .share-links li.twitter {
            width: 32px
        }

        ul.related-posts {
            margin: 0
        }

        .related-posts .related-item {
            width: 100%;
            padding: 0;
            margin: 20px 0 0
        }

        .related-posts .item-0 {
            margin: 0
        }

        .related-posts .post-image-link {
            width: 80px;
            height: 60px;
            float: left;
            margin: 0 12px 0 0
        }

        .related-posts .post-title {
            font-size: 13px;
            overflow: hidden;
            margin: 0 0 5px
        }

        .post-reactions {
            display: none
        }
    }

    @media screen and (max-width: 440px) {
        .queryMessage {
            text-align: center
        }

        .queryMessage a.show-more {
            width: 100%;
            margin: 10px 0 0
        }

        .item-post h1.post-title {
            font-size: 24px
        }

        .about-author {
            padding: 15px
        }

        .about-author .avatar-container {
            width: 60px;
            height: 60px
        }

        .about-author .author-name {
            margin: 0 0 3px
        }

        #comments ol {
            padding: 0
        }

        .errorWrap {
            padding: 70px 0 100px
        }

        .errorWrap h3 {
            font-size: 120px
        }
    }

    @media screen and (max-width: 360px) {
        .about-author .avatar-container {
            width: 60px;
            height: 60px
        }
    }


    /*-------Typography and ShortCodes-------*/
    .firstcharacter {
        float: left;
        color: #27ae60;
        font-size: 75px;
        line-height: 60px;
        padding-top: 4px;
        padding-right: 8px;
        padding-left: 3px
    }

    .post-body h1,
    .post-body h2,
    .post-body h3,
    .post-body h4,
    .post-body h5,
    .post-body h6 {
        margin-bottom: 15px;
        color: #2c3e50
    }

    blockquote {
        font-style: italic;
        color: #888;
        border-left: 5px solid #27ae60;
        margin-left: 0;
        padding: 10px 15px
    }

    blockquote:before {
        content: '\f10d';
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 10px;
        color: #888
    }

    blockquote:after {
        content: '\f10e';
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 10px;
        color: #888
    }

    .button {
        background-color: #2c3e50;
        float: left;
        padding: 5px 12px;
        margin: 5px;
        color: #fff;
        text-align: center;
        border: 0;
        cursor: pointer;
        border-radius: 3px;
        display: block;
        text-decoration: none;
        font-weight: 400;
        transition: all .3s ease-out !important;
        -webkit-transition: all .3s ease-out !important
    }

    a.button {
        color: #fff
    }

    .button:hover {
        background-color: #27ae60;
        color: #fff
    }

    .button.small {
        font-size: 12px;
        padding: 5px 12px
    }

    .button.medium {
        font-size: 16px;
        padding: 6px 15px
    }

    .button.large {
        font-size: 18px;
        padding: 8px 18px
    }

    .small-button {
        width: 100%;
        overflow: hidden;
        clear: both
    }

    .medium-button {
        width: 100%;
        overflow: hidden;
        clear: both
    }

    .large-button {
        width: 100%;
        overflow: hidden;
        clear: both
    }

    .demo:before {
        content: "\f06e";
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .download:before {
        content: "\f019";
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .buy:before {
        content: "\f09d";
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .visit:before {
        content: "\f14c";
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .widget .post-body ul,
    .widget .post-body ol {
        line-height: 1.5;
        font-weight: 400
    }

    .widget .post-body li {
        margin: 5px 0;
        padding: 0;
        line-height: 1.5
    }

    .post-body ul li:before {
        content: "\f105";
        margin-right: 5px;
        font-family: fontawesome
    }

    pre {
        font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace;
        background-color: #2c3e50;
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        background-image: linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
        -webkit-background-size: 100% 50px;
        -moz-background-size: 100% 50px;
        background-size: 100% 50px;
        line-height: 25px;
        color: #f1f1f1;
        position: relative;
        padding: 0 7px;
        margin: 15px 0 10px;
        overflow: hidden;
        word-wrap: normal;
        white-space: pre;
        position: relative
    }

    pre:before {
        content: 'Code';
        display: block;
        background: #F7F7F7;
        margin-left: -7px;
        margin-right: -7px;
        color: #2c3e50;
        padding-left: 7px;
        font-weight: 400;
        font-size: 14px
    }

    pre code,
    pre .line-number {
        display: block
    }

    pre .line-number a {
        color: #27ae60;
        opacity: 0.6
    }

    pre .line-number span {
        display: block;
        float: left;
        clear: both;
        width: 20px;
        text-align: center;
        margin-left: -7px;
        margin-right: 7px
    }

    pre .line-number span:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.11)
    }

    pre .line-number span:nth-child(even) {
        background-color: rgba(255, 255, 255, 0.05)
    }

    pre .cl {
        display: block;
        clear: both
    }

   

    .fa-check-circle:before {
        content: "\f058"
    }

    .fa-info-circle:before {
        content: "\f05a"
    }

    .fa-exclamation-triangle:before {
        content: "\f071"
    }

    .fa-exclamation-circle:before {
        content: "\f06a"
    }

    .post-table table {
        border-collapse: collapse;
        width: 100%
    }

    .post-table th {
        background-color: #eee;
        font-weight: bold
    }

    .post-table th,
    .post-table td {
        border: 0.125em solid #333;
        line-height: 1.5;
        padding: 0.75em;
        text-align: left
    }

    @media (max-width: 30em) {
        .post-table thead tr {
            position: absolute;
            top: -9999em;
            left: -9999em
        }

        .post-table tr {
            border: 0.125em solid #333;
            border-bottom: 0
        }

        .post-table tr+tr {
            margin-top: 1.5em
        }

        .post-table tr,
        .post-table td {
            display: block
        }

        .post-table td {
            border: none;
            border-bottom: 0.125em solid #333;
            padding-left: 50%
        }

        .post-table td:before {
            content: attr(data-label);
            display: inline-block;
            font-weight: bold;
            line-height: 1.5;
            margin-left: -100%;
            width: 100%
        }
    }

    @media (max-width: 20em) {
        .post-table td {
            padding-left: 0.75em
        }

        .post-table td:before {
            display: block;
            margin-bottom: 0.75em;
            margin-left: 0
        }
    }

    .FollowByEmail {
        clear: both;
    }

    .widget .post-body ol {
        padding: 0 0 0 15px;
    }

    .post-body ul li {
        list-style: none;
    }

    .theiaStickySidebar:after {
        content: "";
        display: table;
        clear: both;
    }

    .fb_hidden {
        position: absolute;
        top: -10000px;
        z-index: 10001
    }

    .fb_reposition {
        overflow: hidden;
        position: relative
    }

    .fb_invisible {
        display: none
    }

    .fb_reset {
        background: none;
        border: 0px;
        border-spacing: 0;
        color: #000;
        cursor: auto;
        direction: ltr;
        font-family: lucida grande, tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        margin: 0;
        overflow: visible;
        padding: 0;
        text-align: left;
        text-decoration: none;
        text-indent: 0;
        text-shadow: none;
        text-transform: none;
        visibility: visible;
        white-space: normal;
        word-spacing: normal
    }

    .fb_reset>div {
        overflow: hidden
    }

    @keyframes fb_transform {
        0% {
            opacity: 0;
            transform: scale(.95)
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    .fb_animate {
        animation: fb_transform .3s forwards
    }

    .fb_dialog {
        background: #525252b3;
        position: absolute;
        top: -10000px;
        z-index: 10001
    }

    .fb_dialog_advanced {
        border-radius: 8px;
        padding: 10px
    }

    .fb_dialog_content {
        background: #fff;
        color: #373737
    }

    .fb_dialog_close_icon {
        background: url(https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;
        cursor: pointer;
        display: block;
        height: 15px;
        position: absolute;
        right: 18px;
        top: 17px;
        width: 15px
    }

    .fb_dialog_mobile .fb_dialog_close_icon {
        left: 5px;
        right: auto;
        top: 5px
    }

    .fb_dialog_padding {
        background-color: transparent;
        position: absolute;
        width: 1px;
        z-index: -1
    }

    .fb_dialog_close_icon:hover {
        background: url(https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent
    }

    .fb_dialog_close_icon:active {
        background: url(https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent
    }

    .fb_dialog_iframe {
        line-height: 0
    }

    .fb_dialog_content .dialog_title {
        background: #6d84b4;
        border: 1px solid #365899;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        margin: 0
    }

    .fb_dialog_content .dialog_title>span {
        background: url(https://connect.facebook.net/rsrc.php/v4/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;
        float: left;
        padding: 5px 0 7px 26px
    }

    body.fb_hidden {
        height: 100%;
        left: 0;
        margin: 0;
        overflow: visible;
        position: absolute;
        top: -10000px;
        transform: none;
        width: 100%
    }

    .fb_dialog.fb_dialog_mobile.loading {
        background: url(https://connect.facebook.net/rsrc.php/v4/ya/r/3rhSv5V8j3o.gif) #fff no-repeat 50% 50%;
        min-height: 100%;
        min-width: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 10001
    }

    .fb_dialog.fb_dialog_mobile.loading.centered {
        background: none;
        height: auto;
        min-height: initial;
        min-width: initial;
        width: auto
    }

    .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner {
        width: 100%
    }

    .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content {
        background: none
    }

    .loading.centered #fb_dialog_loader_close {
        clear: both;
        color: #fff;
        display: block;
        font-size: 18px;
        padding-top: 20px
    }

    #fb-root #fb_dialog_ipad_overlay {
        background: #0006;
        inset: 0;
        min-height: 100%;
        position: absolute;
        width: 100%;
        z-index: 10000
    }

    #fb-root #fb_dialog_ipad_overlay.hidden {
        display: none
    }

    .fb_dialog.fb_dialog_mobile.loading iframe {
        visibility: hidden
    }

    .fb_dialog_mobile .fb_dialog_iframe {
        position: sticky;
        top: 0
    }

    .fb_dialog_content .dialog_header {
        background: linear-gradient(from(#738aba), to(#2c4987));
        border-bottom: 1px solid;
        border-color: #043b87;
        box-shadow: #fff 0 1px 1px -1px inset;
        color: #fff;
        font: 700 14px Helvetica, sans-serif;
        text-overflow: ellipsis;
        text-shadow: rgba(0, 30, 84, .296875) 0px -1px 0px;
        vertical-align: middle;
        white-space: nowrap
    }

    .fb_dialog_content .dialog_header table {
        height: 43px;
        width: 100%
    }

    .fb_dialog_content .dialog_header td.header_left {
        font-size: 12px;
        padding-left: 5px;
        vertical-align: middle;
        width: 60px
    }

    .fb_dialog_content .dialog_header td.header_right {
        font-size: 12px;
        padding-right: 5px;
        vertical-align: middle;
        width: 60px
    }

    .fb_dialog_content .touchable_button {
        background: linear-gradient(from(#4267B2), to(#2a4887));
        background-clip: padding-box;
        border: 1px solid #29487d;
        border-radius: 3px;
        display: inline-block;
        line-height: 18px;
        margin-top: 3px;
        max-width: 85px;
        padding: 4px 12px;
        position: relative
    }

    .fb_dialog_content .dialog_header .touchable_button input {
        background: none;
        border: none;
        color: #fff;
        font: 700 12px Helvetica, sans-serif;
        margin: 2px -12px;
        padding: 2px 6px 3px;
        text-shadow: rgba(0, 30, 84, .296875) 0px -1px 0px
    }

    .fb_dialog_content .dialog_header .header_center {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
        vertical-align: middle
    }

    .fb_dialog_content .dialog_content {
        background: url(https://connect.facebook.net/rsrc.php/v4/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;
        border: 1px solid #4A4A4A;
        border-bottom: 0;
        border-top: 0;
        height: 150px
    }

    .fb_dialog_content .dialog_footer {
        background: #f5f6f7;
        border: 1px solid #4A4A4A;
        border-top-color: #ccc;
        height: 40px
    }

    #fb_dialog_loader_close {
        float: left
    }

    .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon {
        visibility: hidden
    }

    #fb_dialog_loader_spinner {
        animation: rotateSpinner 1.2s linear infinite;
        background-color: transparent;
        background-image: url(https://connect.facebook.net/rsrc.php/v4/y2/r/onuUJj0tCqE.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 24px;
        width: 24px
    }

    @keyframes rotateSpinner {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .fb_iframe_widget {
        display: inline-block;
        position: relative
    }

    .fb_iframe_widget span {
        display: inline-block;
        position: relative;
        text-align: justify
    }

    .fb_iframe_widget iframe {
        position: absolute
    }

    .fb_iframe_widget_fluid_desktop,
    .fb_iframe_widget_fluid_desktop span,
    .fb_iframe_widget_fluid_desktop iframe {
        max-width: 100%
    }

    .fb_iframe_widget_fluid_desktop iframe {
        min-width: 220px;
        position: relative
    }

    .fb_iframe_widget_lift {
        z-index: 1
    }

    .fb_iframe_widget_fluid {
        display: inline
    }

    .fb_iframe_widget_fluid span {
        width: 100%
    }

    #roadsSuvs {
        font-family: "Sirin Stencil", sans-serif;
        color: white;
        font-weight: 400;
        font-style: static;
        font-size: 15px;
        font-weight: 700;
        text-shadow: 1px 1px 2px black;
        text-align: center;
        justify-content: center;
        padding-top: 12px;
    }

    /*Flip card Styling*/
    .flip-card {
        width: 200px;
        /* adjust to taste */
        height: 200px;
        perspective: 1000px;
        cursor: pointer;
    }

    .flip-card-inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    /* flip on hover – or use JS for click */
    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
    }

    .flip-card-front,
    .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }

    .flip-card-front img,
    .flip-card-back img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .flip-card-back {
        transform: rotateY(180deg);
    }

    .flip-card-inner.flipped {
        transform: rotateY(180deg);
    }

    .copyright {
        margin-bottom: 0;
        padding-top: 10px;
        padding-left: 15px;
        font-size: .7rem;
    }

#mycontent {
  display: inline-block;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.social .twitter a:before {
  content: "X";
  font-family: inherit;
  font-weight: 700;
}

.social-color .twitter a {
  background-color: #000000;
}