@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;
    }
</style>
<style id="page-skin-1" type="text/css">
    /*
          -----------------------------------------------
          Blogger Template Style
          Name:        Haster
          Version:     Free version
          Author:      Way2themes
          Author Url:  https://www.way2themes.com/
          ----------------------------------------------- */
    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
    }

    form,
    textarea,
    input,
    button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0
    }

    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: 30.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 #227093
    }

    #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: 130px;
        text-align: center;
        padding: 0;
        margin: 0
    }

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

    .header-logo img {
        max-width: 100%;
        max-height: 170px;
        width: 160px;
        margin-bottom: 60px;
        transition: all .17s ease
    }

    .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: 190px;
        background-color: #1b5f6c;
        z-index: 9999;
        margin-top: 0;
        padding: 0;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        visibility: hidden;
        opacity: 0;
        border-radius: 3px;
    }

    #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;
        padding-left: 15px;
    }

    .custom-widget li:first-child {
        padding: 0 0 0 15px;
        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-size: 13px;
        line-height: 1.6em;
        font-weight: 400;
        margin: 7px 0 0
    }

    a.read-more {
        display: inline-block;
        background-color: #227093;
        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: #171717
    }

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

    #breadcrumb a {
        color: #aaa;
        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-system-disqus .comments-title,
    .comments-system-facebook .comments-title {
        margin: 0
    }

    #comments {
        margin: 0
    }

    #gpluscomments {
        float: left !important;
        width: 100% !important;
        margin: 0 0 25px !important
    }

    #gpluscomments iframe {
        float: left !important;
        width: 100%
    }


    .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
    }


    .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
    }

    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
    }

    .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 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
    }

    .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
    }

    #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
    }

    .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
    }

    .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-widget form {
        font-weight: 400
    }

    .contact-form-name {
        float: left;
        width: 100%;
        height: 30px;
        font-family: inherit;
        font-size: 13px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 5px 10px;
        margin: 0 0 10px;
        border: 1px solid #ebebeb;
        border-radius: 2px
    }

    .contact-form-email {
        float: left;
        width: 100%;
        height: 30px;
        font-family: inherit;
        font-size: 13px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 5px 10px;
        margin: 0 0 10px;
        border: 1px solid #ebebeb;
        border-radius: 2px
    }

    .contact-form-email-message {
        float: left;
        width: 100%;
        font-family: inherit;
        font-size: 13px;
        box-sizing: border-box;
        padding: 5px 10px;
        margin: 0 0 10px;
        border: 1px solid #ebebeb;
        border-radius: 2px
    }

    .contact-form-button-submit {
        float: left;
        width: 100%;
        height: 30px;
        background-color: #227093;
        font-size: 13px;
        color: #fff;
        line-height: 30px;
        cursor: pointer;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0;
        border: 0;
        border-radius: 2px;
        transition: background .17s ease
    }

    .contact-form-button-submit:hover {
        background-color: #171717
    }

    .contact-form-error-message-with-border {
        float: left;
        width: 100%;
        background-color: #fbe5e5;
        font-size: 11px;
        text-align: center;
        line-height: 11px;
        padding: 3px 0;
        margin: 10px 0;
        box-sizing: border-box;
        border: 1px solid #fc6262
    }

    .contact-form-success-message-with-border {
        float: left;
        width: 100%;
        background-color: #eaf6ff;
        font-size: 11px;
        text-align: center;
        line-height: 11px;
        padding: 3px 0;
        margin: 10px 0;
        box-sizing: border-box;
        border: 1px solid #5ab6f9
    }

    .contact-form-cross {
        margin: 0 0 0 3px
    }

    .contact-form-error-message,
    .contact-form-success-message {
        margin: 0
    }

    .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-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-wrapper {
        background-color: #2f408b;
        max-width: 1020px;
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
    }

    #footer-wrapper .container {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        padding: 25px 0;
        max-width: 1020px;
        width: 100%;
        box-sizing: border-box;
    }

    .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 15px;

    }

    #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;
        padding-left: 15px;
        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
    }

    .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: #2f408b
    }

    .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%;
      max-width: 1020px;
      margin: 0 auto;
      box-sizing: border-box;
      overflow: hidden
    }

    #sub-footer-wrapper .container {
      overflow: hidden;
      margin: 0 auto;
      padding: 10px 0;
      max-width: 1020px;
      width: 100%;
      box-sizing: border-box;
    }

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

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

    #menu-footer ul li {
        float: right;
        display: inline-block;
        height: 34px;
        padding-top: 24px;
        margin-right: 10px;
    }

    #menu-footer ul li a {
        font-size: 12px;
        font-weight: 400;
        display: block;
        color: #f1ffff;
        line-height: 34px;
        padding: 0 10px;
        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;
    }

    .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: 0px 20px
        }

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

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

        #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
        }
    }

    -->
