 <!-- Theme Options -->

        <style type="text/css">
          @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
              }
              .post-date {
                font-size: 14px;
                color: rgb(72, 159, 170);
                margin: 0 0 10px;
                display: block
              }

              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: "X";
                font-family: inherit;
                font-weight: 700
              }

              .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: #000000
              }

              .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: 64px;
                font-family: inherit;
                color: #ffffff;
                margin: 0;
                padding: 0 60px 17px 20px;
                background-color: rgba(0, 0, 0, 0);
                font-size: 13px;
                font-weight: 400;
                box-sizing: border-box;
                border: 0
              }
              .placeholder .search-input{
                color:#da3838 !important;
              }
              .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
              }


              #gpluscomments {
                float: left !important;
                width: 100% !important;
                margin: 0 0 25px !important
              }

              #gpluscomments iframe {
                float: left !important;
                width: 100%
              }

            

              .facebook-tab,
              .fb_iframe_widget_fluid span,
              .fb_iframe_widget iframe {
                width: 100% !important
              }


              .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
              }


              .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: left;
                display: inline-block;
                height: 34px;
                padding: 0;
                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:#07f1b7;
                  font-weight: 900;
              }

              
              #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
                }
              }

              -->
      
          /*-------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;
}


/* Mobile Toggle */
.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}
#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;
}

/* 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;
}

 /*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-top: 8px;
  padding-left: 15px;
  font-size: .7rem;
}
.author-name{

  padding-bottom: 0 !important;
  margin-bottom: 4px !important;
  line-height: 10px;
}
.author-description{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#totalCost:hover{
 /* Simulate pressed-in look */
        text-shadow: inset 0 0 0 rgba(0,0,0,0), 
                     -2px -2px 4px rgba(92, 84, 84, 0.2),
                     2px 2px 4px rgba(0,0,0,0.8);
        transform: translateY(3px); /* Slight push down */
        color:#5eb8db;
}
#mycontent {
  display: inline-block;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}



