@charset "UTF-8";
/*============================================
   Table of contents
        1. Base Css
        2. Blog Css
        3. Other Page Css
        4. Header Css
        5. Welcome Banner Css
        6. services Css
        7. why choose Css
        8. work area Css
        9. client area Css
        10. price area Css
        11. blog area Css
        12. Footer area Css
        13. Responsive Css
 @mixin ==========================================*/
/*============================================
       1. Base Css
 @mixin ==========================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-family: "Karla", sans-serif; }

html {
  height: 100%; }

body {
  height: 100%;
  background: #ffffff;
  color: #000000;
  overflow-x: hidden; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }
  input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset; }

input:focus {
  outline: 0px; }

button:focus, textarea {
  outline: 0px; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select:focus {
    outline: none; }

a {
  color: #000000;
  display: -ms-grid;
  display: grid; }
  a:focus, a:hover, a:focus i, a:hover i {
    text-decoration: none;
    outline: 0 solid;
    color: #ff4800; }

ul li {
  list-style: outside none; }

img {
  max-width: 100%;
  height: auto; }

.page-content-area {
  height: 100%; }

.iconSvg path, .iconSvg line, .iconSvg .svgPath {
  fill: none;
  stroke: #000000;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

::-webkit-scrollbar-track {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 30px; }

.item-start-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.item-start-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.item-end-end, .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .container .banner-position-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.item-center-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.height-100 {
  height: 100%; }

.width-100 {
  width: 100%; }

.overflow-fix, .client-area .client-list .single-client .single-client-logo, .client-area .client-list .single-client .single-client-content, .client-area .client-list .single-client .bottom-content-client {
  float: left;
  width: 100%;
  height: auto; }

.item-full-center-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  padding-right: 4.25rem;
  padding-left: 4.25rem; }

.button-bg-one, .single-comment-post-area .comment-respond .comment-form .form-submit .submit, .email-box-area .email-box .sub-btn, .why-choose-area .why-choose-content .button-area .icon-button a, .post-comment-area .single-input-textarea button {
  width: 200px;
  height: 60px;
  background-color: #ff4800;
  padding: 21px 20px;
  color: #ffffff;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border: 0;
  border-radius: 3px; }

.sinle-input-field, .sidebars-widget-area .widget_search .search-submit, .footer-top-area .widget_search .search-submit, .blog-list-content .post-password-form input[name="Submit"], .comment-content .post-password-form input[name="Submit"], .email-box-area .email-box .form-single input {
  background-color: #ffffff;
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.24px;
  padding: 20px 0;
  border-radius: 3px;
  border: 1px solid #00000000; }

.inline-from, .footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field {
  max-width: 300px;
  width: 100%;
  position: relative; }
  .inline-from input, .footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field input {
    padding: 15px 19px 15px 15px;
    width: 100%;
    height: 44px;
    background-color: #f1f1f3;
    border: 1px solid transparent;
    border-radius: 2px; }
    .inline-from input:focus, .footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field input:focus {
      border-color: #ff4800; }
  .inline-from button, .footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field button {
    position: absolute;
    top: 0;
    right: 15px;
    height: 44px;
    border: 0;
    background: transparent; }
    .inline-from button i, .footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field button i {
      line-height: 44px;
      font-size: 16;
      color: #666666;
      width: 30px;
      text-align: right; }

.arow-button, .swiper-control .swiper-button-next, .swiper-control .swiper-button-prev, .welcome-banner-area .swiper-control .welcome-banner-next, .welcome-banner-area .swiper-control .welcome-banner-prev {
  background-image: none;
  width: 34px;
  height: 34px;
  background-color: #cccccc;
  color: #ffffff;
  border-radius: 3px; }
  .arow-button:hover, .swiper-control .swiper-button-next:hover, .swiper-control .swiper-button-prev:hover, .welcome-banner-area .swiper-control .welcome-banner-next:hover, .welcome-banner-area .swiper-control .welcome-banner-prev:hover {
    background-color: #ff4800; }
  .arow-button i, .swiper-control .swiper-button-next i, .swiper-control .swiper-button-prev i, .welcome-banner-area .swiper-control .welcome-banner-next i, .welcome-banner-area .swiper-control .welcome-banner-prev i {
    color: #f1f1f3;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 100%;
    line-height: 35px;
    text-align: center; }

.section-title .title h2 {
  color: #999999;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px; }

.section-title .sub-tag {
  margin-top: 30px; }
  .section-title .sub-tag h3 {
    color: #010101;
    font-family: "Karla", sans-serif;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -1.26px;
    line-height: 37px; }

/*============================================
       2. Blog Css
 @mixin ==========================================*/
.blog-banner-area {
  margin-bottom: 85px;
  margin-top: calc( 91px + 112px);
  float: left;
  width: 100%;
  height: auto; }
  .blog-banner-area img {
    width: 100%; }