</style>
<style>
    /*-------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 0.3s ease-out !important;
        -webkit-transition: all 0.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;
    }

    #contact {
        background-color: #fff;
        margin: 30px 0 !important;
    }

    #contact .contact-form-widget {
        max-width: 100% !important;
    }

    #contact .contact-form-name,
    #contact .contact-form-email,
    #contact .contact-form-email-message {
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 3px;
        padding: 10px;
        margin-bottom: 10px !important;
        max-width: 100% !important;
    }

    #contact .contact-form-name {
        width: 47.7%;
        height: 50px;
    }

    #contact .contact-form-email {
        width: 49.7%;
        height: 50px;
    }

    #contact .contact-form-email-message {
        height: 150px;
    }

    #contact .contact-form-button-submit {
        max-width: 100%;
        width: 100%;
        z-index: 0;
        margin: 4px 0 0;
        padding: 10px !important;
        text-align: center;
        cursor: pointer;
        background: #27ae60;
        border: 0;
        height: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        text-transform: uppercase;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        color: #fff;
    }

    #contact .contact-form-button-submit:hover {
        background: #2c3e50;
    }

    #contact .contact-form-email:focus,
    #contact .contact-form-name:focus,
    #contact .contact-form-email-message:focus {
        box-shadow: none !important;
    }

    .alert-message {
        position: relative;
        display: block;
        background-color: #fafafa;
        padding: 20px;
        margin: 20px 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        color: #2f3239;
        border: 1px solid;
    }

    .alert-message p {
        margin: 0 !important;
        padding: 0;
        line-height: 22px;
        font-size: 13px;
        color: #2f3239;
    }

    .alert-message span {
        font-size: 14px !important;
    }

    .alert-message i {
        font-size: 16px;
        line-height: 20px;
    }

    .alert-message.success {
        background-color: #f1f9f7;
        border-color: #e0f1e9;
        color: #1d9d74;
    }
    

    .alert-message.success a,
    .alert-message.success span {
        color: #1d9d74;
    }

    .alert-message.alert {
        background-color: #daefff;
        border-color: #8ed2ff;
        color: #378fff;
    }

    .alert-message.alert a,
    .alert-message.alert span {
        color: #378fff;
    }

    .alert-message.warning {
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #8a6d3b;
    }

    .alert-message.warning a,
    .alert-message.warning span {
        color: #8a6d3b;
    }

    .alert-message.error {
        background-color: #ffd7d2;
        border-color: #ff9494;
        color: #f55d5d;
    }

    .alert-message.error a,
    .alert-message.error span {
        color: #f55d5d;
    }

    .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;
    }

    /* Import Pacifico */
    @import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

    /* Apply Pacifico to the whole About page */
    /* Import Pacifico */
    @import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

    /* Page wrapper */
    .about-page {
        max-width: 900px;
        margin: 0 auto;
        padding: 20px 25px;
        font-family: "Segoe UI", Roboto, sans-serif;
        line-height: 1.7;
        color: #333;
        animation: fadeIn 0.8s ease-in-out;
    }

    /* Heading */
    .about-page h2 {
        font-family: "Pacifico", static;
        font-size: 2.4rem;
        color: #0f6b80;
        margin-bottom: 25px;
        letter-spacing: 1px;
        text-align: left;
    }

    /* Paragraph spacing */
    .about-page p {
        margin: 18px 0;
        font-size: 1.05rem;
    }

    /* First-letter styling */
    .first-letter::first-letter {
        /*
  color: #0be6af;*/
        color: #0f6b80;
        font-family: "Pacifico", static;
        font-weight: 600;
        font-style: italic;
        font-size: 3rem;
        float: left;
        line-height: 1;
        padding-right: 10px;
        padding-top: 4px;
    }

    /* Subtle fade-in animation */
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Optional: soft divider between sections */
    .about-page .divider {
        height: 1px;
        background: linear-gradient(to right, transparent, #0be6af, transparent);
        margin: 30px 0;
    }

    /*The Contact page main content*/
    #LoveMyLaybyLogo {
        height: 150px;
    }

    .container {
        max-width: 960px;
        opacity: 0.95;
        border-radius: 2%;
        margin-top: 10px;
    }

    body {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #b2b7bd;
        opacity: 0.95;
    }

    /*Make nav links shrink to text width */
    .sign-up {
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        border-radius: 8px;
        color: rgb(97, 95, 95);
    }

    .sign-up:hover {
        color: white !important;
    }

    button {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: 500;
    }

    .btn {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: 500;
        text-align: center;
        border-radius: 3px;
        color: white;
        padding: 5px;
        background-color: rgb(199, 46, 46);
    }

    .btn:hover {
        font-weight: bold;
        color: white;
        background-color: #2f408b;
    }

    #style50 {
        padding: 20px 0px 5px 15px;
        color: black;
        text-shadow: 2px 2px #f1dede;
    }

    .form-label {
        font-weight: 500;
        color: black;
    }

    .spacing {
        margin-left: 20px;
        margin-right: 20px;
    }

    .nav {
        margin-top: 20px;
    }

    footer {
        margin-top: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif !important;
        padding: 10px 0px 10px 0px;
        background-color: #2262af;
        text-align: center;
    }

    .nav-link:hover {
        color: crimson;
        font-weight: bold;
    }

    #liveToastBtn {
        margin-left: 20px;
        margin-top: 10px;
    }

    .toast-body {
        font-weight: 500;
    }

    .trademark {
        padding-top: 50px;
    }

    #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{
        padding-bottom: 15px;
        padding-left: 15px;
        font-size: .8rem;
    }
        #mycontent {
        display: inline-block;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .about-author{
   margin-right:20px;
    margin-left:20px;
    }
    .social .twitter a:before {
  content: "X";
  font-family: inherit;
  font-weight: 700;
}

.social-color .twitter a {
  background-color: #000000;
}
.post-date {
  color:#46928e;
}