@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;
      color:#000;
    }
    .tr_bq{
      font-style: italic;
      font-size: 16px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 500;
      color:#0077b5;
    }

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

    
    .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 {
      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 .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
    } 
     #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: #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: left;
      display: inline-block;
      height: 34px;
      padding-top: 20px;
      margin: 0
    }

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

    }

    #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: 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 #0f6b80;
      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
    }

    #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 .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      -ms-transition: all .2s ease-out;
      transition: all .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;
    }
  </style>
  <!-- Global Variables -->
  <script src="https://connect.facebook.net/en_US/bundle/sdk.js/" async="" crossorigin="anonymous"></script>
  <script id="facebook-jssdk" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v3.0"></script>
  <script type="text/javascript">
    //<![CDATA[
    // Global variables with content. "Available for Edit"
    var monthFormat = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
      noThumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrzS9-6T-AoJWlAsLbOiywLGvwo8ueZrqmUeCDu9-YDjcNZjRbkQou9kx2zZ_-XJfw07tvPTXJJxh1Hhkz10d9qoRYGXfCNZlEgNquydMFG7oJmvdcGtMoh5elh-ghrh0fGka9jRs2vEU/w680/nth.png",
      postPerPage = 7,
      fixedSidebar = true,
      commentsSystem = "",
      disqusShortname = "soratemplates";
    //]]>
  </script>
 

  <style id="theia-sticky-sidebar-stylesheet-TSS">
    .theiaStickySidebar:after {
      content: "";
      display: table;
      clear: both;
    }
  </style>
  <style type="text/css" data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget">
    .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%
    }

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

    .socialCosts::first-line {
      color: #0f6b80;
      font-family: "Pacifico", static;
      font-weight: 600;
      font-style: italic;
      font-size: xx-large
    }

    #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:27px;
        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;
}

.NatSurvey{
 color:#2b7ac4;
 font-family: "Sirin Stencil", sans-serif;
 font-weight: 500;
}
.NatSurvey:hover{
      color:#5dc5eb;
}

.social .twitter a:before {
  content: "X";
  font-family: inherit;
  font-weight: 700;
}

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

#QualitativeGDP{
  color:#2b7ac4;
  font-family: "Sirin Stencil", sans-serif;
  font-weight: 500;
}