.blog-ditail-area {
  float: left;
  width: 100%;
  height: auto; }
  .blog-ditail-area .post-content-area {
    padding-right: 100px; }
    .blog-ditail-area .post-content-area .bog-single-title-area {
      display: none; }
      .blog-ditail-area .post-content-area .bog-single-title-area h1, .blog-ditail-area .post-content-area .bog-single-title-area h2 {
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 44px;
        letter-spacing: -0.9px;
        word-break: break-all; }
    .blog-ditail-area .post-content-area .blog-date-area {
      margin-bottom: 95px;
      margin-top: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog-ditail-area .post-content-area .blog-date-area p, .blog-ditail-area .post-content-area .blog-date-area a {
        color: #999999;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-right: 15px;
        padding-left: 15px;
        border-right: 1px solid #999999; }
      .blog-ditail-area .post-content-area .blog-date-area .cat-blgo a {
        padding-left: 0px;
        color: #000000;
        border-right: 1px solid #999999; }
      .blog-ditail-area .post-content-area .blog-date-area .user-blog p {
        padding-right: 0px;
        border-right: 0px solid #999999; }
    .blog-ditail-area .post-content-area .blog-sub-title-area {
      margin-bottom: 55px; }
      .blog-ditail-area .post-content-area .blog-sub-title-area h3 {
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: -0.65px; }
    .blog-ditail-area .post-content-area .blog-content-area {
      margin-bottom: 110px; }
      .blog-ditail-area .post-content-area .blog-content-area h4 {
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.5px;
        margin-bottom: 45px; }
      .blog-ditail-area .post-content-area .blog-content-area p {
        color: #666666;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        margin-top: 20px; }
        .blog-ditail-area .post-content-area .blog-content-area p a {
          display: unset;
          text-decoration: underline;
          color: #0099cc;
          margin-right: 7px; }
      .blog-ditail-area .post-content-area .blog-content-area ul {
        padding-left: 15px;
        margin-bottom: 50px;
        margin-top: 50px; }
        .blog-ditail-area .post-content-area .blog-content-area ul li {
          list-style-type: disc; }
    .blog-ditail-area .post-content-area blockquote.blockquote-area .blockquote-description {
      border-left: 4px solid #ff4800;
      padding-left: 95px; }
      .blog-ditail-area .post-content-area blockquote.blockquote-area .blockquote-description p {
        color: #000000;
        font-size: 24px;
        font-weight: 400; }
    .blog-ditail-area .post-content-area blockquote.blockquote-area .blockquote-authore {
      margin-top: 40px;
      margin-bottom: 55px;
      padding-left: 99px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .blog-ditail-area .post-content-area blockquote.blockquote-area .blockquote-authore i {
        color: #cccccc;
        font-size: 40px;
        text-transform: uppercase;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-right: 15px;
        line-height: 39px; }
      .blog-ditail-area .post-content-area blockquote.blockquote-area .blockquote-authore p {
        font-family: "Karla", sans-serif;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.35px;
        text-transform: uppercase;
        margin: 0; }
    .blog-ditail-area .post-content-area .blog-single-other-img {
      position: relative;
      margin-top: 60px;
      margin-bottom: 60px; }
      .blog-ditail-area .post-content-area .blog-single-other-img .zoom-mediam {
        width: 100%;
        position: relative; }
  .blog-ditail-area .post-tag-area {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    height: auto; }
    .blog-ditail-area .post-tag-area ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .blog-ditail-area .post-tag-area ul li p {
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
        margin-right: 5px; }
      .blog-ditail-area .post-tag-area ul li a {
        color: #999999;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        margin-right: 5px; }
      .blog-ditail-area .post-tag-area ul li:hover p, .blog-ditail-area .post-tag-area ul li:hover a {
        color: #ff4800; }
  .blog-ditail-area .share-ares-post {
    float: left;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .blog-ditail-area .share-ares-post p {
      color: #000000;
      font-family: "Karla", sans-serif;
      font-size: 16px;
      font-weight: 700;
      margin-right: 15px; }
    .blog-ditail-area .share-ares-post ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog-ditail-area .share-ares-post ul li a i {
        color: #999999;
        font-size: 18px;
        letter-spacing: 27px;
        line-height: 24px; }
      .blog-ditail-area .share-ares-post ul li:hover a i {
        color: #ff4800; }
  .blog-ditail-area .edit-post-link-area {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px; }
    .blog-ditail-area .edit-post-link-area p .btn-edit-post-link {
      color: #ffffff;
      background: #ff4800;
      padding: 3px 8px;
      float: left; }
  .blog-ditail-area .post-nagivation-area {
    margin-bottom: 110px;
    margin-top: 115px;
    padding-top: 90px;
    border-top: 1px solid #dfdfdf;
    float: left;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .blog-ditail-area .post-nagivation-area .prev-post-area .meta-code-post, .blog-ditail-area .post-nagivation-area .next-post-area .meta-code-post {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog-ditail-area .post-nagivation-area .prev-post-area .meta-code-post i, .blog-ditail-area .post-nagivation-area .next-post-area .meta-code-post i {
        color: #999999;
        font-size: 36px;
        font-weight: 400;
        letter-spacing: 0.9px; }
      .blog-ditail-area .post-nagivation-area .prev-post-area .meta-code-post span, .blog-ditail-area .post-nagivation-area .next-post-area .meta-code-post span {
        color: #999999;
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0.6px; }
    .blog-ditail-area .post-nagivation-area .prev-post-area .title-postnav a, .blog-ditail-area .post-nagivation-area .next-post-area .title-postnav a {
      color: #000000;
      font-family: "Karla", sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 36px;
      word-break: break-word; }
    .blog-ditail-area .post-nagivation-area .prev-post-area:hover .meta-code-post i, .blog-ditail-area .post-nagivation-area .next-post-area:hover .meta-code-post i {
      color: #ff4800; }
    .blog-ditail-area .post-nagivation-area .prev-post-area:hover .meta-code-post span, .blog-ditail-area .post-nagivation-area .next-post-area:hover .meta-code-post span {
      color: #ff4800; }
    .blog-ditail-area .post-nagivation-area .prev-post-area:hover a, .blog-ditail-area .post-nagivation-area .next-post-area:hover a {
      color: #ff4800; }
    .blog-ditail-area .post-nagivation-area .prev-post-area {
      padding-right: 15px; }
      .blog-ditail-area .post-nagivation-area .prev-post-area .meta-code-post {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .blog-ditail-area .post-nagivation-area .prev-post-area .meta-code-post i {
          margin-right: 15px; }
    .blog-ditail-area .post-nagivation-area .next-post-area {
      padding-left: 15px; }
      .blog-ditail-area .post-nagivation-area .next-post-area .meta-code-post {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .blog-ditail-area .post-nagivation-area .next-post-area .meta-code-post i {
          margin-left: 15px; }
      .blog-ditail-area .post-nagivation-area .next-post-area .title-postnav a {
        text-align: right;
        word-break: break-word; }

.single-comment-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 770px;
  width: 100%;
  margin-bottom: 35px; }
  .single-comment-area:last-child {
    margin-bottom: 0px; }
  .single-comment-area .authore-comment {
    margin-right: 30px;
    max-width: 70px;
    width: 100%; }
  .single-comment-area .comment-ditail {
    border-top: 1px solid #9999994f;
    padding-top: 20px; }
    .single-comment-area .comment-ditail .header-comment {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px; }
      .single-comment-area .comment-ditail .header-comment a {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.33px;
        line-height: 30px;
        margin-right: 5px; }
      .single-comment-area .comment-ditail .header-comment span.date {
        color: #666666;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400; }
    .single-comment-area .comment-ditail .connetent-comment {
      margin-bottom: 23px; }
      .single-comment-area .comment-ditail .connetent-comment p {
        color: #797979;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px; }
    .single-comment-area .comment-ditail .reply-button {
      margin-bottom: 28px; }
      .single-comment-area .comment-ditail .reply-button a {
        color: #0099cc;
        font-weight: 400;
        font-style: italic;
        letter-spacing: 0.4px;
        line-height: 18px; }
  .single-comment-area input {
    color: #999999;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    width: 100%;
    font-weight: 400;
    padding: 15px 20px;
    letter-spacing: -0.24px;
    border: 1px solid #d9d9d9;
    background-color: #ffffff; }

.sidebars-widget-area-main {
  margin-top: 50px; }

.sidebars-widget-area .title-widget, .sidebars-widget-area .widgettitle, .footer-top-area .title-widget, .footer-top-area .widgettitle {
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px; }
  .sidebars-widget-area .title-widget h2, .sidebars-widget-area .widgettitle h2, .footer-top-area .title-widget h2, .footer-top-area .widgettitle h2 {
    font-size: 20px; }

.sidebars-widget-area .content-widget, .footer-top-area .content-widget {
  margin-bottom: 75px;
  margin-top: 20px; }

.sidebars-widget-area .widget_recent_comments ul li, .footer-top-area .widget_recent_comments ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 0; }
  .sidebars-widget-area .widget_recent_comments ul li span, .footer-top-area .widget_recent_comments ul li span {
    margin-right: 10px;
    color: #999999; }
  .sidebars-widget-area .widget_recent_comments ul li a, .footer-top-area .widget_recent_comments ul li a {
    margin-left: 10px;
    color: #999999;
    padding: 0 !important; }

.sidebars-widget-area .widget_recent_comments ul li:hover a, .footer-top-area .widget_recent_comments ul li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget table, .footer-top-area .widget table {
  width: 100%;
  border-top: 1px solid #00000015;
  border-right: 1px solid #00000015; }
  .sidebars-widget-area .widget table caption, .footer-top-area .widget table caption {
    border: 1px solid #00000015;
    border-bottom: 0px solid #00000015;
    text-align: left;
    padding: 8px; }

.sidebars-widget-area .widget th, .sidebars-widget-area .widget td, .footer-top-area .widget th, .footer-top-area .widget td {
  padding: 5px;
  border-left: 1px solid #00000015;
  border-bottom: 1px solid #00000015; }

.sidebars-widget-area .widget_archive select, .sidebars-widget-area .widget_categories select, .sidebars-widget-area .widget_pages select, .sidebars-widget-area .widget_meta select, .footer-top-area .widget_archive select, .footer-top-area .widget_categories select, .footer-top-area .widget_pages select, .footer-top-area .widget_meta select {
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  width: 100%;
  font-weight: 400;
  padding: 15px 20px;
  letter-spacing: -0.24px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff; }

.sidebars-widget-area .widget_archive .screen-reader-text, .sidebars-widget-area .widget_categories .screen-reader-text, .sidebars-widget-area .widget_pages .screen-reader-text, .sidebars-widget-area .widget_meta .screen-reader-text, .footer-top-area .widget_archive .screen-reader-text, .footer-top-area .widget_categories .screen-reader-text, .footer-top-area .widget_pages .screen-reader-text, .footer-top-area .widget_meta .screen-reader-text {
  margin-bottom: 20px;
  float: left; }

.sidebars-widget-area .widget_archive ul li:hover a, .sidebars-widget-area .widget_categories ul li:hover a, .sidebars-widget-area .widget_pages ul li:hover a, .sidebars-widget-area .widget_meta ul li:hover a, .footer-top-area .widget_archive ul li:hover a, .footer-top-area .widget_categories ul li:hover a, .footer-top-area .widget_pages ul li:hover a, .footer-top-area .widget_meta ul li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_archive ul li:hover li a, .sidebars-widget-area .widget_categories ul li:hover li a, .sidebars-widget-area .widget_pages ul li:hover li a, .sidebars-widget-area .widget_meta ul li:hover li a, .footer-top-area .widget_archive ul li:hover li a, .footer-top-area .widget_categories ul li:hover li a, .footer-top-area .widget_pages ul li:hover li a, .footer-top-area .widget_meta ul li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_archive ul li:hover li:hover a, .sidebars-widget-area .widget_categories ul li:hover li:hover a, .sidebars-widget-area .widget_pages ul li:hover li:hover a, .sidebars-widget-area .widget_meta ul li:hover li:hover a, .footer-top-area .widget_archive ul li:hover li:hover a, .footer-top-area .widget_categories ul li:hover li:hover a, .footer-top-area .widget_pages ul li:hover li:hover a, .footer-top-area .widget_meta ul li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_archive ul li:hover li:hover li a, .sidebars-widget-area .widget_categories ul li:hover li:hover li a, .sidebars-widget-area .widget_pages ul li:hover li:hover li a, .sidebars-widget-area .widget_meta ul li:hover li:hover li a, .footer-top-area .widget_archive ul li:hover li:hover li a, .footer-top-area .widget_categories ul li:hover li:hover li a, .footer-top-area .widget_pages ul li:hover li:hover li a, .footer-top-area .widget_meta ul li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_archive ul li:hover li:hover li:hover a, .sidebars-widget-area .widget_categories ul li:hover li:hover li:hover a, .sidebars-widget-area .widget_pages ul li:hover li:hover li:hover a, .sidebars-widget-area .widget_meta ul li:hover li:hover li:hover a, .footer-top-area .widget_archive ul li:hover li:hover li:hover a, .footer-top-area .widget_categories ul li:hover li:hover li:hover a, .footer-top-area .widget_pages ul li:hover li:hover li:hover a, .footer-top-area .widget_meta ul li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_archive ul li:hover li:hover li li a, .sidebars-widget-area .widget_categories ul li:hover li:hover li li a, .sidebars-widget-area .widget_pages ul li:hover li:hover li li a, .sidebars-widget-area .widget_meta ul li:hover li:hover li li a, .footer-top-area .widget_archive ul li:hover li:hover li li a, .footer-top-area .widget_categories ul li:hover li:hover li li a, .footer-top-area .widget_pages ul li:hover li:hover li li a, .footer-top-area .widget_meta ul li:hover li:hover li li a {
  color: #999999; }

.sidebars-widget-area .widget_archive ul li:hover li:hover li li:hover a, .sidebars-widget-area .widget_categories ul li:hover li:hover li li:hover a, .sidebars-widget-area .widget_pages ul li:hover li:hover li li:hover a, .sidebars-widget-area .widget_meta ul li:hover li:hover li li:hover a, .footer-top-area .widget_archive ul li:hover li:hover li li:hover a, .footer-top-area .widget_categories ul li:hover li:hover li li:hover a, .footer-top-area .widget_pages ul li:hover li:hover li li:hover a, .footer-top-area .widget_meta ul li:hover li:hover li li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_archive ul li, .sidebars-widget-area .widget_categories ul li, .sidebars-widget-area .widget_pages ul li, .sidebars-widget-area .widget_meta ul li, .footer-top-area .widget_archive ul li, .footer-top-area .widget_categories ul li, .footer-top-area .widget_pages ul li, .footer-top-area .widget_meta ul li {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #00000015; }
  .sidebars-widget-area .widget_archive ul li:first-child, .sidebars-widget-area .widget_categories ul li:first-child, .sidebars-widget-area .widget_pages ul li:first-child, .sidebars-widget-area .widget_meta ul li:first-child, .footer-top-area .widget_archive ul li:first-child, .footer-top-area .widget_categories ul li:first-child, .footer-top-area .widget_pages ul li:first-child, .footer-top-area .widget_meta ul li:first-child {
    border-top: 0px solid #00000015; }
  .sidebars-widget-area .widget_archive ul li a, .sidebars-widget-area .widget_categories ul li a, .sidebars-widget-area .widget_pages ul li a, .sidebars-widget-area .widget_meta ul li a, .footer-top-area .widget_archive ul li a, .footer-top-area .widget_categories ul li a, .footer-top-area .widget_pages ul li a, .footer-top-area .widget_meta ul li a {
    display: unset;
    width: 100%;
    color: #000000;
    font-family: "Karla", sans-serif;
    font-size: 15px;
    font-weight: 400; }
  .sidebars-widget-area .widget_archive ul li ul, .sidebars-widget-area .widget_categories ul li ul, .sidebars-widget-area .widget_pages ul li ul, .sidebars-widget-area .widget_meta ul li ul, .footer-top-area .widget_archive ul li ul, .footer-top-area .widget_categories ul li ul, .footer-top-area .widget_pages ul li ul, .footer-top-area .widget_meta ul li ul {
    width: 100%; }
    .sidebars-widget-area .widget_archive ul li ul li:last-child, .sidebars-widget-area .widget_categories ul li ul li:last-child, .sidebars-widget-area .widget_pages ul li ul li:last-child, .sidebars-widget-area .widget_meta ul li ul li:last-child, .footer-top-area .widget_archive ul li ul li:last-child, .footer-top-area .widget_categories ul li ul li:last-child, .footer-top-area .widget_pages ul li ul li:last-child, .footer-top-area .widget_meta ul li ul li:last-child {
      padding-bottom: 0; }
    .sidebars-widget-area .widget_archive ul li ul li a, .sidebars-widget-area .widget_categories ul li ul li a, .sidebars-widget-area .widget_pages ul li ul li a, .sidebars-widget-area .widget_meta ul li ul li a, .footer-top-area .widget_archive ul li ul li a, .footer-top-area .widget_categories ul li ul li a, .footer-top-area .widget_pages ul li ul li a, .footer-top-area .widget_meta ul li ul li a {
      color: #999999; }
  .sidebars-widget-area .widget_archive ul li .active, .sidebars-widget-area .widget_categories ul li .active, .sidebars-widget-area .widget_pages ul li .active, .sidebars-widget-area .widget_meta ul li .active, .footer-top-area .widget_archive ul li .active, .footer-top-area .widget_categories ul li .active, .footer-top-area .widget_pages ul li .active, .footer-top-area .widget_meta ul li .active {
    color: #ff4800; }

.sidebars-widget-area .widget_pages ul li, .footer-top-area .widget_pages ul li {
  border-top: 0px solid #00000015; }
  .sidebars-widget-area .widget_pages ul li ul, .footer-top-area .widget_pages ul li ul {
    padding-left: 15px; }

.sidebars-widget-area .content-xpand, .footer-top-area .content-xpand {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out; }

.sidebars-widget-area .widget_categories ul ul, .footer-top-area .widget_categories ul ul {
  padding-left: 15px; }
  .sidebars-widget-area .widget_categories ul ul li a, .footer-top-area .widget_categories ul ul li a {
    color: #000000; }
  .sidebars-widget-area .widget_categories ul ul ul, .footer-top-area .widget_categories ul ul ul {
    padding-left: 10px; }

.sidebars-widget-area .popuplar-wdget ul li a, .sidebars-widget-area .widget_recent_entries ul li a, .sidebars-widget-area .widget_rss ul li a, .footer-top-area .popuplar-wdget ul li a, .footer-top-area .widget_recent_entries ul li a, .footer-top-area .widget_rss ul li a {
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px; }

.sidebars-widget-area .popuplar-wdget ul li:hover a, .sidebars-widget-area .widget_recent_entries ul li:hover a, .sidebars-widget-area .widget_rss ul li:hover a, .footer-top-area .popuplar-wdget ul li:hover a, .footer-top-area .widget_recent_entries ul li:hover a, .footer-top-area .widget_rss ul li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover a, .footer-top-area .widget_nav_menu ul li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover a {
  color: #ff4800; }

.sidebars-widget-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a, .footer-top-area .widget_nav_menu ul li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover li a {
  color: #999999; }

.sidebars-widget-area .widget_nav_menu ul li a, .footer-top-area .widget_nav_menu ul li a {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  padding: 9px 0; }

.sidebars-widget-area .widget_nav_menu ul ul, .footer-top-area .widget_nav_menu ul ul {
  padding-left: 7px; }
  .sidebars-widget-area .widget_nav_menu ul ul li a, .footer-top-area .widget_nav_menu ul ul li a {
    color: #999999; }

.sidebars-widget-area .widget_rss ul li, .footer-top-area .widget_rss ul li {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  .sidebars-widget-area .widget_rss ul li .rsswidget, .footer-top-area .widget_rss ul li .rsswidget {
    font-weight: 600;
    margin-bottom: 10px; }
  .sidebars-widget-area .widget_rss ul li .rss-date, .sidebars-widget-area .widget_rss ul li .rssSummary, .footer-top-area .widget_rss ul li .rss-date, .footer-top-area .widget_rss ul li .rssSummary {
    font-size: 14px;
    font-weight: 500;
    color: #999999; }
  .sidebars-widget-area .widget_rss ul li .rssSummary, .footer-top-area .widget_rss ul li .rssSummary {
    margin-top: 10px;
    line-height: 22px; }
  .sidebars-widget-area .widget_rss ul li cite, .footer-top-area .widget_rss ul li cite {
    font-weight: 600;
    margin-top: 10px;
    text-align: right;
    float: right; }

.sidebars-widget-area .widget_search .search-form, .footer-top-area .widget_search .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.sidebars-widget-area .widget_search .screen-reader-text, .footer-top-area .widget_search .screen-reader-text {
  display: none; }

.sidebars-widget-area .widget_search .search-field, .footer-top-area .widget_search .search-field {
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  width: 100%;
  font-weight: 400;
  padding: 14px 20px;
  letter-spacing: -0.24px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  border-radius: 0;
  border-right: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.sidebars-widget-area .widget_search .search-submit, .footer-top-area .widget_search .search-submit {
  background: #ff4800;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer; }

.sidebars-widget-area .tagcloud, .footer-top-area .tagcloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .sidebars-widget-area .tagcloud a, .footer-top-area .tagcloud a {
    margin-right: 5px;
    font-size: 16px !important;
    background: #dadada33;
    padding: 3px 14px;
    margin-bottom: 5px;
    border-radius: 2px;
    color: #999999; }
    .sidebars-widget-area .tagcloud a:hover, .footer-top-area .tagcloud a:hover {
      color: #ff4800; }

.sidebars-widget-area .widget_text .textwidget select, .footer-top-area .widget_text .textwidget select {
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  width: 100%;
  font-weight: 400;
  padding: 15px 20px;
  letter-spacing: -0.24px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff; }

.sidebars-widget-area .widget_text .textwidget p, .footer-top-area .widget_text .textwidget p {
  color: #999999;
  line-height: 22px; }
  .sidebars-widget-area .widget_text .textwidget p strong, .footer-top-area .widget_text .textwidget p strong {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%; }

.sidebars-widget-area .comments-wdget ul li p, .footer-top-area .comments-wdget ul li p {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400; }
  .sidebars-widget-area .comments-wdget ul li p i, .footer-top-area .comments-wdget ul li p i {
    color: #999999;
    font-size: 14px;
    margin-right: 10px; }
  .sidebars-widget-area .comments-wdget ul li p span, .footer-top-area .comments-wdget ul li p span {
    margin: 0px 5px;
    color: #999999; }
  .sidebars-widget-area .comments-wdget ul li p a.commentlink, .footer-top-area .comments-wdget ul li p a.commentlink {
    margin-left: 20px; }

.sidebars-widget-area .twiiter-wdget ul li p, .footer-top-area .twiiter-wdget ul li p {
  margin-bottom: 35px;
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }
  .sidebars-widget-area .twiiter-wdget ul li p span.titls, .footer-top-area .twiiter-wdget ul li p span.titls {
    color: #666666; }
  .sidebars-widget-area .twiiter-wdget ul li p a.link, .footer-top-area .twiiter-wdget ul li p a.link {
    text-decoration: underline;
    color: #0099cc; }
  .sidebars-widget-area .twiiter-wdget ul li p .date, .footer-top-area .twiiter-wdget ul li p .date {
    width: 100%;
    color: #999999; }

.site-footer {
  float: left;
  width: 100%;
  height: auto; }

.respons-menu-open {
  display: none; }

.main-blog-area.blog-list-page {
  margin-top: 150px; }

.main-blog-area {
  margin-top: 0px; }
  .main-blog-area .blog-post-header-area {
    margin-bottom: 30px;
    margin-top: 30px; }
    .main-blog-area .blog-post-header-area h1 {
      color: #000000;
      font-family: "Karla", sans-serif;
      font-size: 50px;
      font-weight: 700;
      line-height: 72px;
      letter-spacing: -3px;
      text-align: center; }
    .main-blog-area .blog-post-header-area p {
      color: #ff4800;
      font-family: "Karla", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      text-align: center; }
  .main-blog-area .post-navigation {
    width: 100%;
    float: left;
    height: auto; }

.blog-list-single-item {
  width: 100%;
  float: left;
  height: auto;
  padding-bottom: 20px;
  margin-top: 0px;
  -webkit-box-shadow: 0px 0px 4px #00000014;
  box-shadow: 0px 0px 4px #00000014;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 5px;
  margin-bottom: 40px; }
  .blog-list-single-item .blog-list-thub-area {
    width: 100%; }
  .blog-list-single-item .blog-list-content-area {
    background: #ffffff;
    padding: 0px; }
    .blog-list-single-item .blog-list-content-area .blog-list-header {
      margin-top: 20px;
      float: left;
      width: 100%;
      height: auto; }
      .blog-list-single-item .blog-list-content-area .blog-list-header .entry-header .entry-title {
        word-break: break-all;
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -0.84px;
        word-wrap: break-word;
        display: block; }
        .blog-list-single-item .blog-list-content-area .blog-list-header .entry-header .entry-title a {
          color: #000000;
          font-family: "Karla", sans-serif;
          font-size: 30px;
          font-weight: 700;
          letter-spacing: -0.84px;
          word-wrap: break-word;
          display: block; }
          .blog-list-single-item .blog-list-content-area .blog-list-header .entry-header .entry-title a:hover {
            color: #ff4800; }
      .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area {
        margin-bottom: 0px;
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area pre {
          white-space: pre-wrap; }
        .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area p, .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area a {
          color: #999999;
          font-family: "Karla", sans-serif;
          font-size: 16px;
          font-weight: 400; }
        .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .cat-blgo {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding-right: 15px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: 5px 0; }
          .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .cat-blgo a {
            padding-left: 10px;
            color: #000000;
            text-transform: capitalize; }
            .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .cat-blgo a:hover {
              color: #ff4800; }
            .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .cat-blgo a:first-child {
              padding-left: 0px; }
        .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .date-blog {
          margin: 5px 0;
          border-left: 1px solid #999999;
          padding-right: 15px;
          padding-left: 15px;
          border-right: 1px solid #999999; }
        .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .user-blog {
          margin: 5px 0;
          padding-left: 15px; }
          .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .user-blog a {
            padding-right: 0px;
            text-transform: capitalize;
            color: #000000; }
            .blog-list-single-item .blog-list-content-area .blog-list-header .blog-meta-area .user-blog a:hover {
              color: #ff4800; }
    .blog-list-single-item .blog-list-content-area .blog-list-footer .post-tag-list {
      float: right; }
      .blog-list-single-item .blog-list-content-area .blog-list-footer .post-tag-list a {
        display: inline-block;
        background: #f1f1f3;
        padding: 2px 15px;
        border-radius: 30px;
        text-transform: capitalize; }

.blog-pagination {
  float: left;
  width: 100%;
  height: auto; }
  .blog-pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .blog-pagination ul li a, .blog-pagination ul li span {
      display: inline-block;
      width: 45px;
      height: 42px;
      color: #222222;
      border: 1px solid #ffffff;
      font-size: 12px;
      line-height: 3.6;
      font-weight: 600;
      text-align: center;
      -webkit-box-shadow: 0px 1px 3px #ffe5db;
      box-shadow: 0px 1px 3px #ffe5db;
      border-radius: 4px;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
      margin: 0px 2px; }
      .blog-pagination ul li a:hover, .blog-pagination ul li span:hover {
        background: #ff4800;
        color: #ffffff; }
    .blog-pagination ul li span {
      background: #ff4800;
      color: #ffffff; }

.arado-page-pagination, .othe-page-main-area .page-links {
  margin-top: 10px; }
  .arado-page-pagination .post-page-numbers, .othe-page-main-area .page-links .post-page-numbers {
    display: inline-block;
    width: 35px;
    height: 32px;
    color: #222222;
    border: 1px solid #ffffff;
    font-size: 12px;
    line-height: 2.6;
    font-weight: 600;
    text-align: center;
    -webkit-box-shadow: 0px 1px 3px #ffe5db;
    box-shadow: 0px 1px 3px #ffe5db;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 0px 2px; }
    .arado-page-pagination .post-page-numbers:hover, .othe-page-main-area .page-links .post-page-numbers:hover {
      background: #ff4800;
      color: #ffffff; }
    .arado-page-pagination .post-page-numbers span span, .othe-page-main-area .page-links .post-page-numbers span span {
      display: none; }
  .arado-page-pagination .current, .othe-page-main-area .page-links .current {
    background: #ff4800;
    color: #ffffff; }

.post-thumbnail {
  margin-top: 50px; }

.logged-in .single-comment-post-area .comment-form p:nth-child(1) {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important; }

.logged-in .single-comment-post-area .comment-form p:nth-child(2) {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important; }

.logged-in .single-comment-post-area .comment-form p:nth-child(3) {
  -webkit-box-ordinal-group: 4 !important;
  -ms-flex-order: 3 !important;
  order: 3 !important; }

.single-comment-post-area {
  background-color: #f3f3f3;
  padding-top: 110px;
  padding-bottom: 95px;
  margin-top: 0px;
  float: left;
  width: 100%;
  height: auto; }
  .single-comment-post-area .comment-title {
    margin-bottom: 40px; }
    .single-comment-post-area .comment-title h2 {
      color: #000000;
      font-family: "Karla", sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 26px;
      letter-spacing: -0.33px; }
  .single-comment-post-area .comment-respond {
    float: left;
    width: 100%;
    height: auto; }
    .single-comment-post-area .comment-respond .comment-reply-title {
      color: #000000;
      font-family: "Karla", sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 26px;
      letter-spacing: -0.33px;
      margin-bottom: 10px; }
      .single-comment-post-area .comment-respond .comment-reply-title small {
        font-size: 16px;
        color: #ff4800; }
    .single-comment-post-area .comment-respond .comment-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      .single-comment-post-area .comment-respond .comment-form p {
        width: 100%; }
        .single-comment-post-area .comment-respond .comment-form p:nth-child(1) {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        .single-comment-post-area .comment-respond .comment-form p:nth-child(2) {
          -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
          order: 5; }
        .single-comment-post-area .comment-respond .comment-form p:nth-child(3) {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2; }
        .single-comment-post-area .comment-respond .comment-form p:nth-child(4) {
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3; }
        .single-comment-post-area .comment-respond .comment-form p:nth-child(5) {
          -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
          order: 4; }
        .single-comment-post-area .comment-respond .comment-form p:nth-child(6) {
          -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
          order: 6; }
        .single-comment-post-area .comment-respond .comment-form p:nth-child(7) {
          -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
          order: 7; }
      .single-comment-post-area .comment-respond .comment-form .logged-in-as {
        margin-bottom: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .single-comment-post-area .comment-respond .comment-form .logged-in-as a:last-child {
          color: #ff4800; }
      .single-comment-post-area .comment-respond .comment-form label {
        font-size: 16px;
        margin-bottom: 10px;
        float: left;
        color: #000000;
        font-weight: 500; }
        .single-comment-post-area .comment-respond .comment-form label .required {
          color: #ff4800; }
      .single-comment-post-area .comment-respond .comment-form textarea {
        background-color: #ffffff;
        width: 100%;
        border: 1px solid transparent;
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 20px;
        height: 261px;
        margin-bottom: 20px; }
      .single-comment-post-area .comment-respond .comment-form input {
        background-color: #ffffff;
        width: 100%;
        border: 1px solid transparent;
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 20px;
        margin-bottom: 20px; }
      .single-comment-post-area .comment-respond .comment-form .comment-form-author {
        width: 50% !important;
        float: left;
        padding-right: 15px; }
      .single-comment-post-area .comment-respond .comment-form .comment-form-email {
        float: left;
        width: 50% !important;
        padding-left: 15px; }
      .single-comment-post-area .comment-respond .comment-form .form-submit .submit {
        height: auto;
        padding: 18px;
        font-size: 15px;
        margin-bottom: 0; }
      .single-comment-post-area .comment-respond .comment-form .comment-notes {
        margin-bottom: 40px; }
        .single-comment-post-area .comment-respond .comment-form .comment-notes .email-notes {
          color: #999999; }
        .single-comment-post-area .comment-respond .comment-form .comment-notes .required {
          color: #ff4800; }
      .single-comment-post-area .comment-respond .comment-form .comment-form-cookies-consent {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .single-comment-post-area .comment-respond .comment-form .comment-form-cookies-consent input {
          margin: 0;
          padding: 0;
          width: auto;
          margin-right: 5px;
          height: 18px; }
        .single-comment-post-area .comment-respond .comment-form .comment-form-cookies-consent label {
          width: 100%;
          color: #999999;
          font-size: 14px; }
  .single-comment-post-area .arado-comment-area ol li ol {
    padding-left: 85px; }
    .single-comment-post-area .arado-comment-area ol li ol li ol {
      padding-left: 42.5px; }
  .single-comment-post-area .arado-comment-area .comments-title {
    margin-bottom: 40px;
    color: #000000;
    font-family: "Karla", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.33px; }
  .single-comment-post-area .arado-comment-area .comment-list {
    list-style: outside none; }
    .single-comment-post-area .arado-comment-area .comment-list li {
      list-style: outside none; }
    .single-comment-post-area .arado-comment-area .comment-list .comment {
      width: 100%;
      float: left;
      height: auto; }
  .single-comment-post-area .arado-comment-area .comment-body {
    max-width: 770px;
    width: 100%;
    margin-bottom: 35px;
    float: left; }
    .single-comment-post-area .arado-comment-area .comment-body .comment {
      padding-left: 85px; }
    .single-comment-post-area .arado-comment-area .comment-body .comment-meta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-author img {
          margin-right: 15px;
          width: 70px;
          height: 70px; }
        .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-author .fn {
          border-top: 1px solid #9999994f;
          width: 210px;
          padding-top: 20px;
          font-size: 15px;
          font-weight: 600;
          letter-spacing: 0.33px; }
        .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-author .says {
          display: none; }
      .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-awaiting-moderation {
        width: 100%;
        border-top: 1px solid #9999994f;
        margin-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 20px; }
      .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-metadata {
        width: 100%;
        border-top: 1px solid #9999994f;
        margin-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 20px; }
        .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-metadata a {
          color: #999999;
          font-size: 16px;
          font-weight: 400; }
        .single-comment-post-area .arado-comment-area .comment-body .comment-meta .comment-metadata .edit-link a {
          margin-left: 10px;
          color: #ff4800; }
    .single-comment-post-area .arado-comment-area .comment-body .reply {
      padding-left: 85px;
      margin-top: 23px;
      margin-bottom: 28px;
      float: left;
      width: 100%;
      height: auto; }
      .single-comment-post-area .arado-comment-area .comment-body .reply a {
        color: #0099cc;
        font-weight: 400;
        font-style: italic;
        letter-spacing: 0.4px;
        line-height: 18px; }

.blog-list-thub-area .post-thumbnail img {
  display: block; }

.blog-list-content, .comment-content {
  color: #666666;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 20px;
  float: left;
  width: 100%;
  height: auto; }
  .blog-list-content h1, .comment-content h1, .blog-list-content h2, .comment-content h2, .blog-list-content h3, .comment-content h3, .blog-list-content h4, .comment-content h4, .blog-list-content h5, .comment-content h5, .blog-list-content h6, .comment-content h6 {
    margin-bottom: 10px; }
  .blog-list-content h1, .comment-content h1 {
    font-size: 46px;
    line-height: 46px; }
  .blog-list-content h2, .comment-content h2 {
    font-size: 40px;
    line-height: 40px; }
  .blog-list-content h3, .comment-content h3 {
    font-size: 36px;
    line-height: 36px; }
  .blog-list-content h4, .comment-content h4 {
    font-size: 32px;
    line-height: 32px; }
  .blog-list-content h5, .comment-content h5 {
    font-size: 28px;
    line-height: 28px; }
  .blog-list-content h6, .comment-content h6 {
    font-size: 24px;
    line-height: 24px; }
  .blog-list-content p, .comment-content p {
    line-height: 1.75; }
    .blog-list-content p strong, .comment-content p strong {
      font-weight: 700;
      padding: 10px 0;
      display: inline-block; }
  .blog-list-content b, .comment-content b, .blog-list-content strong, .comment-content strong {
    font-weight: 700; }
  .blog-list-content dfn, .comment-content dfn, .blog-list-content cite, .comment-content cite, .blog-list-content em, .comment-content em, .blog-list-content i, .comment-content i {
    font-style: italic; }
  .blog-list-content q, .comment-content q {
    quotes: "“" "”" "‘" "’"; }
  .blog-list-content sub, .comment-content sub {
    bottom: -.25em;
    position: relative; }
  .blog-list-content sup, .comment-content sup {
    top: -.5em;
    position: relative; }
  .blog-list-content del, .comment-content del {
    text-decoration: line-through; }
  .blog-list-content mark, .comment-content mark, .blog-list-content ins, .comment-content ins {
    background: #9a9a9a;
    text-decoration: none;
    color: #ffffff;
    padding: 0px 5px; }
  .blog-list-content pre, .comment-content pre {
    white-space: pre-wrap;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 1px #ff480038;
    box-shadow: 0px 0px 1px #ff480038; }
  .blog-list-content code, .comment-content code {
    color: #ff4800;
    background: #ff48001a;
    padding: 0px 3px; }
  .blog-list-content p, .comment-content p {
    margin-top: 12.5px;
    margin-bottom: 12.5px; }
  .blog-list-content a, .comment-content a {
    display: inline-block; }
  .blog-list-content address, .comment-content address {
    font-style: italic; }
  .blog-list-content abbr[title], .comment-content abbr[title] {
    border-bottom: 1px #767676 dotted; }
  .blog-list-content abbr, .comment-content abbr, .blog-list-content acronym, .comment-content acronym {
    border-bottom: 1px dotted #666;
    cursor: help; }
  .blog-list-content acronym[title], .comment-content acronym[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted; }
  .blog-list-content ul, .comment-content ul {
    margin: 30px auto;
    padding-left: 30px; }
    .blog-list-content ul li, .comment-content ul li {
      list-style: unset !important; }
    .blog-list-content ul ul, .comment-content ul ul {
      margin: 5px auto; }
  .blog-list-content ol, .comment-content ol {
    margin: 5px auto !important;
    padding-left: 30px !important; }
    .blog-list-content ol li, .comment-content ol li {
      list-style: unset !important; }
    .blog-list-content ol ul, .comment-content ol ul {
      margin: 5px auto; }
  .blog-list-content dl, .comment-content dl {
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px; }
    .blog-list-content dl dt, .comment-content dl dt {
      font-weight: 700; }
    .blog-list-content dl dd, .comment-content dl dd {
      margin: 0 1.5em 1.5em; }
  .blog-list-content .gallery, .comment-content .gallery {
    overflow-x: hidden; }
  .blog-list-content .gallery-columns-1, .comment-content .gallery-columns-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-1 figure.gallery-item, .comment-content .gallery-columns-1 figure.gallery-item {
      -ms-flex: 0 0 100%;
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; }
      .blog-list-content .gallery-columns-1 figure.gallery-item figcaption, .comment-content .gallery-columns-1 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-2, .comment-content .gallery-columns-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-2 figure.gallery-item, .comment-content .gallery-columns-2 figure.gallery-item {
      -ms-flex: 0 0 50%;
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; }
      .blog-list-content .gallery-columns-2 figure.gallery-item figcaption, .comment-content .gallery-columns-2 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-3, .comment-content .gallery-columns-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-3 figure.gallery-item, .comment-content .gallery-columns-3 figure.gallery-item {
      -ms-flex: 0 0 33.333333%;
      -webkit-box-flex: 0;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; }
      .blog-list-content .gallery-columns-3 figure.gallery-item figcaption, .comment-content .gallery-columns-3 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-4, .comment-content .gallery-columns-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-4 figure.gallery-item, .comment-content .gallery-columns-4 figure.gallery-item {
      -ms-flex: 0 0 25%;
      -webkit-box-flex: 0;
      flex: 0 0 25%;
      max-width: 25%;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; }
      .blog-list-content .gallery-columns-4 figure.gallery-item figcaption, .comment-content .gallery-columns-4 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-5, .comment-content .gallery-columns-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-5 figure.gallery-item, .comment-content .gallery-columns-5 figure.gallery-item {
      -ms-flex: 0 0 20%;
      -webkit-box-flex: 0;
      flex: 0 0 20%;
      max-width: 20%;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; }
      .blog-list-content .gallery-columns-5 figure.gallery-item figcaption, .comment-content .gallery-columns-5 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-6, .comment-content .gallery-columns-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-6 figure.gallery-item, .comment-content .gallery-columns-6 figure.gallery-item {
      -ms-flex: 0 0 16.666667%;
      -webkit-box-flex: 0;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; }
      .blog-list-content .gallery-columns-6 figure.gallery-item figcaption, .comment-content .gallery-columns-6 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-7, .comment-content .gallery-columns-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-7 figure.gallery-item, .comment-content .gallery-columns-7 figure.gallery-item {
      -ms-flex: 0 0 14.2857143%;
      -webkit-box-flex: 0;
      flex: 0 0 14.2857143%;
      max-width: 14.2857143%;
      text-align: center;
      padding-right: 5px;
      padding-left: 5px; }
      .blog-list-content .gallery-columns-7 figure.gallery-item figcaption, .comment-content .gallery-columns-7 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-8, .comment-content .gallery-columns-8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-8 figure.gallery-item, .comment-content .gallery-columns-8 figure.gallery-item {
      -ms-flex: 0 0 12.5%;
      -webkit-box-flex: 0;
      flex: 0 0 12.5%;
      max-width: 12.5%;
      text-align: center;
      padding-right: 5px;
      padding-left: 5px; }
      .blog-list-content .gallery-columns-8 figure.gallery-item figcaption, .comment-content .gallery-columns-8 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .gallery-columns-9, .comment-content .gallery-columns-9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .blog-list-content .gallery-columns-9 figure.gallery-item, .comment-content .gallery-columns-9 figure.gallery-item {
      -ms-flex: 0 0 11.1111111%;
      -webkit-box-flex: 0;
      flex: 0 0 11.1111111%;
      max-width: 11.1111111%;
      text-align: center;
      padding-right: 5px;
      padding-left: 5px; }
      .blog-list-content .gallery-columns-9 figure.gallery-item figcaption, .comment-content .gallery-columns-9 figure.gallery-item figcaption {
        margin-bottom: 20px; }
  .blog-list-content .alignleft, .comment-content .alignleft {
    float: left; }
  .blog-list-content .wp-block-button.alignright, .comment-content .wp-block-button.alignright {
    float: right; }
  .blog-list-content .aligncenter, .comment-content .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .blog-list-content .aligncenter figcaption, .comment-content .aligncenter figcaption {
      display: block; }
  .blog-list-content figure, .comment-content figure {
    max-width: 100%; }
    .blog-list-content figure img, .comment-content figure img {
      margin-top: 0;
      margin-bottom: 0; }
  .blog-list-content .wp-caption-text, .comment-content .wp-caption-text {
    text-align: center; }
  .blog-list-content .wp-caption.aligncenter, .comment-content .wp-caption.aligncenter {
    padding-top: 20px; }
  .blog-list-content .wp-caption.alignleft, .comment-content .wp-caption.alignleft {
    margin-right: 20px; }
  .blog-list-content .wp-caption.alignright, .comment-content .wp-caption.alignright {
    float: right; }
  .blog-list-content img.aligncenter, .comment-content img.aligncenter {
    text-align: center;
    display: block;
    margin: 50px auto; }
  .blog-list-content img.alignleft, .comment-content img.alignleft {
    float: left;
    margin-right: 20px;
    margin-top: 0;
    margin-bottom: 0; }
  .blog-list-content img.alignright, .comment-content img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 0; }
  .blog-list-content img, .comment-content img {
    position: relative;
    font-size: 1rem;
    text-align: center;
    text-transform: capitalize;
    display: inline-block; }
    .blog-list-content img:after, .comment-content img:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      padding: 10px 10px;
      border: 1px solid #ff4800;
      background-repeat: no-repeat;
      display: inherit;
      width: 100%;
      background: #ffffff;
      color: #ff4800;
      content: "" attr(alt) "not found";
      z-index: 1; }
  .blog-list-content table, .comment-content table {
    width: 100%;
    border: 1px solid #00000015 !important;
    border-collapse: collapse;
    margin-bottom: 25px; }
    .blog-list-content table th, .comment-content table th, .blog-list-content table td, .comment-content table td {
      border: 1px solid #00000015 !important;
      border-collapse: collapse;
      padding: 5px;
      text-align: left;
      vertical-align: middle; }
    .blog-list-content table tr:nth-child(even), .comment-content table tr:nth-child(even) {
      background-color: #ffffff; }
    .blog-list-content table tr:nth-child(odd), .comment-content table tr:nth-child(odd) {
      background-color: #ffffff; }
    .blog-list-content table th, .comment-content table th {
      color: #000000; }
  .blog-list-content .post-password-form input[name="post_password"], .comment-content .post-password-form input[name="post_password"] {
    color: #000000;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    max-width: 190px;
    width: 100%;
    font-weight: 400;
    padding: 10px 20px;
    letter-spacing: -0.24px;
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    border-radius: 0;
    border-right: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .blog-list-content .post-password-form input[name="Submit"], .comment-content .post-password-form input[name="Submit"] {
    background: #ff4800;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-left: -2px;
    cursor: pointer; }
  .blog-list-content .wp-block-media-text .wp-block-media-text__content, .comment-content .wp-block-media-text .wp-block-media-text__content {
    padding-top: 20px;
    padding-bottom: 20px; }
  .blog-list-content .has-media-on-the-right .wp-block-media-text__media, .comment-content .has-media-on-the-right .wp-block-media-text__media {
    padding: 0px 8%; }
  .blog-list-content .has-large-font-size, .comment-content .has-large-font-size {
    line-height: 40px; }
  .blog-list-content .wp-block-gallery, .comment-content .wp-block-gallery {
    padding-left: 0px; }
    .blog-list-content .wp-block-gallery .blocks-gallery-item figure img, .comment-content .wp-block-gallery .blocks-gallery-item figure img {
      margin: 0 auto; }
    .blog-list-content .wp-block-gallery .blocks-gallery-item figure figcaption, .comment-content .wp-block-gallery .blocks-gallery-item figure figcaption {
      line-height: 18px;
      overflow-x: hidden; }
  .blog-list-content .wp-block-quote[style="text-align:right"] p, .comment-content .wp-block-quote[style="text-align:right"] p, .blog-list-content blockquote[style="text-align:right"] p, .blog-list-content .comment-content blockquote[style="text-align:right"] p, .comment-content .blog-list-content blockquote[style="text-align:right"] p, .comment-content blockquote[style="text-align:right"] p, .blog-list-content .wp-block-pullquote[style="text-align:right"] p, .comment-content .wp-block-pullquote[style="text-align:right"] p {
    border-right: 4px solid #ff4800;
    border-left: 0px solid #ff4800;
    padding-right: 95px;
    padding-left: 0px; }
  .blog-list-content .wp-block-quote[style="text-align:right"] cite, .comment-content .wp-block-quote[style="text-align:right"] cite, .blog-list-content blockquote[style="text-align:right"] cite, .blog-list-content .comment-content blockquote[style="text-align:right"] cite, .comment-content .blog-list-content blockquote[style="text-align:right"] cite, .comment-content blockquote[style="text-align:right"] cite, .blog-list-content .wp-block-pullquote[style="text-align:right"] cite, .comment-content .wp-block-pullquote[style="text-align:right"] cite {
    float: right; }
  .blog-list-content .wp-block-gallery.alignleft, .comment-content .wp-block-gallery.alignleft {
    margin: 0px;
    margin-right: 15px; }
  .blog-list-content .wp-block-quote.is-style-large cite, .comment-content .wp-block-quote.is-style-large cite, .blog-list-content blockquote.is-style-large cite, .blog-list-content .comment-content blockquote.is-style-large cite, .comment-content .blog-list-content blockquote.is-style-large cite, .comment-content blockquote.is-style-large cite, .blog-list-content .is-style-large.wp-block-pullquote cite, .comment-content .is-style-large.wp-block-pullquote cite {
    padding-right: 40px; }
  .blog-list-content .wp-block-quote, .comment-content .wp-block-quote, .blog-list-content blockquote, .comment-content .blog-list-content blockquote, .blog-list-content .comment-content blockquote, .blog-list-content .comment-content blockquote, .comment-content .blog-list-content blockquote, .comment-content blockquote, .blog-list-content .wp-block-pullquote, .comment-content .blog-list-content .wp-block-pullquote, .blog-list-content .comment-content .wp-block-pullquote, .blog-list-content .comment-content .wp-block-pullquote, .comment-content .blog-list-content .wp-block-pullquote, .comment-content .wp-block-pullquote {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px; }
    .blog-list-content .wp-block-quote p, .comment-content .wp-block-quote p, .blog-list-content blockquote p, .comment-content .blog-list-content blockquote p, .blog-list-content .comment-content blockquote p, .blog-list-content .comment-content blockquote p, .comment-content .blog-list-content blockquote p, .comment-content blockquote p, .blog-list-content .wp-block-pullquote p, .blog-list-content .comment-content .wp-block-pullquote p, .comment-content .blog-list-content .wp-block-pullquote p, .comment-content .wp-block-pullquote p {
      border-left: 4px solid #ff4800;
      padding-left: 95px;
      font-size: 24px;
      color: #000000; }
      .blog-list-content .wp-block-quote p cite, .comment-content .wp-block-quote p cite, .blog-list-content blockquote p cite, .comment-content .blog-list-content blockquote p cite, .blog-list-content .comment-content blockquote p cite, .blog-list-content .comment-content blockquote p cite, .comment-content .blog-list-content blockquote p cite, .comment-content blockquote p cite, .blog-list-content .wp-block-pullquote p cite, .blog-list-content .comment-content .wp-block-pullquote p cite, .comment-content .blog-list-content .wp-block-pullquote p cite, .comment-content .wp-block-pullquote p cite {
        padding-left: 40px; }
        .blog-list-content .wp-block-quote p cite:after, .comment-content .wp-block-quote p cite:after, .blog-list-content blockquote p cite:after, .comment-content .blog-list-content blockquote p cite:after, .blog-list-content .comment-content blockquote p cite:after, .blog-list-content .comment-content blockquote p cite:after, .comment-content .blog-list-content blockquote p cite:after, .comment-content blockquote p cite:after, .blog-list-content .wp-block-pullquote p cite:after, .blog-list-content .comment-content .wp-block-pullquote p cite:after, .comment-content .blog-list-content .wp-block-pullquote p cite:after, .comment-content .wp-block-pullquote p cite:after {
          left: 0px; }
        .blog-list-content .wp-block-quote p cite a, .comment-content .wp-block-quote p cite a, .blog-list-content blockquote p cite a, .comment-content .blog-list-content blockquote p cite a, .blog-list-content .comment-content blockquote p cite a, .blog-list-content .comment-content blockquote p cite a, .comment-content .blog-list-content blockquote p cite a, .comment-content blockquote p cite a, .blog-list-content .wp-block-pullquote p cite a, .blog-list-content .comment-content .wp-block-pullquote p cite a, .comment-content .blog-list-content .wp-block-pullquote p cite a, .comment-content .wp-block-pullquote p cite a {
          color: #666666; }
          .blog-list-content .wp-block-quote p cite a:hover, .comment-content .wp-block-quote p cite a:hover, .blog-list-content blockquote p cite a:hover, .blog-list-content .comment-content blockquote p cite a:hover, .comment-content .blog-list-content blockquote p cite a:hover, .comment-content blockquote p cite a:hover, .blog-list-content .wp-block-pullquote p cite a:hover, .comment-content .wp-block-pullquote p cite a:hover {
            color: #ff4800; }
    .blog-list-content .wp-block-quote cite, .comment-content .wp-block-quote cite, .blog-list-content blockquote cite, .comment-content .blog-list-content blockquote cite, .blog-list-content .comment-content blockquote cite, .blog-list-content .comment-content blockquote cite, .comment-content .blog-list-content blockquote cite, .comment-content blockquote cite, .blog-list-content .wp-block-pullquote cite, .blog-list-content .comment-content .wp-block-pullquote cite, .comment-content .blog-list-content .wp-block-pullquote cite, .comment-content .wp-block-pullquote cite {
      margin-top: 20px;
      margin-bottom: 35px;
      padding-left: 135px;
      position: relative;
      float: left;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.35px;
      text-transform: uppercase; }
      .blog-list-content .wp-block-quote cite a, .comment-content .wp-block-quote cite a, .blog-list-content blockquote cite a, .comment-content .blog-list-content blockquote cite a, .blog-list-content .comment-content blockquote cite a, .blog-list-content .comment-content blockquote cite a, .comment-content .blog-list-content blockquote cite a, .comment-content blockquote cite a, .blog-list-content .wp-block-pullquote cite a, .blog-list-content .comment-content .wp-block-pullquote cite a, .comment-content .blog-list-content .wp-block-pullquote cite a, .comment-content .wp-block-pullquote cite a {
        color: #666666; }
      .blog-list-content .wp-block-quote cite:after, .comment-content .wp-block-quote cite:after, .blog-list-content blockquote cite:after, .comment-content .blog-list-content blockquote cite:after, .blog-list-content .comment-content blockquote cite:after, .blog-list-content .comment-content blockquote cite:after, .comment-content .blog-list-content blockquote cite:after, .comment-content blockquote cite:after, .blog-list-content .wp-block-pullquote cite:after, .blog-list-content .comment-content .wp-block-pullquote cite:after, .comment-content .blog-list-content .wp-block-pullquote cite:after, .comment-content .wp-block-pullquote cite:after {
        color: #cccccc;
        text-transform: uppercase;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-right: 15px;
        line-height: 39px;
        content: '\f1b2';
        display: inline-block;
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 30px;
        position: absolute;
        left: 99px;
        top: 0; }
      .blog-list-content .wp-block-quote cite br, .comment-content .wp-block-quote cite br, .blog-list-content blockquote cite br, .comment-content .blog-list-content blockquote cite br, .blog-list-content .comment-content blockquote cite br, .blog-list-content .comment-content blockquote cite br, .comment-content .blog-list-content blockquote cite br, .comment-content blockquote cite br, .blog-list-content .wp-block-pullquote cite br, .blog-list-content .comment-content .wp-block-pullquote cite br, .comment-content .blog-list-content .wp-block-pullquote cite br, .comment-content .wp-block-pullquote cite br {
        display: none; }
  .blog-list-content .wp-block-pullquote blockquote, .comment-content .wp-block-pullquote blockquote {
    text-align: left; }
  .blog-list-content .wp-block-audio, .comment-content .wp-block-audio {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px auto; }
  .blog-list-content .wp-block-video, .comment-content .wp-block-video {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px auto; }
  .blog-list-content .wp-block-archives-dropdown, .comment-content .wp-block-archives-dropdown {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
    .blog-list-content .wp-block-archives-dropdown select, .comment-content .wp-block-archives-dropdown select {
      color: #000000;
      font-family: "Karla", sans-serif;
      font-size: 16px;
      width: auto;
      font-weight: 400;
      padding: 15px 20px;
      letter-spacing: -0.24px;
      border: 1px solid #d9d9d9;
      background-color: #ffffff; }
  .blog-list-content .wp-block-latest-comments, .comment-content .wp-block-latest-comments {
    list-style: outside none;
    float: left;
    width: 100%;
    height: auto; }
    .blog-list-content .wp-block-latest-comments li, .comment-content .wp-block-latest-comments li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      float: left;
      width: 100%;
      height: auto; }
      .blog-list-content .wp-block-latest-comments li img, .comment-content .wp-block-latest-comments li img {
        margin: 0; }
      .blog-list-content .wp-block-latest-comments li article footer.wp-block-latest-comments__comment-meta, .comment-content .wp-block-latest-comments li article footer.wp-block-latest-comments__comment-meta {
        margin-left: 20px; }
      .blog-list-content .wp-block-latest-comments li article .wp-block-latest-comments__comment-excerpt, .comment-content .wp-block-latest-comments li article .wp-block-latest-comments__comment-excerpt {
        margin-left: 20px; }
  .blog-list-content .is-style-solid-color cite, .comment-content .is-style-solid-color cite {
    margin-bottom: 0; }
  .blog-list-content .more-link, .comment-content .more-link {
    float: left;
    width: 100%;
    text-align: left;
    margin: 15px auto;
    text-transform: capitalize;
    border-left: 2px solid #ff4800;
    padding-left: 10px; }
  .blog-list-content img, .comment-content img {
    margin-top: 50px;
    margin-bottom: 50px; }

hr.wp-block-separator {
  margin-top: 50px;
  margin-bottom: 50px;
  float: left;
  width: 100%; }

.wp-block-button.alignleft {
  margin-right: 20px; }

.wp-block-button.alignright {
  margin-left: 20px; }

.sticky_post_icon {
  float: left;
  width: 100%;
  height: auto; }
  .sticky_post_icon i {
    color: #ff4800;
    margin-right: 10px;
    font-size: 30px; }

.comment-body {
  color: #666666;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  height: auto; }
  .comment-body a {
    display: unset; }
  .comment-body span.edit-link {
    float: left;
    width: 100%; }

.comment-content {
  padding-left: 85px; }
  .comment-content pre {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .comment-content table th {
    color: #000000; }

.widget {
  margin-bottom: 50px; }

.new-pagination-blog .page-numbers {
  display: inline-block;
  width: 45px;
  height: 42px;
  color: #222222;
  border: 1px solid #ffffff;
  font-size: 12px;
  line-height: 3.6;
  font-weight: 600;
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px #ffe5db;
  box-shadow: 0px 1px 3px #ffe5db;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin: 0px 2px; }
  .new-pagination-blog .page-numbers:hover {
    background: #ff4800;
    color: #ffffff; }

.new-pagination-blog .current {
  background: #ff4800;
  color: #ffffff; }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.heade-not-fixed {
  margin-bottom: 40px; }

/*============================================
       3. Other Page Css
 @mixin ==========================================*/
.page-template-area {
  margin-top: 150px; }

.search-no-results .heade-not-fixed .header-area {
  position: fixed; }

.search-no-results .site {
  height: 100%; }
  .search-no-results .site .site-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .search-no-results .site .site-content .page-template-area {
      margin-top: 0px; }

.error404 .heade-not-fixed .header-area {
  position: fixed; }

.error404 .site {
  height: 100%; }
  .error404 .site .site-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .error404 .site .site-content .page-template-area {
      margin-top: 0px; }

.arado-404-page {
  text-align: center; }
  .arado-404-page .page-header h2 {
    display: block;
    font-weight: 700;
    font-size: 150px;
    line-height: 150px;
    color: #ececec;
    margin-bottom: 20px;
    text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.6), 7px 7px 0px #ff4800, 7px 7px 0px rgba(204, 255, 0, 0.8), 10px 10px 0px #000000;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  .arado-404-page .page-header .page-title {
    color: #181b31;
    font-size: 35px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.5px; }
  .arado-404-page .arado-404-conetne {
    margin-top: 10px; }
    .arado-404-page .arado-404-conetne p {
      color: #999999;
      font-size: 20px;
      font-weight: 400;
      line-height: 26px; }
    .arado-404-page .arado-404-conetne .search-404 {
      margin-top: 40px; }
      .arado-404-page .arado-404-conetne .search-404 label span {
        display: none; }
      .arado-404-page .arado-404-conetne .search-404 .search-field {
        background-color: #ffffff;
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.24px;
        padding: 10px 10px;
        border-radius: 2px;
        border: 1px solid #ff4800; }
      .arado-404-page .arado-404-conetne .search-404 .search-submit {
        background: #ff4800;
        border: 1px solid #ff4800;
        color: #ffffff;
        font-size: 16.5px;
        font-weight: 400;
        letter-spacing: -0.24px;
        padding: 10px 10px;
        margin-left: -5px;
        border-radius: 0px 2px 2px 0;
        cursor: pointer; }
    .arado-404-page .arado-404-conetne .back-to-home {
      margin-top: 20px; }
      .arado-404-page .arado-404-conetne .back-to-home a {
        background: #ff4800;
        border: 1px solid #ff4800;
        color: #ffffff;
        font-size: 16.5px;
        font-weight: 400;
        letter-spacing: -0.24px;
        padding: 10px 10px;
        width: 130px;
        border-radius: 2px;
        margin: 0 auto; }

.single-post-pagination span.page-links-title {
  display: none; }

.othe-page-main-area table th {
  color: #000000; }

.othe-page-main-area .page-links {
  float: left;
  width: 100%;
  height: auto; }

.page-footer-area {
  float: left;
  width: 100%;
  height: auto; }

.mouse-cursor, .mouse-cursor-dot {
  position: fixed;
  top: -18px;
  left: -18px;
  height: 40px;
  width: 40px;
  z-index: 99;
  opacity: 0;
  border: 1px solid #ff4800;
  border-radius: 50%;
  pointer-events: none;
  cursor: none; }
  .mouse-cursor::before, .mouse-cursor-dot::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-transition: all 0.03 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.03 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.03 cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .tag-mouse-over .mouse-cursor, .tag-mouse-over .mouse-cursor-dot {
    border: 0;
    background: #00000030; }

.mouse-cursor-dot {
  border: 0; }
  .mouse-cursor-dot::before {
    background: #ff4800;
    height: 10px;
    width: 10px;
    left: calc( 50% - 5px);
    top: calc( 50% - 5px);
    -webkit-transition: all 0.03 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.03 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.03 cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .tag-mouse-over .mouse-cursor-dot::before {
      background: #ffffff; }

/*============================================
       4. Header Css
 @mixin ==========================================*/
.heade-not-fixed .header-area {
  position: relative; }

.heade-not-fixed .header-area.addBackground {
  position: fixed; }

.header-area.addBackground {
  background: #fff;
  padding-top: 10px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 0px 2px #ff48002b;
  box-shadow: 0px 0px 2px #ff48002b; }

.header-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 40px 0px;
  padding-bottom: 10px;
  background: transparent;
  z-index: 11; }
  .header-area .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header-area .logo-area h2 {
    text-transform: uppercase;
    font-weight: 600; }
  .header-area .nav-menu-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .header-area .nav-menu-area ul li {
      margin-right: 40px;
      position: relative; }
      .header-area .nav-menu-area ul li a {
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.24px;
        padding: 10px 0px; }
      .header-area .nav-menu-area ul li:hover a {
        color: #ff4800; }
      .header-area .nav-menu-area ul li:hover ul {
        z-index: 2;
        top: 50px;
        opacity: 1;
        visibility: visible; }
        .header-area .nav-menu-area ul li:hover ul .menu-item-has-children:after, .header-area .nav-menu-area ul li:hover ul .page_item_has_children:after {
          content: '\f2fb';
          display: inline-block;
          font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          position: absolute;
          right: 20px;
          top: 15px;
          color: #ff4800; }
        .header-area .nav-menu-area ul li:hover ul li a {
          color: #000000; }
        .header-area .nav-menu-area ul li:hover ul li:hover ul {
          opacity: 1;
          visibility: visible; }
          .header-area .nav-menu-area ul li:hover ul li:hover ul li:hover ul {
            opacity: 1;
            visibility: visible; }
          .header-area .nav-menu-area ul li:hover ul li:hover ul li ul {
            opacity: 0;
            visibility: hidden; }
        .header-area .nav-menu-area ul li:hover ul li ul {
          opacity: 0;
          visibility: hidden; }
    .header-area .nav-menu-area ul ul {
      position: absolute;
      top: 100px;
      right: 0;
      background: #fff;
      width: 280px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .5s;
      -o-transition: .5s;
      transition: .5s; }
      .header-area .nav-menu-area ul ul li {
        margin-right: 0;
        width: 100%; }
        .header-area .nav-menu-area ul ul li a {
          padding: 13px 30px;
          border-left: 3px solid #ff4800;
          border-bottom: 1px solid #e4e4e4; }
        .header-area .nav-menu-area ul ul li ul {
          position: absolute;
          left: 280px;
          top: 0 !important; }
  .header-area .lg-none {
    display: none; }
  .header-area .social-and-menu-area .social-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .header-area .social-and-menu-area .social-area ul li a {
      margin-left: 25px; }
      .header-area .social-and-menu-area .social-area ul li a i {
        color: #999999;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px; }
    .header-area .social-and-menu-area .social-area ul li:hover a i {
      color: #999999;
      font-size: 18px;
      font-weight: 400;
      line-height: 24px;
      color: #ff4800; }
  .header-area .menu-bar-area {
    display: none; }
    .header-area .menu-bar-area .bar-icon span {
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }

.swiper-wrapper {
  height: 100%; }

/*============================================
       5. Welcome Banner Css
 @mixin ==========================================*/
.welcome-banner-area {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: hidden; }
  .welcome-banner-area .swiper-control .welcome-banner-next {
    right: 100px; }
  .welcome-banner-area .swiper-control .welcome-banner-prev {
    left: 100px; }
  .welcome-banner-area .welcome-banner-slider {
    width: 100%;
    height: 100%; }
    .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide {
      background-size: cover;
      position: relative;
      width: 100%;
      height: 100%; }
      .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .dot-bg-animation {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .container {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%; }
        .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .container .banner-position-area {
          position: absolute;
          right: -250px;
          bottom: 0;
          -ms-flex: 0 0 65%;
          -webkit-box-flex: 0;
          flex: 0 0 65%;
          max-width: 65%;
          height: 100%; }
        .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .container .row {
          width: 100%; }

.email-box-area .title {
  margin-bottom: 40px; }
  .email-box-area .title h2 {
    color: #000000;
    font-family: "Karla", sans-serif;
    font-size: 58px;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -3px; }

.email-box-area svg {
  display: none; }

.email-box-area .content {
  margin-bottom: 70px; }
  .email-box-area .content p {
    color: #666666;
    font-family: "Karla", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.27px; }

.email-box-area .email-box .form-single {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  position: relative; }
  .email-box-area .email-box .form-single input {
    padding-left: 55px;
    width: 100%;
    max-width: 370px; }
    .email-box-area .email-box .form-single input:focus {
      border-color: #ff4800; }
  .email-box-area .email-box .form-single i {
    color: #cccccc;
    padding: 20px 0px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.36px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 25px; }

.email-box-area .email-box .sub-btn {
  margin-top: 10px;
  height: auto;
  color: #ffffff; }

/*============================================
       6. services Css
 @mixin ==========================================*/
.seen-fetrued-area {
  padding-top: 80px; }
  .seen-fetrued-area .seen-fetrued {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    padding-bottom: 80px;
    border-bottom: 1px solid #e4e4e4;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .seen-fetrued-area .seen-fetrued .seen-fetrued-img {
      margin-top: 10px; }
      .seen-fetrued-area .seen-fetrued .seen-fetrued-img img {
        max-height: 50px; }

.services-area {
  padding-top: 100px;
  margin-bottom: 125px; }
  .services-area .services-slide-contro-area {
    display: none; }
    .services-area .services-slide-contro-area .services-slide-contro {
      max-width: 100px;
      width: 100%;
      overflow: hidden;
      display: block;
      position: relative;
      height: 40px;
      margin: 20px auto; }
      .services-area .services-slide-contro-area .services-slide-contro .swiper-button-next, .services-area .services-slide-contro-area .services-slide-contro .swiper-button-prev {
        margin-top: 0px;
        top: 0px; }
  .services-area .services-list {
    margin-top: 75px;
    border: 1px solid #e3e3e3;
    margin-left: 0;
    margin-right: 0; }
    .services-area .services-list .col-lg-3 {
      padding: 0; }
      .services-area .services-list .col-lg-3:last-child .single-service {
        border-right: 0px solid #e3e3e3; }
    .services-area .services-list .single-service {
      padding-left: 30px;
      padding-top: 50px;
      padding-bottom: 45px;
      padding-right: 30px;
      border-right: 1px solid #e3e3e3;
      border-top: 4px solid transparent;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      height: 100%; }
      .services-area .services-list .single-service:hover {
        border-top-color: #ff4800;
        background: #f9f9f9; }
        .services-area .services-list .single-service:hover .read-more a {
          color: #ff4800; }
        .services-area .services-list .single-service:hover .read-more i {
          color: #ff4800; }
      .services-area .services-list .single-service .img {
        max-height: 44px;
        margin-bottom: 43px; }
        .services-area .services-list .single-service .img img {
          width: auto;
          height: 44px;
          font-size: 46px;
          font-weight: 400;
          letter-spacing: -1.61px; }
      .services-area .services-list .single-service .title {
        margin-bottom: 22px; }
        .services-area .services-list .single-service .title h2 {
          color: #010101;
          font-family: "Karla", sans-serif;
          font-size: 20px;
          font-weight: 700;
          letter-spacing: -0.7px; }
      .services-area .services-list .single-service .content {
        margin-bottom: 40px;
        color: #999999;
        font-family: "Karla", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 26px; }
      .services-area .services-list .single-service .read-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .services-area .services-list .single-service .read-more a {
          color: #000000;
          font-family: "Karla", sans-serif;
          font-size: 14px;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 0.35px; }
      .services-area .services-list .single-service i {
        margin-left: 5px;
        font-size: 19px;
        letter-spacing: 0.4px;
        position: relative;
        top: 0px; }

/*============================================
       7. why choose Css
 @mixin ==========================================*/
.why-choose-area {
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .why-choose-area .why-img-area {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .why-choose-area .why-choose-content {
    margin-top: 43px; }
    .why-choose-area .why-choose-content .content {
      color: #999999;
      font-family: "Karla", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px; }
    .why-choose-area .why-choose-content .singlle-content-area {
      margin-bottom: 50px; }
      .why-choose-area .why-choose-content .singlle-content-area .singlle-content-title {
        margin-bottom: 23px;
        color: #181b31;
        font-family: "Karla", sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -0.5px; }
      .why-choose-area .why-choose-content .singlle-content-area .singlle-content-content {
        color: #999999;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px; }
    .why-choose-area .why-choose-content .button-area {
      margin-top: 30px;
      margin-bottom: 170px; }
      .why-choose-area .why-choose-content .button-area .icon-button a {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .why-choose-area .why-choose-content .button-area .icon-button a i {
          margin-left: 5px;
          position: relative;
          top: 1px; }

/*============================================
       8. work area Css
 @mixin ==========================================*/
.work-area {
  padding-top: 133px;
  padding-bottom: 144px; }
  .work-area .work-tab-are .row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .work-area .work-tab-are .work-title-slider .work-single-title p {
    color: #999999;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    background: transparent;
    border: 0px;
    cursor: pointer; }
    .work-area .work-tab-are .work-title-slider .work-single-title p:hover {
      color: #010101; }
  .work-area .work-tab-are .work-title-slider .swiper-slide-thumb-active .work-single-title p {
    color: #010101; }
  .work-area .work-tab-are .work-wiper-arow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .work-area .work-tab-are .work-wiper-arow .swiper-button-next {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; }
    .work-area .work-tab-are .work-wiper-arow .swiper-button-prev {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      margin-right: 10px; }
  .work-area .work-tab-content .work-content-slider {
    padding-top: 110px;
    padding-bottom: 47px; }
  .work-area .work-tab-content .work-list-area .work-single-item {
    border-radius: 3px;
    background: #ffffff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 100px; }
    .work-area .work-tab-content .work-list-area .work-single-item:hover {
      -webkit-box-shadow: 0 30px 100px rgba(204, 211, 215, 0.75);
      box-shadow: 0 30px 100px rgba(204, 211, 215, 0.75); }
    .work-area .work-tab-content .work-list-area .work-single-item .work-image {
      max-height: 271px;
      overflow: hidden; }
      .work-area .work-tab-content .work-list-area .work-single-item .work-image img {
        width: 100%; }
    .work-area .work-tab-content .work-list-area .work-single-item .work-single-content {
      padding-top: 30px;
      padding-bottom: 35px;
      padding-left: 35px;
      padding-right: 39px; }
      .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-tag {
        margin-bottom: 15px; }
        .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-tag a {
          color: #666666;
          font-family: "Karla", sans-serif;
          font-size: 14px;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 0.35px; }
      .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-title {
        height: 30px;
        overflow: hidden;
        margin-bottom: 10px; }
        .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-title h2 {
          color: #000000;
          font-family: "Karla", sans-serif;
          font-size: 26px;
          font-weight: 700;
          letter-spacing: -0.91px; }
      .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-content {
        height: 60px;
        overflow: hidden; }
        .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-content p {
          color: #999999;
          font-family: "Karla", sans-serif;
          font-size: 16px;
          font-weight: 400;
          line-height: 26px; }
    .work-area .work-tab-content .work-list-area .work-single-item:hover .work-title h2 a {
      color: #ff4800; }
  .work-area .work-cunter-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    width: 100%; }
    .work-area .work-cunter-area .count-single {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .work-area .work-cunter-area .count-single span {
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 60px;
        font-weight: 700;
        letter-spacing: -2.1px;
        margin-right: 15px;
        line-height: 70px; }
      .work-area .work-cunter-area .count-single p {
        color: #666666;
        font-family: "Karla", sans-serif;
        font-size: 18px;
        font-weight: 400;
        margin-top: 10px;
        line-height: 27px;
        text-transform: uppercase;
        letter-spacing: -0.63px; }

/*============================================
       9. Client area Css
 @mixin ==========================================*/
.client-area {
  margin-top: 138px;
  margin-bottom: 125px; }
  .client-area .row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .client-area .swiper-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .client-area .swiper-control .swiper-button-next {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; }
    .client-area .swiper-control .swiper-button-prev {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      margin-right: 10px; }
  .client-area .client-list {
    margin-top: 87px;
    padding-bottom: 133px;
    border-bottom: 1px solid #e4e4e4; }
    .client-area .client-list .single-client {
      width: 100%;
      padding-top: 40px;
      padding-bottom: 50px;
      padding-left: 50px;
      padding-right: 50px;
      border: 1px solid #e3e3e3;
      background-color: transparent;
      float: left; }
      .client-area .client-list .single-client:hover {
        background-color: #f6f6f8; }
      .client-area .client-list .single-client .single-client-logo {
        margin-bottom: 37px; }
        .client-area .client-list .single-client .single-client-logo img {
          height: 40px;
          width: auto;
          float: left; }
      .client-area .client-list .single-client .single-client-content {
        margin-bottom: 50px;
        color: #010101;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px; }
      .client-area .client-list .single-client .bottom-content-client {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .client-area .client-list .single-client .bottom-content-client .single-client-img {
          margin-right: 22px; }
          .client-area .client-list .single-client .bottom-content-client .single-client-img img {
            width: 53px;
            height: 53px;
            border-radius: 50%; }
        .client-area .client-list .single-client .bottom-content-client .single-client-detail .single-client-name h2 {
          color: #010101;
          font-family: "Karla", sans-serif;
          font-size: 20px;
          font-weight: 700;
          line-height: 30px;
          letter-spacing: -0.5px; }
        .client-area .client-list .single-client .bottom-content-client .single-client-detail .single-client-compnay p {
          color: #999999;
          font-family: "Karla", sans-serif;
          font-size: 14px;
          font-weight: 400;
          line-height: 30px; }
        .client-area .client-list .single-client .bottom-content-client .single-client-qt {
          margin-left: auto; }
          .client-area .client-list .single-client .bottom-content-client .single-client-qt img {
            width: 54px;
            height: 54px;
            color: #f1f1f3;
            font-size: 72px;
            font-weight: 400;
            line-height: 30px; }

/*============================================
       10. price area Css
 @mixin ==========================================*/
.price-area {
  padding-bottom: 144px; }
  .price-area .section-contenet-border {
    border: 1px solid #e3e3e3;
    margin-top: 84px; }
  .price-area .swiper-slide:first-child .price-single-item {
    border-left: 0; }
  .price-area .swiper-slide:last-child .price-single-item {
    border-right: 0; }
  .price-area .swiper-slide-active .price-single-item {
    border: 1px solid #e3e3e3;
    background-color: #f6f6f8;
    border-top: 0;
    border-bottom: 0; }
  .price-area .swiper-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .price-area .swiper-control .swiper-button-next {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; }
    .price-area .swiper-control .swiper-button-prev {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      margin-right: 10px; }
  .price-area .row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .price-area .price-swiper-control {
    margin-bottom: 0px; }
  .price-area .price-pagination-area {
    display: none; }
    .price-area .price-pagination-area .swiper-pagination-price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%; }
      .price-area .price-pagination-area .swiper-pagination-price .swiper-pagination-bullet {
        width: 35px;
        border-radius: 0px;
        height: 3px;
        margin-top: 10px;
        background: #f6f6f8;
        opacity: 1; }
      .price-area .price-pagination-area .swiper-pagination-price .swiper-pagination-bullet-active {
        background: #ff4800; }
  .price-area .price-single-item {
    padding: 42px 30px 50px 30px;
    border: 1px solid transparent;
    border-top: 0;
    border-bottom: 0;
    height: 100%; }
    .price-area .price-single-item:hover {
      border: 1px solid #e3e3e3;
      background-color: #f6f6f8;
      border-top: 0;
      border-bottom: 0; }
    .price-area .price-single-item .price-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-items: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .price-area .price-single-item .price-type h6 {
        color: #000000;
        font-family: "Karla", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 72px;
        text-transform: uppercase;
        letter-spacing: 1.8px; }
      .price-area .price-single-item .price-type span {
        width: 68px;
        height: 22px;
        background-color: #ff4800;
        color: #ffffff;
        font-family: "Karla", sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        border-radius: 3px;
        margin-left: 13px;
        padding: 0 5px; }
    .price-area .price-single-item .price-rate p span {
      color: #999999;
      font-family: "Karla", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 72px;
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: -0.5px; }
      .price-area .price-single-item .price-rate p span:nth-child(1) {
        color: #669900; }
      .price-area .price-single-item .price-rate p span:nth-child(2) {
        color: #669900; }
      .price-area .price-single-item .price-rate p span:last-child {
        margin-left: 5px; }
    .price-area .price-single-item .price-congif {
      color: #999999;
      font-family: "Karla", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      padding-bottom: 20px; }
    .price-area .price-single-item .price-body ul li {
      color: #666666;
      font-family: "Karla", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      padding: 28px 0;
      border-top: 1px solid #e3e3e3; }
    .price-area .price-single-item .price-buy-btn {
      margin-top: 70px; }
      .price-area .price-single-item .price-buy-btn a {
        border: 1px solid transparent;
        color: #ff4800;
        font-family: "Karla", sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        padding: 15px 0;
        display: block;
        text-align: center; }
    .price-area .price-single-item:hover .price-buy-btn a {
      background: #ff4800;
      color: #ffffff;
      border-color: #ff4800; }

/*============================================
       11. blog area Css
 @mixin ==========================================*/
.blog-area {
  padding-top: 133px;
  padding-bottom: 152px; }
  .blog-area .row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .blog-area .swiper-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .blog-area .swiper-control .swiper-button-next {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto; }
    .blog-area .swiper-control .swiper-button-prev {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      margin-right: 10px; }
  .blog-area .blog-list-area {
    margin-top: 103px; }
  .blog-area .blog-single-item {
    background: #ffffff; }
    .blog-area .blog-single-item:hover .blog-title h2 {
      color: #ff4800; }
    .blog-area .blog-single-item .blog-image {
      min-height: 197px;
      max-height: 197px;
      overflow-y: hidden; }
      .blog-area .blog-single-item .blog-image img {
        width: 100%; }
    .blog-area .blog-single-item .blog-content {
      padding: 28px 35px 27px 35px; }
      .blog-area .blog-single-item .blog-content .blog-tag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .blog-area .blog-single-item .blog-content .blog-tag a {
          font-size: 14px;
          font-weight: 400;
          color: #000000;
          font-weight: 700; }
        .blog-area .blog-single-item .blog-content .blog-tag span {
          color: #999999;
          font-weight: 400;
          padding-left: 10px;
          border-left: 1px solid #999999;
          margin-left: 10px; }
      .blog-area .blog-single-item .blog-content .blog-title {
        margin-top: 22px; }
        .blog-area .blog-single-item .blog-content .blog-title h2 {
          color: #000000;
          font-family: "Karla", sans-serif;
          font-size: 23px;
          font-weight: 700;
          letter-spacing: -0.84px; }

.number-area {
  padding: 65px; }
  .number-area .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .number-area .number-left h3 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.45px; }
  .number-area .number-left h5 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px; }
  .number-area .number-right h3 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.72px; }

.post-comment-area {
  background-color: #f3f3f3;
  padding-bottom: 115px; }
  .post-comment-area .post-comment-title {
    margin-bottom: 40px; }
    .post-comment-area .post-comment-title h2 {
      color: #000000;
      font-family: "Karla", sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 26px;
      letter-spacing: -0.33px; }
  .post-comment-area .single-input-textarea input {
    background-color: #ffffff;
    width: 100%;
    border: 1px solid transparent;
    color: #000000;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 20px;
    margin-bottom: 30px; }
  .post-comment-area .single-input-textarea textarea {
    background-color: #ffffff;
    width: 100%;
    border: 1px solid transparent;
    color: #000000;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 20px;
    height: 261px;
    margin-bottom: 30px; }
  .post-comment-area .single-input-textarea button {
    height: auto; }

.search-blog-area {
  margin-bottom: 75px;
  width: 100%; }
  .search-blog-area input {
    color: #999999;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    width: 100%;
    font-weight: 400;
    padding: 15px 20px;
    letter-spacing: -0.24px;
    border: 1px solid #d9d9d9;
    background-color: #ffffff; }

/*============================================
       12. Footer area Css
 @mixin ==========================================*/
.footer-area .footer-top-area .footer-widget-padding {
  padding-top: 118px; }

.footer-area .footer-top-area .footer-single-content .logo-area {
  margin-bottom: 50px; }

.footer-area .footer-top-area .footer-single-content .contact-area-footer p {
  color: #999999;
  font-weight: 400;
  letter-spacing: 0.35px;
  line-height: 24px;
  text-transform: uppercase; }

.footer-area .footer-top-area .footer-single-content .contact-area-footer h3 {
  color: #000000;
  font-family: "Karla", sans-serif;
  font-size: 20px;
  font-weight: 400; }

.footer-area .footer-top-area .footer-single-content .contact-area-footer h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }

.footer-area .footer-top-area .footer-single-content .title {
  margin-bottom: 33px; }
  .footer-area .footer-top-area .footer-single-content .title h2 {
    color: #000000;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.55px;
    line-height: 24px; }

.footer-area .footer-top-area .footer-single-content ul li a {
  color: #999999;
  font-size: 16px;
  font-weight: 400;
  padding: 9px 0; }

.footer-area .footer-top-area .footer-single-content .footer-form p {
  color: #999999;
  font-size: 16px;
  font-weight: 400; }

.footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field {
  margin-top: 43px; }
  .footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field .sub-submite {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px !important;
    z-index: 1;
    height: 100%;
    background: transparent !important;
    opacity: 0;
    cursor: pointer; }
  .footer-area .footer-top-area .footer-single-content .footer-form .subscrib-input-field i {
    position: absolute;
    top: 14px;
    right: 20px; }

.footer-area .footer-bottom-area {
  margin-top: 46px; }
  .footer-area .footer-bottom-area .row {
    border-top: 1px solid #e3e3e3;
    padding: 40px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .footer-area .footer-bottom-area .copyright-text p {
    color: #666666;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-weight: 400; }
  .footer-area .footer-bottom-area .social-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .footer-area .footer-bottom-area .social-area ul li {
      margin-left: 20px; }
      .footer-area .footer-bottom-area .social-area ul li a {
        color: #999999;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.24px; }
      .footer-area .footer-bottom-area .social-area ul li:hover a {
        color: #ff4800; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  -webkit-overflow-scrolling: touch;
  outline: none; }

.gallery-caption, .bypostauthor {
  opacity: 1; }

.slinky-theme-default {
  background: transparent; }

.social-area {
  padding-bottom: 0px; }

.slinky-theme-default a:not(.back):active {
  background: transparent; }

.slinky-theme-default a:not(.back):hover {
  background: transparent; }

body.admin-bar .header-area {
  margin-top: 32px; }

.mouse-icon-none {
  display: none; }

.elementor-editor-active img {
  margin-top: 0px;
  margin-bottom: 0px; }

.othe-page-main-area img {
  margin-top: 0px;
  margin-bottom: 0px; }

/*============================================
       13. Responsive Css
 @mixin ==========================================*/
/*============================================
   Display 1440.98px
 @mixin ==========================================*/
@media only screen and (min-width: 300px) and (max-width: 1440.98px) {
  .welcome-banner-area .swiper-control .welcome-banner-next {
    right: 40px;
    bottom: 40px;
    top: auto; }
  .welcome-banner-area .swiper-control .welcome-banner-prev {
    left: auto;
    top: auto;
    right: 80px;
    bottom: 40px; }
  .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .container .banner-position-area {
    right: -140px; }
  .email-box-area .title {
    margin-bottom: 20px; }
    .email-box-area .title h2 {
      font-size: 44px;
      line-height: 45px; }
  .email-box-area .content {
    margin-bottom: 20px;
    display: none; }
  .services-area .services-list .single-service {
    padding: 30px; }
  .work-area .work-tab-are .work-title-slider {
    margin-top: 5px; }
    .work-area .work-tab-are .work-title-slider .work-single-title p {
      font-size: 13px;
      font-weight: 600; }
  .work-area .work-tab-content .work-list-area .work-single-item .work-single-content {
    padding-top: 30px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 39px; }
    .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-tag {
      margin-bottom: 35px; }
  .number-area .number-left h3 {
    font-size: 24px; }
  .number-area .number-right h3 {
    font-size: 37px; } }

/*============================================
   Display 1199px
 @mixin ==========================================*/
@media only screen and (min-width: 300px) and (max-width: 1199px) {
  .has-3-columns .wp-block-quote p, .has-3-columns .blog-list-content blockquote p, .blog-list-content .has-3-columns blockquote p, .has-3-columns .comment-content blockquote p, .comment-content .has-3-columns blockquote p, .has-3-columns .blog-list-content .wp-block-pullquote p, .blog-list-content .has-3-columns .wp-block-pullquote p, .has-3-columns .comment-content .wp-block-pullquote p, .comment-content .has-3-columns .wp-block-pullquote p {
    padding-left: 25px; }
  .has-3-columns .wp-block-quote cite, .has-3-columns .blog-list-content blockquote cite, .blog-list-content .has-3-columns blockquote cite, .has-3-columns .comment-content blockquote cite, .comment-content .has-3-columns blockquote cite, .has-3-columns .blog-list-content .wp-block-pullquote cite, .blog-list-content .has-3-columns .wp-block-pullquote cite, .has-3-columns .comment-content .wp-block-pullquote cite, .comment-content .has-3-columns .wp-block-pullquote cite {
    padding-left: 65px; }
    .has-3-columns .wp-block-quote cite:after, .has-3-columns .blog-list-content blockquote cite:after, .blog-list-content .has-3-columns blockquote cite:after, .has-3-columns .comment-content blockquote cite:after, .comment-content .has-3-columns blockquote cite:after, .has-3-columns .blog-list-content .wp-block-pullquote cite:after, .blog-list-content .has-3-columns .wp-block-pullquote cite:after, .has-3-columns .comment-content .wp-block-pullquote cite:after, .comment-content .has-3-columns .wp-block-pullquote cite:after {
      left: 32px; } }

/*============================================
   Display 991px
 @mixin ==========================================*/
@media only screen and (min-width: 300px) and (max-width: 991.98px) {
  .mobile-menu {
    padding-top: 80px !important; }
    .mobile-menu .responsive-menu-me {
      background: transparent; }
    .mobile-menu .menu-testing-menu-container ul li a {
      padding: 10px 20px; }
    .mobile-menu .social-and-menu-area {
      margin-top: 50px; }
      .mobile-menu .social-and-menu-area .social-area ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
  .respons-menu-open {
    position: fixed;
    width: 0%;
    height: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: #f1f1f1;
    display: block !important;
    padding: 0px;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
    .respons-menu-open:after, .respons-menu-open:before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      width: 1px;
      left: 0;
      top: 0;
      background: #fe581736; }
    .respons-menu-open:after {
      left: 25%; }
    .respons-menu-open:before {
      left: 75%; }
    .respons-menu-open .social-and-menu-area.lg-none {
      display: block !important; }
      .respons-menu-open .social-and-menu-area.lg-none ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px; }
  .res-menu-opn .respons-menu-open {
    width: 100%;
    overflow-y: auto; }
  .res-menu-opn .menu-bar-area {
    z-index: 10; }
    .res-menu-opn .menu-bar-area span {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .header-area .sm-none {
    display: none; }
  .header-area .social-and-menu-area .social-area ul li a {
    margin-left: 20px; }
  .header-area .menu-bar-area {
    display: block;
    position: relative; }
    .header-area .menu-bar-area .bar-icon {
      float: right;
      display: block;
      width: 100%;
      height: auto;
      max-width: 30px;
      cursor: pointer; }
      .header-area .menu-bar-area .bar-icon span {
        width: 100%;
        height: 3px;
        display: block;
        background: #fe5817;
        float: left;
        margin: 2px auto; }
  .email-box-area .title h2 {
    font-size: 45px; }
  .email-box-area .content {
    margin-bottom: 20px; }
  .services-area .services-slide-contro-area {
    display: block; }
  .services-area .services-list .col-lg-3:last-child .single-service {
    border-right: 0px solid #e3e3e3; }
  .services-area .services-list .col-lg-3:nth-child(2n+0) .single-service {
    border-right: 0px solid #e3e3e3; }
  .price-area .price-pagination-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .price-area .price-single-item .price-congif p {
    font-size: 14px; }
  .work-area .work-cunter-area .count-single {
    margin: 10px auto; }
  .number-area .number-left h3 {
    font-size: 24px; }
  .number-area .number-right h3 {
    font-size: 27px; } }

@media only screen and (min-width: 300px) and (max-width: 767.98px) {
  body.admin-bar .header-area {
    margin-top: 0; }
  body.admin-bar.home.blog .header-area {
    margin-top: 32px; }
  body.admin-bar.home.blog .header-area.addBackground {
    margin-top: 0px; }
  .home.blog .main-blog-area.blog-list-page {
    margin-top: 30px; }
  .main-blog-area .blog-post-header-area h1 {
    font-size: 30px;
    line-height: 30px; }
  .main-blog-area .blog-post-header-area p {
    text-align: center; }
  .blog-list-single-item {
    padding-bottom: 30px;
    margin-top: 20px; }
    .blog-list-single-item .blog-list-content, .blog-list-single-item .comment-content {
      margin-top: 0px; }
  .header-area .sm-none {
    display: none; }
  .header-area .social-and-menu-area .social-area ul li a {
    margin-left: 20px; }
  .work-area .work-tab-are .work-wiper-arow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px; }
  .blog-area .blog-single-item .blog-content {
    padding: 18px 25px 27px 25px; }
    .blog-area .blog-single-item .blog-content .blog-tag {
      display: block; }
      .blog-area .blog-single-item .blog-content .blog-tag span {
        margin-left: 0px;
        margin-top: 10px;
        display: block; }
    .blog-area .blog-single-item .blog-content .blog-title h2 {
      font-size: 18px; }
  .section-title .sub-tag h3 {
    font-size: 33px; }
  .number-area .number-left h3 {
    font-size: 22px; }
  .number-area .number-right h3 {
    text-align: right; }
  .seen-fetrued-area .seen-fetrued {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .seen-fetrued-area .seen-fetrued .seen-fetrued-img {
      margin-top: 10px; }
  .footer-top-area .footer-single-content {
    margin-top: 10px; } }

/*============================================
   Display 575px
 @mixin ==========================================*/
@media only screen and (min-width: 300px) and (max-width: 575.98px) {
  .seen-fetrued-area .seen-fetrued {
    padding-bottom: 30px; }
  .services-area {
    padding-top: 50px;
    margin-bottom: 35px; }
    .services-area .services-list {
      margin-top: 40px; }
  .why-choose-area .why-choose-content .button-area {
    margin-bottom: 50px; }
  .work-area {
    padding-top: 63px;
    padding-bottom: 40px; }
  .work-area .work-tab-content .work-list-area .work-single-item {
    margin-bottom: 40px; }
  .client-area {
    margin-top: 60px;
    margin-bottom: 65px; }
    .client-area .client-list {
      margin-top: 57px;
      padding-bottom: 73px; }
  .price-area {
    padding-bottom: 55px; }
  .blog-area {
    padding-top: 60px;
    padding-bottom: 60px; }
  .footer-area .footer-top-area .footer-widget-padding {
    padding-top: 10px; }
  .widget {
    margin-bottom: 20px; }
  .footer-area .footer-bottom-area {
    margin-top: 0; }
  .single-comment-post-area .comment-meta {
    display: block !important; }
    .single-comment-post-area .comment-meta .comment-metadata {
      border-top: 0px !important;
      margin-left: 0px !important; }
    .single-comment-post-area .comment-meta .comment-author .fn {
      border-top: 0px !important; }
  .single-comment-post-area .arado-comment-area ol li ol {
    padding-left: 15px; }
    .single-comment-post-area .arado-comment-area ol li ol li ol {
      padding-left: 5px; }
  .single-comment-post-area .arado-comment-area .comment-body .reply {
    padding-left: 15px; }
  .blog-list-content, .comment-content {
    padding-left: 0px; }
    .blog-list-content h1, .comment-content h1 {
      font-size: 36px;
      line-height: 36px; }
    .blog-list-content h2, .comment-content h2 {
      font-size: 29px;
      line-height: 30px; }
    .blog-list-content h3, .comment-content h3 {
      font-size: 26px;
      line-height: 26px; }
    .blog-list-content h4, .comment-content h4 {
      font-size: 22px;
      line-height: 22px; }
    .blog-list-content h5, .comment-content h5 {
      font-size: 18px;
      line-height: 18px; }
    .blog-list-content h6, .comment-content h6 {
      font-size: 14px;
      line-height: 14px; }
    .blog-list-content .wp-block-quote p, .comment-content .wp-block-quote p, .blog-list-content blockquote p, .comment-content .blog-list-content blockquote p, .blog-list-content .comment-content blockquote p, .blog-list-content .comment-content blockquote p, .comment-content .blog-list-content blockquote p, .comment-content blockquote p, .blog-list-content .wp-block-pullquote p, .blog-list-content .comment-content .wp-block-pullquote p, .comment-content .blog-list-content .wp-block-pullquote p, .comment-content .wp-block-pullquote p {
      padding-left: 15px; }
    .blog-list-content .wp-block-quote[style="text-align:right"] p, .comment-content .wp-block-quote[style="text-align:right"] p, .blog-list-content blockquote[style="text-align:right"] p, .blog-list-content .comment-content blockquote[style="text-align:right"] p, .comment-content .blog-list-content blockquote[style="text-align:right"] p, .comment-content blockquote[style="text-align:right"] p, .blog-list-content .wp-block-pullquote[style="text-align:right"] p, .comment-content .wp-block-pullquote[style="text-align:right"] p {
      padding-right: 15px; }
  .button-bg-one, .single-comment-post-area .comment-respond .comment-form .form-submit .submit, .email-box-area .email-box .sub-btn, .why-choose-area .why-choose-content .button-area .icon-button a, .post-comment-area .single-input-textarea button {
    padding: 15px 10px; }
  .section-title {
    text-align: center; }
    .section-title .sub-tag {
      margin-top: 5px; }
  .email-box-area {
    text-align: center; }
    .email-box-area .title h2 {
      font-size: 25px;
      line-height: 25px; }
      .email-box-area .title h2 br {
        display: none; }
    .email-box-area .content p {
      font-size: 15px;
      line-height: 18px; }
    .email-box-area .email-box .form-single {
      width: 100%;
      position: relative;
      max-width: 300px;
      margin: 0 auto;
      display: block;
      float: none;
      margin-bottom: 10px; }
      .email-box-area .email-box .form-single input {
        padding: 15px 0px;
        padding-left: 50px;
        max-width: calc( 100% - 50px); }
        .email-box-area .email-box .form-single input:focus {
          border-color: #ff4800; }
      .email-box-area .email-box .form-single i {
        line-height: 15px;
        left: 22px; }
    .email-box-area .email-box .ajax-loader {
      position: absolute; }
  .welcome-banner-area .swiper-control .welcome-banner-next {
    right: auto;
    left: calc( 50% + 5px); }
  .welcome-banner-area .swiper-control .welcome-banner-prev {
    left: calc( 50% - 40px);
    top: auto;
    right: auto;
    bottom: 40px; }
  .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .container .banner-position-area {
    right: -80px; }
  .welcome-banner-area .welcome-banner-slider .welcome-banner-single-slide .container .row {
    width: unset; }
  .why-choose-area .why-choose-content {
    text-align: center; }
    .why-choose-area .why-choose-content .button-area .icon-button {
      margin: 0 auto; }
      .why-choose-area .why-choose-content .button-area .icon-button a {
        margin: 0 auto; }
  .services-area .services-list .single-service {
    text-align: center; }
    .services-area .services-list .single-service .read-more {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .work-area .work-tab-are .work-title-slider .swiper-slide {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 !important; }
    .work-area .work-tab-are .work-title-slider .swiper-slide .work-single-title {
      text-align: center; }
  .work-area .work-tab-are .work-title-slider .swiper-wrapper {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .work-area .work-tab-are .work-title-slider .work-single-title p {
    font-size: 15px;
    margin-top: 10px; }
  .work-area .work-tab-are .work-wiper-arow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .work-area .work-tab-content .work-content-slider {
    padding-top: 60px;
    padding-bottom: 0;
    text-align: center; }
  .work-area .work-tab-content .work-list-area .work-single-item .work-single-content {
    padding-top: 30px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 39px; }
    .work-area .work-tab-content .work-list-area .work-single-item .work-single-content .work-tag {
      margin-bottom: 35px; }
  .work-area .work-cunter-area .count-single {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .client-area .swiper-control {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px; }
  .client-area .client-list .single-client {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px; }
    .client-area .client-list .single-client .single-client-logo img {
      margin: 0 auto;
      float: none;
      display: block; }
    .client-area .client-list .single-client .single-client-content {
      text-align: center; }
    .client-area .client-list .single-client .bottom-content-client {
      display: block;
      text-align: center; }
      .client-area .client-list .single-client .bottom-content-client .single-client-qt img {
        width: 25px;
        height: auto; }
  .price-area .price-pagination-area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .price-area .price-single-item {
    text-align: center; }
    .price-area .price-single-item .price-type {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .blog-area .swiper-control {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px; }
  .footer-top-area .footer-single-content .logo-area a img {
    margin: 0 auto; }
  .footer-top-area .footer-single-content .contact-area-footer {
    text-align: center; }
  .footer-top-area .footer-single-content {
    text-align: center; }
    .footer-top-area .footer-single-content .footer-form .subscrib-input-field {
      margin: 0 auto; }
  .footer-bottom-area .copyright-text p {
    text-align: center; }
  .footer-bottom-area .social-area ul {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-top: 10px; }
  .number-area {
    padding: 20px 10px; }
  .price-area .price-single-item .price-buy-btn {
    margin-top: 0px; }
  .blog-banner-area {
    margin-top: calc( 91px + 12px);
    margin-bottom: 20px; }
  .blog-ditail-area .post-nagivation-area {
    display: block;
    margin-bottom: 10px;
    padding-top: 30px;
    margin-top: 30px; }
  .blog-ditail-area blockquote.blockquote-area .blockquote-description {
    border-left: 2px solid #ff4800 !important;
    padding-left: 15px !important; }
  .blog-ditail-area .blog-sub-title-area h3 {
    text-align: center;
    font-size: 20px !important; }
  .blog-ditail-area .post-content-area {
    padding-right: 0px; }
    .blog-ditail-area .post-content-area .bog-single-title-area h2 {
      text-align: center;
      font-size: 25px; }
    .blog-ditail-area .post-content-area .blog-date-area {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 25px; }
      .blog-ditail-area .post-content-area .blog-date-area .user-blog p {
        padding-left: 5px; }
  .blog-ditail-area .blog-content-area {
    text-align: center; }
  .blog-ditail-area .share-ares-post {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .blog-ditail-area .post-tag-area ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

/*============================================
   Display landscape
 @mixin ==========================================*/