/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/*------------------------------------------------------------------
[Table of contents]

1. Blog Classic
2. Post Classic
3. Navigation
4. FAQ
-------------------------------------------------------------------*/
/* ==========================================================================
   All Style Header
========================================================================== */
/* Align items center & stretch for header navigation */
/* ==========================================================================
   [Start] All Style Form
========================================================================== */
/*------------------------------------------------------------------
[Table of contents]

1. Reset HTML/CSS, Unitest, Body
2. Page Title
3. Primary
-------------------------------------------------------------------*/
/* ==========================================================================
   [Start] 1. Reset HTML/CSS, Unitest, Body, @Extend
========================================================================== */
/* !important for theme */
/* ==========================================================================
   [Start] Zo Masonry
========================================================================== */
/* 
 *	Menu General All Screen 
 */
/* Footer Scroll Top */
body {
  letter-spacing: 0.01em !important; }
  body h1, body h2, body h3, body h4, body h5, body h6, body a {
    letter-spacing: 0.01em !important; }

.dropcap {
  line-height: 24px; }
  .dropcap:first-letter {
    margin-top: 10px;
    padding: 0 20px;
    color: #141414;
    float: left;
    font-size: 36px;
    font-weight: bold; }

.dropcap-bg {
  line-height: 24px;
  margin-top: 10px; }
  .dropcap-bg:first-letter {
    background: #141414 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 36px;
    font-weight: bold;
    margin-right: 14px;
    margin-top: -3px;
    padding: 10px 15px; }

.entry-content, .zo-blog-content {
  /**
* ----> Single Post
*/ }
  .entry-content img.alignnone, .zo-blog-content img.alignnone {
    margin: 10px 0; }
  .entry-content img.alignleft, .zo-blog-content img.alignleft {
    margin: 5px 20px 5px 0; }
  .entry-content img.alignright, .zo-blog-content img.alignright {
    margin: 5px 0 5px 20px; }

.single .social-list {
  display: inline-block;
  padding: 0;
  margin: 0;
  /*New style*/ }
  .single .social-list li {
    display: inline-block;
    list-style: none;
    padding: 0 7px; }
    .single .social-list li .fa {
      display: block;
      text-align: center;
      font-size: 12px;
      color: #212121; }
      .single .social-list li .fa:hover {
        color: #0000fe; }
  .single .post-teaser.format-quote blockquote {
    padding: 20px; }
  .single .post-teaser .zo-blog-tags {
    text-align: left;
    margin-top: 7px; }
    .single .post-teaser .zo-blog-tags li {
      list-style: none; }
      .single .post-teaser .zo-blog-tags li a {
        line-height: 22px;
        color: #333;
        padding: 10px 15px 10px 12px;
        background: #f2f2f2;
        margin-right: 10px;
        margin-bottom: 10px;
        border-left: 3px solid #f2f2f2;
        float: left;
        -webkit-transition: all 0.3s ease;
        -khtml-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */ }
        .single .post-teaser .zo-blog-tags li a:hover {
          color: #fff;
          background: #0000fe;
          border-left: 3px solid #fe0000; }
  .single .post-teaser .social-share {
    margin-top: -20px !important;
    text-align: right; }
  .single .post-teaser .zo-blog-link {
    margin-top: 43px;
    margin-bottom: 43px; }
    @media screen and (max-width: 767px) {
    .single .post-teaser .zo-blog-link {
      margin-top: 30px;
      margin-bottom: 20px; } }
  .single .post-teaser .post-navigation {
    margin-bottom: 50px; }
  .single .post-teaser .social-list {
    display: inline-block;
    padding: 0;
    margin: 0; }
    .single .post-teaser .social-list li {
      display: inline-block;
      padding: 5px 1px;
      box-sizing: border-box;
      vertical-align: middle; }
      .single .post-teaser .social-list li a {
        text-align: center;
        display: block;
        background: #f2f2f2;
        border-left: 3px solid #f2f2f2;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-right: 0; }
        .single .post-teaser .social-list li a:hover {
          background: #0000fe;
          border-left: 3px solid #fe0000; }
          .single .post-teaser .social-list li a:hover i {
            color: #fff; }
        .single .post-teaser .social-list li a i {
          border-radius: 0;
          background: transparent !important;
          color: #666;
          font-size: 15px;
          line-height: 35px; }
  .single .post-teaser .zo-author-about {
    padding: 20px;
    border: 1px solid #f2f2f2; }
    .single .post-teaser .zo-author-about .zo-author-avatar {
      float: left;
      padding-right: 20px;
      max-width: 110px;
      margin-top: 10px; }
      .single .post-teaser .zo-author-about .zo-author-avatar img {
        width: 90px; }
    .single .post-teaser .zo-author-about .zo-author-info {
      width: calc(100% - 110px);
      float: left; }
      .single .post-teaser .zo-author-about .zo-author-info .zo-header-author {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #aaa; }
        .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name {
          float: left;
          margin-bottom: 5px;
          line-height: 20px; }
          .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name a {
            color: #141414;
            font-size: 17px;
            line-height: 26px;
            letter-spacing: 0;
            text-transform: uppercase; }
            .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name a:hover {
              color: #fe0000; }
        .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .social-author-lists {
          float: right;
          margin: 0px; }
          .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .social-author-lists li {
            list-style: none;
            display: inline-block;
            margin-left: 15px; }

article.post-teaser {
  margin-bottom: 50px; }
  article.post-teaser.sticky {
    border-top: 4px solid #0000fe;
    background-color: #e3e3e3; }
  article.post-teaser.sticky .zo-blog-title:before {
    content: "\f08d";
    font-size: 30px;
    color: #0000fe;
    padding-right: 10px;
    font-family: FontAwesome;
    display: inline-block;
    -webkit-transform: rotate(-30deg);
    -khtml-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */ }
  article.post-teaser .zo-blog-media .zo-blog-image {
    text-align: center; }
  article.post-teaser .zo-blog-media .zo-blog-video iframe {
    width: 100%; }
  article.post-teaser .zo-blog-media .zo-blog-gallery {
    position: relative; }
    article.post-teaser .zo-blog-media .zo-blog-gallery .carousel .carousel-control {
      background: none;
      text-shadow: none;
      opacity: 1; }
      article.post-teaser .zo-blog-media .zo-blog-gallery .carousel .carousel-control .fa {
        background: rgba(255, 255, 255, 0.7);
        color: #141414;
        display: block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -khtml-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM ORIGIN */
        -webkit-transition: all 0.3s ease;
        -khtml-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */ }
      article.post-teaser .zo-blog-media .zo-blog-gallery .carousel .carousel-control:hover > .fa {
        background: rgba(254, 0, 0, 0.8);
        color: #fff; }
  article.post-teaser .zo-blog-media .zo-blog-audio .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
    article.post-teaser .zo-blog-media .zo-blog-audio .overlay .overlay-inner {
      position: absolute;
      top: 50%;
      left: 0;
      text-align: center;
      width: 100%;
      -webkit-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM ORIGIN */
      padding-left: 20px;
      padding-right: 20px; }
    article.post-teaser .zo-blog-media .zo-blog-audio .overlay .play-button {
      color: #fff;
      display: inline-block;
      border: 1px solid rgba(255, 255, 255, 0.3);
      font-size: 55px;
      height: 88px;
      line-height: 88px;
      text-align: center;
      width: 88px; }
    article.post-teaser .zo-blog-media .zo-blog-audio .overlay .mejs-container {
      margin-top: 40px; }
  article.post-teaser .zo-blog-media .zo-blog-link {
    line-height: 16px; }
  article.post-teaser .zo-blog-title {
    letter-spacing: 0;
    line-height: 25px;
    position: relative;
    text-transform: uppercase; }
  article.post-teaser .zo-blog-title a {
    color: inherit; }
    article.post-teaser .zo-blog-title a:hover {
      color: #0000fe; }
  article.post-teaser .zo-blog-meta {
    margin-bottom: 10px; }
  article.post-teaser .zo-blog-meta ul {
    margin: 0;
    padding: 10px; }
    article.post-teaser .zo-blog-meta ul li {
      display: inline-block;
      position: relative;
      padding: 0 10px 0 20px; }
  article.post-teaser .zo-blog-link .zo-blog-social {
    text-align: right; }
    article.post-teaser .zo-blog-link .zo-blog-social .social-list {
      display: inline-block;
      padding: 0;
      margin: 0; }
    article.post-teaser .zo-blog-link .zo-blog-social .social-list li {
      display: inline-block;
      list-style: none;
      padding: 0 7px; }
    article.post-teaser .zo-blog-link .zo-blog-social .social-list li .fa {
      display: block;
      text-align: center; }
      article.post-teaser .zo-blog-link .zo-blog-social .social-list li .fa:hover {
        color: #0000fe; }

#zo-content .zo-blog-single {
  position: relative; }
  #zo-content .zo-blog-single .zo-blog-detail h2 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0px; }
    #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul {
      padding: 0px !important;
      margin: 0px !important; }
    #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul li {
      margin-right: 5px;
      color: #fe0000; }
      #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul li.zo-blog-author:before {
        position: absolute;
        content: '\f007';
        left: 0;
        top: 0;
        font-family: FontAwesome;
        font-size: 14px;
        color: #fe0000; }
      #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul li.zo-blog-category:before {
        position: absolute;
        content: '\f07b';
        left: 0;
        top: 0;
        font-family: FontAwesome;
        font-size: 14px;
        color: #fe0000; }
      #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul li.zo-blog-tag:before {
        position: absolute;
        content: '\f02c';
        left: 0;
        top: 0;
        font-family: FontAwesome;
        font-size: 14px;
        color: #fe0000; }
      #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul li.zo-blog-date:before {
        position: absolute;
        content: '\f073';
        left: 0;
        top: 0;
        font-family: FontAwesome;
        font-size: 14px;
        color: #fe0000; }
      #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul li.zo-blog-comment:before {
        position: absolute;
        content: '\f086';
        left: 0;
        top: 0;
        font-family: FontAwesome;
        font-size: 14px;
        color: #fe0000; }
    #zo-content .zo-blog-single .zo-blog-detail .zo-blog-meta ul .zo-blog-comment {
      margin: 0; }
    #zo-content .zo-blog-single .zo-blog-detail .zo-blog-title {
      text-transform: inherit; }
    #zo-content .zo-blog-single .zo-blog-detail .zo-blog-author a {
      text-transform: capitalize;
      color: #0000fe; }
    #zo-content .zo-blog-single .zo-blog-detail .zo-blog-content {
      text-align: left;
      margin-top: 15px; }
  #zo-content .zo-blog-single .zo-blog-link .social-share .social-list li {
    border-radius: 100%; }
    #zo-content .zo-blog-single .zo-blog-link .social-share .social-list li a {
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-radius: 100%;
      background: none;
      border: 1px solid #cdcdcd; }
      #zo-content .zo-blog-single .zo-blog-link .social-share .social-list li a:hover {
        border: 1px solid #0000fe; }
        #zo-content .zo-blog-single .zo-blog-link .social-share .social-list li a:hover i {
          color: #0000fe; }
      #zo-content .zo-blog-single .zo-blog-link .social-share .social-list li a i {
        color: #888;
        -webkit-transition: all 0.3s;
        -khtml-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */ }
    #zo-content .zo-blog-single .zo-blog-link .social-share span {
      text-transform: capitalize;
      padding-right: 10px; }
  #zo-content .zo-blog-single .zo-author-about {
    border: none;
    background: #f5f5f5; }
    #zo-content .zo-blog-single .zo-author-about .zo-author-avatar img {
      width: 100px;
      height: auto;
      max-width: 100%; }
    #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author {
      position: relative;
      border-bottom: none !important; }
    #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name {
      padding-top: 5px; }
    #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name a {
      font-size: 14px !important;
      text-transform: capitalize !important; }
    #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author span {
      position: absolute;
      top: 3px;
      padding-left: 15px; }
    @media screen and (max-width: 479px) {
          #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author .social-author-lists {
            padding-left: 50px; } }
    #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author .social-author-lists li a {
      font-size: 14px; }
      #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author .social-author-lists li a:hover i {
        color: #0000fe; }
      #zo-content .zo-blog-single .zo-author-about .zo-author-info .zo-header-author .social-author-lists li a i {
        color: #888; }

#content .blog-large {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  border-top: 1px solid #dde9ed;
  margin-bottom: 0px !important;
  background: #fff !important; }
  #content .blog-large.post-teaser {
    background: #f5f5f5;
    margin-bottom: 60px; }
    #content .blog-large.post-teaser.sticky {
      background-color: #e3e3e3; }
  #content .blog-large .post-item {
    margin: 0 15px; }
    #content .blog-large .post-item .row {
      background: #fff; }
    #content .blog-large .post-item .zo-blog-media {
      text-align: center;
      padding: 0px; }
    #content .blog-large .post-item .zo-blog-media .zo-blog-image {
      position: relative; }
    #content .blog-large .post-item .zo-blog-media .zo-blog-image:hover .zo-blog-overlay {
      opacity: 1;
      height: 100%; }
    #content .blog-large .post-item .zo-blog-media .zo-blog-image:hover .zo-blog-pettyphoto {
      opacity: 1; }
    #content .blog-large .post-item .zo-blog-media .zo-blog-image img {
      max-width: 100%; }
    #content .blog-large .post-item .zo-blog-media .zo-blog-image .zo-blog-overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 0;
      width: 100%;
      opacity: 0;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-transition: all 0.3s;
      -khtml-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
    #content .blog-large .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 40px;
      height: 40px;
      opacity: 0;
      -webkit-transform: translate(-50%, -50%);
      -khtml-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM ORIGIN */
      -webkit-transition-delay: 0.2s;
      -khtml-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      transition-delay: 0.2s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION TIMING FUNCTION */
      -webkit-transition-duration: 0.3s;
      -khtml-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRIPLE BORDERS */ }
    #content .blog-large .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto span {
      color: #fff;
      font-size: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -khtml-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM ORIGIN */ }
      #content .blog-large .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto span:before {
        position: absolute;
        content: "";
        width: 0;
        height: 30px;
        top: -15px;
        border-left: 1px solid #fff; }
      #content .blog-large .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto span:after {
        position: absolute;
        content: "";
        width: 30px;
        height: 0;
        left: -15px;
        border-bottom: 1px solid #fff; }
    #content .blog-large .post-item .zo-blog-wrapper-meta {
      position: relative;
      bottom: 0; }
    #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta {
      font-size: 14px;
      background: #fff;
      text-align: center;
      position: absolute;
      z-index: 1;
      left: 50%;
      width: calc(100% - 80px);
      -webkit-transform: translate(-50%, -50%);
      -khtml-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM ORIGIN */
      border-radius: 50px;
      -webkit-box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.15);
      -khtml-box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.15);
      -ms-box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.15);
      -o-box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.15);
      /* BACKGROUND GRADIENT */
      /* BOX SIZING */ }
    @media screen and (max-width: 991px) {
        #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta {
          width: calc(100% - 60px);
          max-width: 280px; } }
    #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta ul {
      padding: 10px 0px;
      margin: 0px; }
    #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta ul .zo-blog-date {
      padding-right: 0px;
      padding-left: 0px; }
      #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta ul .zo-blog-date::after {
        content: "|";
        padding: 0 5px 0 5px; }
    #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta ul .zo-blog-comment {
      padding-left: 0px;
      padding-right: 0px; }
      #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta ul .zo-blog-comment a {
        color: #999; }
        #content .blog-large .post-item .zo-blog-wrapper-meta .zo-blog-meta ul .zo-blog-comment a:hover {
          color: #0000fe; }
    #content .blog-large .post-item .zo-blog-wrapper-link {
      position: relative; }
    #content .blog-large .post-item .zo-blog-wrapper-link .zo-blog-link {
      position: absolute;
      bottom: 30px;
      right: 30px; }
    @media screen and (max-width: 767px) {
        #content .blog-large .post-item .zo-blog-wrapper-link .zo-blog-link {
          bottom: 40px;
          right: 50%;
          transform: translateX(50%); } }
    #content .blog-large .post-item .zo-blog-wrapper-link .zo-blog-link .zo-blog-readmore a {
      background: #fff;
      -webkit-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
      -khtml-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
      -moz-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
      -ms-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
      -o-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
      box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
      /* BACKGROUND GRADIENT */
      /* BOX SIZING */
      color: #222;
      font-weight: 400;
      line-height: 20px;
      vertical-align: middle;
      font-size: 14px;
      border: none;
      border-radius: 4px;
      padding: 10px 20px;
      text-transform: uppercase; }
      #content .blog-large .post-item .zo-blog-wrapper-link .zo-blog-link .zo-blog-readmore a:hover {
        background-color: #0000fe;
        color: #fff; }
    #content .blog-large .post-item .zo-blog-detail {
      padding: 0 30px 25px;
      min-height: 235px;
      background-color: #fff;
      position: relative; }
    #content .blog-large .post-item .zo-blog-detail .zo-blog-title {
      margin-bottom: 5px;
      padding-top: 22px;
      text-transform: inherit; }
    #content .blog-large .post-item .zo-blog-detail .zo-blog-title a {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: -0.01em; }
    #content .blog-large .post-item .zo-blog-detail .zo-blog-content {
      line-height: 25px; }
    #content .blog-large .post-item .zo-blog-detail .zo-blog-content p {
      padding: 0px;
      letter-spacing: -0.01em; }
    @media screen and (max-width: 991px) {
      #content .blog-large .post-item .zo-blog-detail {
        padding: 0px 15px 15px;
        min-height: 1px; } }

.single {
  /* ZO GRID COLUMNS */ }
  .single .zo-blog-full-image {
    margin-bottom: 80px;
    position: relative; }
  .single .zo-blog-full-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .single .zo-blog-full-image:hover:before {
    background: rgba(0, 0, 0, 0.1); }
  .single .zo-blog-full-gallery {
    margin-bottom: 80px; }
  .single .zo-blog-full-gallery .carousel .carousel-control {
    width: 70px;
    height: 70px;
    top: calc(50% - 35px);
    background: rgba(0, 0, 0, 0.5);
    line-height: 65px;
    text-align: center; }
  .single .zo-blog-full-audio {
    margin-bottom: 80px;
    position: relative; }
  .single .zo-blog-full-audio .wp-audio-shortcode {
    position: absolute;
    bottom: 25px;
    left: 80px;
    width: calc(100% - 160px) !important; }
    @media screen and (max-width: 767px) {
    .single .zo-blog-full-audio .wp-audio-shortcode {
      left: 20px;
      width: calc(100% - 40px) !important; } }
  .single .zo-blog-full-quote {
    margin-bottom: 80px;
    position: relative; }
  .single .zo-blog-full-quote .zo-blog-quote {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1170px;
    max-height: 95%;
    overflow: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -khtml-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    padding: 40px 15px 0px; }
    @media screen and (max-width: 767px) {
    .single .zo-blog-full-quote .zo-blog-quote {
      padding: 0 15px; } }
    .single .zo-blog-full-quote .zo-blog-quote blockquote {
      color: #fff !important;
      border-left: unset;
      margin: auto;
      padding: unset;
      position: relative;
      text-align: center; }
    @media screen and (max-width: 767px) {
      .single .zo-blog-full-quote .zo-blog-quote blockquote {
        font-size: 16px;
        line-height: 18px; } }
    .single .zo-blog-full-quote .zo-blog-quote blockquote:before {
      color: #fff;
      content: "“";
      font-family: "Vollkorn";
      font-size: 75px;
      font-style: normal;
      height: 50px;
      left: calc(50% - 20px);
      position: absolute;
      top: -30px; }
    @media screen and (max-width: 767px) {
        .single .zo-blog-full-quote .zo-blog-quote blockquote:before {
          font-size: 0px; } }
  .single .zo-blog-full-video {
    margin-bottom: 80px; }
  .single .zo-blog-full-video iframe {
    width: 100% !important;
    height: 725px !important; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .single .zo-blog-full-video iframe {
      height: 555px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .single .zo-blog-full-video iframe {
      height: 440px !important; } }
  @media (min-width: 500px) and (max-width: 767px) {
    .single .zo-blog-full-video iframe {
      height: 350px !important; } }
  @media screen and (max-width: 499px) {
    .single .zo-blog-full-video iframe {
      height: 240px !important; } }
  .single .zo-comment-full {
    background: #f5f5f5; }
  .single .zo-comment-full #commentform textarea, .single .zo-comment-full #commentform input[type="text"] {
    background: #fff !important; }
  .single .zo-comment-full .comment-list .comment-body {
    background: #fff !important; }
  @media screen and (max-width: 1024px) {
    .single .zo-comment-full {
      padding-left: 15px;
      padding-right: 15px; } }
  .single .zo-blog-meta ul {
    margin-bottom: 20px !important;
    padding: 0 !important;
    margin-top: 10px !important; }

@media (min-width: 1200px) {
  #zo-blog-grid.zo-lg-2cols .zo-grid-item:nth-child(2n+1) {
    clear: both; }

  #zo-blog-grid.zo-lg-3cols .zo-grid-item:nth-child(3n+1) {
    clear: both; }

  #zo-blog-grid.zo-lg-4cols .zo-grid-item:nth-child(4n+1) {
    clear: both; } }

@media (min-width: 992px) and (max-width: 1200px) {
  #zo-blog-grid.zo-md-2cols .zo-grid-item:nth-child(2n+1) {
    clear: both; }

  #zo-blog-grid.zo-md-3cols .zo-grid-item:nth-child(3n+1) {
    clear: both; }

  #zo-blog-grid.zo-md-4cols .zo-grid-item:nth-child(4n+1) {
    clear: both; } }

@media (min-width: 768px) and (max-width: 991px) {
  /* ==========================================================================
   [Start] Navigation
========================================================================== */
    #zo-blog-grid.zo-sm-2cols .zo-grid-item:nth-child(2n+1) {
      clear: both; }
    #zo-blog-grid.zo-sm-3cols .zo-grid-item:nth-child(3n+1) {
      clear: both; }
    #zo-blog-grid.zo-sm-4cols .zo-grid-item:nth-child(4n+1) {
      clear: both; } }

.navigation {
  text-align: center; }
  .navigation .pagination {
    margin-bottom: 50px;
    display: block; }
  .navigation .pagination a, .navigation .pagination .current {
    padding: 9px 15px;
    border: 1px solid #ececec;
    margin-right: 7px; }
    .navigation .pagination a:hover, .navigation .pagination .current:hover {
      background-color: #0000fe;
      color: #fff; }
  .navigation .pagination span.current {
    background-color: #0000fe;
    color: #fff; }

.post-navigation {
  padding: 10px 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  /* ==========================================================================
   [End] 3. Navigation
========================================================================== */
  /*=================================================================
 [Start] Portfolio
*==================================================================*/ }
  .post-navigation a {
    font-size: 14px;
    color: #141414;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .post-navigation a.post-prev i {
    padding-right: 20px; }
    @media screen and (max-width: 767px) {
    .post-navigation a.post-prev i {
      font-size: 25px; }
      .post-navigation a.post-prev span {
        display: none; } }
  .post-navigation a.post-next i {
    padding-left: 20px; }
    @media screen and (max-width: 767px) {
    .post-navigation a.post-next i {
      font-size: 25px; }
      .post-navigation a.post-next span {
        display: none; } }

.zo-portfolio-default {
  margin-bottom: 50px; }
  .zo-portfolio-default .zo-portfolio-title {
    text-transform: uppercase; }
  .zo-portfolio-default .zo-portfolio-category {
    margin-bottom: 20px;
    font-weight: 400; }
  .zo-portfolio-default .zo-portfolio-media {
    margin-bottom: 50px; }
  .zo-portfolio-default .zo-portfolio-media .portfolio-gallery {
    margin-top: 15px;
    padding: 0 15px 15px; }
  .zo-portfolio-default .zo-portfolio-media .carousel-control {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    line-height: 48px;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #333; }
    .zo-portfolio-default .zo-portfolio-media .carousel-control.left {
      left: 30px; }
    .zo-portfolio-default .zo-portfolio-media .carousel-control.right {
      right: 30px; }
  .zo-portfolio-default .zo-portfolio-content-right .zo-portfolio-title {
    margin-top: -12px; }
    .zo-portfolio-default .zo-portfolio-content-right .zo-portfolio-title h2 {
      margin-bottom: 5px; }
  .zo-portfolio-default .zo-portfolio-content-right .zo-portfolio-category {
    font-size: 18px; }
  .zo-portfolio-default .zo-portfolio-content-right .zo-portfolio-meta-inner {
    margin-top: 40px; }
  .zo-portfolio-default .zo-portfolio-image-left .portfolio-item {
    margin-bottom: 20px;
    position: relative; }
    .zo-portfolio-default .zo-portfolio-image-left .portfolio-item:hover .pretty-overlay {
      background: rgba(0, 0, 0, 0.4); }
    .zo-portfolio-default .zo-portfolio-image-left .portfolio-item:hover .pretty-overlay:before {
      border-color: #0000fe;
      width: 50px;
      left: calc(50% - 25px); }
    .zo-portfolio-default .zo-portfolio-image-left .portfolio-item:hover .pretty-overlay:after {
      border-color: rgba(0, 1, 0, );
      height: 50px;
      top: calc(50% - 25px); }
    .zo-portfolio-default .zo-portfolio-image-left .portfolio-item .pretty-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      top: 0;
      left: 0;
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
    .zo-portfolio-default .zo-portfolio-image-left .portfolio-item .pretty-overlay:before {
      position: absolute;
      width: 0;
      height: 0;
      content: "";
      top: 50%;
      left: 50%;
      border-bottom: 1px solid rgba(0, 0, 254, 0);
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
    .zo-portfolio-default .zo-portfolio-image-left .portfolio-item .pretty-overlay:after {
      position: absolute;
      width: 0;
      height: 0;
      content: "";
      left: 50%;
      top: 50%;
      border-left: 1px solid rgba(0, 0, 254, 0);
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
  .zo-portfolio-default .zo-portfolio-detail .zo-portfolio-label {
    font-weight: 500; }
  .zo-portfolio-default .zo-portfolio-detail .zo-portfolio-content {
    margin-top: 15px; }
  .zo-portfolio-default .zo-portfolio-meta-inner {
    border: 1px solid #e5e5e5;
    padding: 20px 15px 20px 20px; }
  .zo-portfolio-default .zo-portfolio-meta-inner .zo-portfolio-label {
    display: inline-block;
    width: 80px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    line-height: 40px; }
  .zo-portfolio-default .zo-portfolio-meta-inner .zo-portfolio-value {
    display: inline-block;
    width: calc(100% - 90px);
    font-weight: 400; }
  .zo-portfolio-default .portfolio-share {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: right; }
  .zo-portfolio-default .zo-portfolio-gallery {
    margin-top: 30px; }
  .zo-portfolio-default .zo-portfolio-gallery .portfolio-item {
    width: 32%;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative; }
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item.last {
      margin-right: 0; }
    @media (min-width: 768px) and (max-width: 979px) {
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item {
      margin-right: 6px; } }
    @media screen and (max-width: 767px) {
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item {
      width: 48%;
      margin-right: 2%; }
      .zo-portfolio-default .zo-portfolio-gallery .portfolio-item.last {
        margin-right: 2%; } }
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item:hover .pretty-overlay {
      background: rgba(0, 0, 0, 0.4); }
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item:hover .pretty-overlay:before {
      border-color: #0000fe;
      width: 50px;
      left: calc(50% - 25px); }
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item:hover .pretty-overlay:after {
      border-color: #0000fe;
      height: 50px;
      top: calc(50% - 25px); }
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item .pretty-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      top: 0;
      left: 0;
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item .pretty-overlay:before {
      position: absolute;
      width: 0;
      height: 0;
      content: "";
      top: 50%;
      left: 50%;
      border-bottom: 1px solid rgba(0, 0, 254, 0);
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
    .zo-portfolio-default .zo-portfolio-gallery .portfolio-item .pretty-overlay:after {
      position: absolute;
      width: 0;
      height: 0;
      content: "";
      left: 50%;
      top: 50%;
      border-left: 1px solid rgba(0, 0, 254, 0);
      -webkit-transition: all ease 0.3s;
      -khtml-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      transition: all ease 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }

body.error404 #zo-page-element-wrap {
  margin-bottom: 0; }

#main .zo-sidebar-background {
  position: relative; }
  #main .zo-sidebar-background:before {
    position: absolute;
    top: -150px;
    height: calc(100% + 250px);
    width: 0;
    background: #f5f5f5;
    content: "";
    z-index: -1; }
  @media screen and (min-width: 1200px) {
    #main .zo-sidebar-background.zo-sidebar-right .zo-sidebar-col {
      padding-left: 15px; }
      #main .zo-sidebar-background.zo-sidebar-right #zo-content .navigation .pagination {
        margin-bottom: 80px; }
      #main .zo-sidebar-background.zo-sidebar-left .zo-sidebar-col {
        padding-right: 30px; }
      #main .zo-sidebar-background.zo-sidebar-left #zo-content {
        padding-left: 30px; }
        #main .zo-sidebar-background.zo-sidebar-left #zo-content .navigation .pagination {
          margin-bottom: 80px; } }
  #main .zo-sidebar-container.zo-sidebar-right-4:before {
    right: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container.zo-sidebar-right-4:before {
        width: calc((100% - 1170px) / 2 + (1170px / 3)); } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      #main .zo-sidebar-container.zo-sidebar-right-4:before {
        width: calc((100% - 970px) / 2 + (970px / 3)); } }
  #main .zo-sidebar-container.zo-sidebar-right-5:before {
    right: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container.zo-sidebar-right-5:before {
        width: calc((100% - 1170px) / 2 + (1170px / 12 * 5)); } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      #main .zo-sidebar-container.zo-sidebar-right-5:before {
        width: calc((100% - 970px) / 2 + (970px / 12 * 5)); } }
  #main .zo-sidebar-container.zo-sidebar-right-6:before {
    right: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container.zo-sidebar-right-6:before {
        width: calc((100% - 1170px) / 2 + (1170px / 2)); } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      #main .zo-sidebar-container.zo-sidebar-right-6:before {
        width: calc((100% - 970px) / 2 + (970px / 2)); } }
  #main .zo-sidebar-container.zo-sidebar-left-3:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container.zo-sidebar-left-3:before {
        width: calc((100% - 1170px) / 2 + (1170px / 4)); } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      #main .zo-sidebar-container.zo-sidebar-left-3:before {
        width: calc((100% - 970px) / 2 + (970px / 4)); } }
  #main .zo-sidebar-container.zo-sidebar-left-4:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container.zo-sidebar-left-4:before {
        width: calc((100% - 1170px) / 2 + (1170px / 3)); } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      #main .zo-sidebar-container.zo-sidebar-left-4:before {
        width: calc((100% - 970px) / 2 + (970px / 3)); } }
  #main .zo-sidebar-container.zo-sidebar-left-5:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container.zo-sidebar-left-5:before {
        width: calc((100% - 1170px) / 2 + (1170px / 12 * 5)); } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      #main .zo-sidebar-container.zo-sidebar-left-5:before {
        width: calc((100% - 970px) / 2 + (970px / 12 * 5)); } }
  #main .zo-sidebar-container.zo-sidebar-left-6:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container.zo-sidebar-left-6:before {
        width: calc((100% - 1170px) / 2 + (1170px / 2)); } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      #main .zo-sidebar-container.zo-sidebar-left-6:before {
        width: calc((100% - 970px) / 2 + (970px / 2)); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-right-3:before {
    right: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-right-3:before {
        width: calc(100% / 4); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-right-4:before {
    right: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-right-4:before {
        width: calc(100% / 3); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-right-5:before {
    right: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-right-5:before {
        width: calc(100% / 12 * 5); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-right-6:before {
    right: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-right-6:before {
        width: calc(100% / 2); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-left-3:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-left-3:before {
        width: calc(100% / 4); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-left-4:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-left-4:before {
        width: calc(100% / 3); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-left-5:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-left-5:before {
        width: calc(100% / 12 * 5); } }
  #main .zo-sidebar-container-fluid.zo-sidebar-left-6:before {
    left: 0; }
    @media screen and (min-width: 1200px) {
      #main .zo-sidebar-container-fluid.zo-sidebar-left-6:before {
        width: calc(100% / 2); } }

@media screen and (min-width: 768px) {
      #main .portfolio-single-style03 .zo-portfolio-image-right {
        position: relative; }
        #main .portfolio-single-style03 .zo-portfolio-image-right:before {
          position: absolute;
          top: -150px;
          height: calc(100% + 250px);
          left: 15px;
          width: calc(100% - 15px);
          content: "";
          z-index: -1;
          background: #f5f5f5; } }
  #main .portfolio-single-style03 .zo-portfolio-content-left {
    padding-left: calc((100% - 1140px) / 2) !important; }
    @media screen and (max-width: 1169px) {
    #main .portfolio-single-style03 .zo-portfolio-content-left {
      padding-left: 15px !important; } }

#main .zo-team-default {
  margin-bottom: 50px; }
  @media screen and (min-width: 768px) {
    #main .zo-team-default .zo-team-profile {
      position: relative; }
      #main .zo-team-default .zo-team-profile:before {
        position: absolute;
        top: -150px;
        height: calc(100% + 600px);
        left: 0;
        width: 100%;
        content: "";
        z-index: -1;
        background: #f5f5f5; } }
  #main .zo-team-default .zo-team-image {
    padding-left: calc((100% - 1140px) / 2) !important;
    padding-right: 30px;
    padding-bottom: 30px; }
    @media screen and (max-width: 1169px) {
    #main .zo-team-default .zo-team-image {
      padding-left: 15px !important;
      padding-right: 15px !important; } }
  #main .zo-team-default .zo-team-profile {
    padding-right: calc((100% - 1140px) / 2) !important;
    padding-left: 30px; }
    @media screen and (max-width: 1169px) {
    #main .zo-team-default .zo-team-profile {
      padding-right: 15px !important;
      padding-left: 15px !important; } }
    #main .zo-team-default .zo-team-profile .zo-team-title {
      margin-top: -10px;
      margin-bottom: 10px; }
    #main .zo-team-default .zo-team-profile .zo-team-position {
      margin-bottom: 25px; }
    #main .zo-team-default .zo-team-profile .zo-team-social {
      margin-bottom: 50px; }
    #main .zo-team-default .zo-team-profile .zo-team-social ul {
      margin: 0;
      padding-left: 0;
      display: inline-block; }
    #main .zo-team-default .zo-team-profile .zo-team-social ul li {
      padding-left: 0;
      display: inline-block;
      padding-right: 10px; }
    #main .zo-team-default .zo-team-profile label {
      display: inline-block;
      width: 80px;
      font-weight: 700;
      line-height: 40px; }
    #main .zo-team-default .zo-team-profile blockquote {
      border-left: unset !important;
      font-size: 20px !important;
      position: relative; }
    #main .zo-team-default .zo-team-profile blockquote:before {
      content: "\f10d";
      font-family: "FontAwesome";
      font-size: 20px;
      left: -13px;
      opacity: 0.7;
      position: absolute;
      top: -5px; }

.type-pet-profiles .zo-blog-detail .zo-blog-content .happy-cat-wapper .title {
  color: #222;
  font-weight: 700;
  display: inline-block;
  width: 25%;
  vertical-align: top; }
  .type-pet-profiles .zo-blog-detail .zo-blog-content .happy-cat-wapper .content {
    display: inline-block;
    width: calc(80% - 50px); }

.pet-gallery-carousel {
  padding-top: 10px;
  margin: 0 -5px; }
  .pet-gallery-carousel .slick-prev {
    left: 5px;
    z-index: 99; }
  .pet-gallery-carousel .slick-next {
    right: 5px;
    z-index: 99; }
  .pet-gallery-carousel .pet-gallery-item {
    padding: 0 5px; }
  .pet-gallery-carousel .pet-gallery-item .item-inner {
    position: relative; }
  .pet-gallery-carousel .pet-gallery-item .item-inner:hover .zo-carousel-overlay {
    opacity: 1;
    height: 100%; }
  .pet-gallery-carousel .pet-gallery-item .item-inner:hover .zo-carousel-pretty {
    opacity: 1; }
  .pet-gallery-carousel .pet-gallery-item .item-inner .zo-carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .pet-gallery-carousel .pet-gallery-item .item-inner .zo-carousel-pretty {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    -webkit-transition-delay: 0.2s;
    -khtml-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION TIMING FUNCTION */
    -webkit-transition-duration: 0.3s;
    -khtml-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
  .pet-gallery-carousel .pet-gallery-item .item-inner .zo-carousel-pretty span {
    color: #fff;
    font-size: 1px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */ }
  .pet-gallery-carousel .pet-gallery-item .item-inner .zo-carousel-pretty span:before {
    position: absolute;
    content: "";
    width: 0;
    height: 30px;
    top: -15px;
    left: calc(50% - 1px);
    border-left: 1px solid #fff; }
  .pet-gallery-carousel .pet-gallery-item .item-inner .zo-carousel-pretty span:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 0;
    left: -15px;
    top: calc(50% - 1px);
    border-bottom: 1px solid #fff; }

.search-blog-single.post-teaser {
  background: #f5f5f5;
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .search-blog-single.post-teaser {
      margin-bottom: 0px; } }
  .search-blog-single.post-teaser.sticky {
    background-color: #e3e3e3; }
  .search-blog-single .post-item .zo-blog-media {
    text-align: center;
    padding: 0px; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image {
    position: relative; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image:hover .zo-blog-overlay {
    opacity: 1;
    height: 100%; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image:hover .zo-blog-pettyphoto {
    opacity: 1; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image img {
    max-width: 100%; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image .zo-blog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    -webkit-transition-delay: 0.2s;
    -khtml-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION TIMING FUNCTION */
    -webkit-transition-duration: 0.3s;
    -khtml-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto span {
    color: #fff;
    font-size: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */ }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto span:before {
    position: absolute;
    content: "";
    width: 0;
    height: 30px;
    top: -15px;
    border-left: 1px solid #fff; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-image .zo-blog-pettyphoto span:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 0;
    left: -15px;
    border-bottom: 1px solid #fff; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-meta {
    font-size: 14px;
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    left: 50%;
    min-width: 180px;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    border-radius: 50px;
    -webkit-box-shadow: 0px 1px 9px -1px #cecece;
    -khtml-box-shadow: 0px 1px 9px -1px #cecece;
    -moz-box-shadow: 0px 1px 9px -1px #cecece;
    -ms-box-shadow: 0px 1px 9px -1px #cecece;
    -o-box-shadow: 0px 1px 9px -1px #cecece;
    box-shadow: 0px 1px 9px -1px #cecece;
    /* BACKGROUND GRADIENT */
    /* BOX SIZING */ }
  @media screen and (max-width: 359px) {
        .search-blog-single .post-item .zo-blog-media .zo-blog-meta {
          min-width: 240px; } }
  .search-blog-single .post-item .zo-blog-media .zo-blog-meta ul .zo-blog-date {
    padding-right: 0px;
    padding-left: 0px; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-meta ul .zo-blog-date::after {
    content: "|";
    padding: 0 5px 0 5px; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-meta ul .zo-blog-comment {
    padding-left: 0px; }
  .search-blog-single .post-item .zo-blog-media .zo-blog-meta ul .zo-blog-comment a {
    color: #999; }
    .search-blog-single .post-item .zo-blog-media .zo-blog-meta ul .zo-blog-comment a:hover {
      color: #0000fe; }
  .search-blog-single .post-item .zo-blog-detail {
    padding: 0 30px 0px 30px; }
  @media screen and (max-width: 767px) {
      .search-blog-single .post-item .zo-blog-detail {
        padding-top: 25px; } }
  .search-blog-single .post-item .zo-blog-detail .zo-blog-title {
    padding-top: 22px;
    text-transform: inherit; }
  .search-blog-single .post-item .zo-blog-detail .zo-blog-link {
    position: absolute;
    bottom: 30px;
    right: 30px; }
  .search-blog-single .post-item .zo-blog-detail .zo-blog-link .zo-blog-readmore a {
    background: #fff;
    -webkit-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
    -khtml-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
    -o-box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
    box-shadow: 0px 1px 9px -4px rgba(0, 0, 0, .4);
    /* BACKGROUND GRADIENT */
    /* BOX SIZING */
    color: #222;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    vertical-align: middle;
    text-transform: uppercase; }
  .search-blog-single .post-item .zo-blog-detail .zo-blog-link .zo-blog-readmore a:hover {
    background-color: #0000fe;
    color: #fff; }

.zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails {
  margin-bottom: 35px; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails .wg-title, .zo-sidebar-col .widget_custom_html .wg-title {
    border-bottom: 2px solid #0000fe; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails .wg-title span, .zo-sidebar-col .widget_custom_html .wg-title span {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    background: #0000fe;
    display: inline-block;
    padding: 0.5rem 0.9375rem 0.375rem;
    margin-bottom: 0; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails ul, .zo-sidebar-col .widget_custom_html ul {
    padding: 0px; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails ul li, .zo-sidebar-col .widget_custom_html ul li {
    display: flex;
    padding: 10px 0px;
    border-top: 1px solid #dde9ed; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails ul li .recent-thumb, .zo-sidebar-col .widget_custom_html ul li .recent-thumb {
    width: 65px; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails ul li .recent-detail, .zo-sidebar-col .widget_custom_html ul li .recent-detail {
    padding-left: 14px;
    width: calc(100% - 65px); }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-title, .zo-sidebar-col .widget_custom_html ul li .recent-detail .zo-post-title {
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 5px; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-date, .zo-sidebar-col .widget_custom_html ul li .recent-detail .zo-post-date {
    line-height: 20px; }
  .zo-sidebar-col .widget_webbds-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-date span, .zo-sidebar-col .widget_custom_html ul li .recent-detail .zo-post-date span {
    color: #0000fe; }

.zo-page-title-sub {
  display: none !important; }

.related-post {
  margin-bottom: 40px; }
  @media screen and (max-width: 650px) {
  .related-post {
    margin-top: 30px; } }
  .related-post .title-related {
    border-bottom: 2px solid #0000fe; }
  .related-post .title-related span {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    background: #0000fe;
    display: inline-block;
    padding: 0.5rem 0.9375rem 0.375rem;
    margin-bottom: 0; }
  .related-post .wrapper-relate-post {
    background-color: rgba(243, 243, 243, 0.4);
    border: 1px solid #e1dfdf; }
  @media screen and (max-width: 650px) {
    .related-post .wrapper-relate-post {
      margin-bottom: 30px; } }
  .related-post .wrapper-relate-post .image a {
    display: inline-block;
    width: 100%; }
  .related-post .wrapper-relate-post .image a .images-height {
    width: 100%;
    display: inline-block;
    height: 165px;
    display: inline-block;
    background-size: cover;
    background-position: center center; }
  .related-post .wrapper-relate-post .title {
    padding: 10px;
    line-height: 24px; }

.raw-contact h5 {
  margin-bottom: 0; }
  .raw-contact .footer-contact li {
    color: #333 !important; }

body #fancybox-outer {
  box-shadow: none !important;
  padding: 15px;
  background-color: #e7e4e4 59;
  border-radius: 5px; }

#fancybox-content .dang-ky {
  padding: 30px 10px 0px 10px; }

body #fancybox-wrap {
  width: auto;
  padding: 10px; }

@media screen and (max-width: 600px) {
  #fancybox-outer {
    left: -5px;
    position: relative; }

  .contact-form-site .section-content {
    width: calc(100% - 30px);
    left: 15px;
    margin-top: 20px; } }

.dang-ky {
  background-color: #fff;
  padding: 15px;
  padding-top: 30px;
  padding-bottom: 0; }

.dang-ky .form {
  padding-top: 30px; }
  .dang-ky .form p {
    margin-bottom: 0; }

.dang-ky .form input {
  box-shadow: none; }

.dang-ky input[type='submit'] {
  background-color: #ee7e15 !important;
  color: white;
  text-align: center;
  display: block;
  border: none;
  width: 100%;
  border-radius: 25px;
  margin-bottom: 5px;
  text-transform: uppercase; }

#fancybox-content .dang-ky {
  padding: 30px 10px 0px 10px; }

.gr-control {
  display: flex; }

.gr-control i {
  display: inline-block;
  width: 30px;
  position: relative;
  top: 16px;
  color: #7c7c7c; }

.contact-form-site .gr-control input {
  width: 100%;
  border: 0px;
  color: #7c7c7c;
  margin-bottom: 3px;
  margin-top: 5px; }

.contact-form-site .gr-control {
  border-bottom: 1px solid #e8eded; }

body #fancybox-outer {
  box-shadow: none !important;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.36);
  border-radius: 5px; }

.dang-ky .title {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase; }
  .dang-ky .sub, .dang-ky .title {
    text-align: center;
    display: block;
    font-weight: 500;
    color: #333; }
  .dang-ky input {
    height: 42px !important;
    padding: 0px 10px !important; }

body .social-button {
  background-color: transparent !important; }

.social-button {
  display: inline-grid;
  position: fixed;
  bottom: 15px;
  right: 45px;
  left: auto;
  min-width: 45px;
  text-align: center;
  z-index: 999; }

.social-button-content {
  display: none; }

.social-button a {
  padding: 8px 0;
  cursor: pointer;
  position: relative; }

.social-button i {
  width: 40px;
  height: 40px;
  background: #0000fe;
  color: #fff;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 1.9;
  position: relative;
  z-index: 999; }

.social-button span {
  display: none; }

.alo-circle {
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: zoomIn;
  width: 50px;
  height: 50px;
  top: 3px;
  right: -3px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: 0.1;
  border-color: #0089b9;
  opacity: 0.5; }

.alo-circle-fill {
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: pulse;
  width: 60px;
  height: 60px;
  top: -2px;
  right: -8px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  background-color: rgba(0, 0, 254, 0.5);
  opacity: 0.75; }

.call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span {
  display: block; }

.social-button a span {
  border-radius: 2px;
  text-align: center;
  background: #ee7e15;
  padding: 9px;
  display: none;
  width: 180px;
  margin-right: 12px;
  position: absolute;
  color: #fff;
  z-index: 999;
  top: 1px;
  right: 40px;
  left: auto;
  transition: all 0.2s ease-in-out 0s;
  -moz-animation: headerAnimation 0.7s 1;
  -webkit-animation: headerAnimation 0.7s 1;
  -o-animation: headerAnimation 0.7s 1;
  animation: headerAnimation 0.7s 1; }

.social-button a span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ee7e15 transparent transparent;
  position: absolute;
  right: -10px;
  left: auto;
  top: 10px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }

.social-button {
  display: inline-grid;
  position: fixed;
  bottom: 75px;
  left: auto;
  right: 19px;
  min-width: 45px;
  text-align: center;
  z-index: 999; }

.social-button-content {
  display: inline-grid;
  position: relative;
  top: -5px; }

.social-button a {
  padding: 8px 0;
  cursor: pointer;
  position: relative; }

.social-button i {
  width: 40px;
  height: 40px;
  background: #0000fe;
  color: #fff;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 1.9;
  position: relative;
  z-index: 999; }

.social-button span {
  display: none; }

.alo-circle {
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: zoomIn;
  width: 50px;
  height: 50px;
  top: 3px;
  right: -3px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: 0.1;
  border-color: #0089b9;
  opacity: 0.5; }

.alo-circle-fill {
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: pulse;
  width: 60px;
  height: 60px;
  top: -2px;
  right: -8px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  background-color: rgba(0, 0, 254, 0.5);
  opacity: 0.75; }

.call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span {
  display: block; }

.social-button a span {
  border-radius: 2px;
  text-align: center;
  background: #ee7e15;
  padding: 9px;
  display: none;
  width: 180px;
  margin-right: 12px;
  position: absolute;
  color: #fff;
  z-index: 999;
  top: 0px;
  left: auto;
  right: 40px;
  transition: all 0.2s ease-in-out 0s;
  -moz-animation: headerAnimation 0.7s 1;
  -webkit-animation: headerAnimation 0.7s 1;
  -o-animation: headerAnimation 0.7s 1;
  animation: headerAnimation 0.7s 1; }

.social-button a span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #ee7e15 transparent transparent;
  position: absolute;
  right: -10px;
  left: auto;
  top: 10px; }

body #fancybox-outer {
  box-shadow: none !important;
  padding: 15px;
  background-color: #e7e4e4 59;
  border-radius: 5px; }

#fancybox-content .dang-ky {
  padding: 30px 10px 0px 10px; }

body #fancybox-wrap {
  width: auto;
  padding: 10px; }

@media screen and (max-width: 600px) {
  #fancybox-outer {
    left: -5px;
    position: relative; }

  .contact-form-site .section-content {
    width: calc(100% - 30px);
    left: 15px;
    margin-top: 20px; } }

.bao-gia-sibar {
  position: fixed;
  right: 0;
  bottom: 58px;
  z-index: 999; }

.bao-gia-sibar a {
  border-radius: 5px;
  padding: 0px 10px; }

.zalo, .mes {
  background: #fff;
  height: 45px;
  top: -5px;
  border-radius: 50%;
  border: 2px solid #0000fe; }

.zalo {
  top: -5px; }

.mes {
  top: -5px; }

.zalo i {
  background-color: #fff;
  background-image: url('../images/icon-t3.png');
  background-size: cover;
  background-position: center;
  font-size: 0;
  top: -24px;
  width: 35px;
  height: 35px;
  position: relative; }

body .mes i {
  background-color: #fff;
  background-image: url('../images/icon-t4.png');
  background-size: cover;
  background-position: center;
  font-size: 0;
  top: -24px;
  width: 35px;
  height: 35px;
  position: relative; }

body {
  color: #555 !important; }

.text-gioithieu {
  letter-spacing: 0.01em; }
  .text-gioithieu h2, .text-gioithieu h4, .text-gioithieu h3 {
    font-size: 18px;
    margin: 0; }
  .text-gioithieu a {
    color: red; }
  .text-gioithieu ul {
    padding: 0; }
  .text-gioithieu p {
    letter-spacing: 0.01em;
    margin-bottom: 0px; }
  .text-gioithieu .aligncenter {
    text-align: center;
    display: block;
    margin: 0 auto 1.4em; }

#zo-footer-content .form {
  padding-top: 10px; }
  #zo-footer-content .form .wpcf7-not-valid-tip {
    position: relative;
    bottom: 3px !important;
    line-height: 14px; }
  #zo-footer-content .form input {
    height: 38px;
    margin-bottom: 10px; }
  #zo-footer-content .form input.wpcf7-submit {
    text-transform: initial;
    padding: 0px 10px;
    width: 100%; }
  #zo-footer-content .form .wpcf7-not-valid-tip {
    bottom: -5px; }
  #zo-footer-content .form .gr-control {
    position: relative; }
  #zo-footer-content .form .gr-control .wpcf7-form-control-wrap {
    width: 100%; }
  #zo-footer-content .form .gr-control i {
    position: absolute;
    left: 15px;
    z-index: 9; }

.blog .zo-sidebar-background {
  /* menu contact fixed mobile */ }
  .blog .zo-sidebar-background:before {
    display: none; }

.devvn_toolbar {
  display: none; }

@media screen and (max-width: 500px) {
  .devvn_toolbar {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background: #fdfdfd; }
    .devvn_toolbar ul {
      padding-left: 0px;
      padding: 0px 35px;
      display: flex;
      -ms-flex-pack: justify !important;
      padding-top: 15px;
      justify-content: space-between !important; }
      .devvn_toolbar ul li a {
        text-align: center; }
        .devvn_toolbar ul li a .icon {
          display: block;
          width: 40px;
          margin: auto;
          height: 40px;
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat; }
          .devvn_toolbar ul li a .icon.icon-call {
            background-image: url('../images/icon-t1.png'); }
          .devvn_toolbar ul li a .icon.icon-zalo {
            background-image: url('../images/icon-t3.png'); }
          .devvn_toolbar ul li a .icon.icon-sms {
            background-image: url('../images/icon-t2.png'); }
          .devvn_toolbar ul li a .icon.icon-chat {
            background-image: url('../images/icon-t4.png'); }
        .devvn_toolbar ul li a span {
          display: block;
          color: #333;
          line-height: 20px;
          font-size: 12px;
          letter-spacing: -0.03em; } }

@media screen and (max-width: 500px) {
  .social-button {
    bottom: 135px; }

  body #back_to_top {
    bottom: 80px; } }

.single-product .product_meta {
  font-size: 0;
  line-height: 0px; }
  .single-product .product_meta .posted_in, .single-product .product_meta .tagged_as {
    font-size: 0;
    line-height: 0px; }
  .single-product .product_meta .posted_in span, .single-product .product_meta .tagged_as span {
    font-size: 14px;
    display: block;
    text-align: left;
    font-weight: 600;
    line-height: 24px; }
  .single-product .product_meta .posted_in a, .single-product .product_meta .tagged_as a {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 24px; }

@media screen and (min-width: 992px) {
  body.single-product .main-single-content .summary.entry-summary {
    width: 40% !important;
    display: inline-block;
    vertical-align: top;
    float: none !important; }

  body.single-product .main-single-content .woocommerce-product-gallery {
    display: inline-block;
    float: none !important;
    vertical-align: top; } }

.single-product .zo-page-title-text h1, .main-single-content .summary .bereum {
  display: none; }

.zo-page-title-text .bereum {
  color: #fff; }
  .zo-page-title-text .bereum li {
    font-size: 20px; }
  .zo-page-title-text .bereum a {
    font-size: 20px;
    color: #fff; }
  .zo-page-title-text .bereum a:hover {
    color: #0000fe; }

.text-brand h3 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px; }
  .text-brand ul {
    padding-left: 0; }
  .text-brand ul li {
    padding-left: 20px;
    position: relative;
    line-height: 28px; }
  .text-brand ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #0000fe;
    top: 12px;
    border-radius: 50%;
    left: 0; }

.text-custom-left {
  color: #fff; }
  .text-custom-left h3, .text-custom-left h2, .text-custom-left h4, .text-custom-left h1, .text-custom-left h5, .text-custom-left h6 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    line-height: 30px; }

.template-zo_counter_single .zo-counter {
  font-size: 30px;
  font-weight: 700;
  color: #0000fe; }

.fancy-custom {
  position: relative; }
  .fancy-custom::before {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #ccc;
    height: 100px;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block; }
  .fancy-custom .zo-fancybox-title {
    font-size: 40px;
    font-weight: 700;
    color: #0000fe;
    text-align: center !important; }
  .fancy-custom .zo-fancybox-content {
    text-align: center !important;
    margin-top: 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 26px; }
  .fancy-custom .zo-fancybox-icon {
    color: #0000fe;
    margin-top: -15px; }
  .fancy-custom.border-0::before {
    display: none; }
  @media screen and (max-width: 635px) {
  .fancy-custom {
    margin-bottom: 30px; }
    .fancy-custom .zo-fancybox-icon {
      margin-top: 0; }

    .fancy-custom .zo-fancybox-content {
      margin-top: 20px; } }
  @media screen and (max-width: 576px) {
  .fancy-custom .zo-fancybox-title {
    font-size: 30px; }
  .fancy-custom .zo-fancybox-content {
    font-size: 15px; }
  .fancy-custom .zo-fancybox-icon {
    margin-top: -6px;
    font-size: 38px !important; } }

@media screen and (max-width: 635px) {
  body {
    padding-bottom: 65px; } }

body #back_to_top {
  z-index: 9997; }

body .fancybox-opened {
  z-index: 99999; }

body .fancybox-overlay {
  z-index: 9999; }

body #zo-content p {
  letter-spacing: 0 !important; }

@media screen and (max-width: 635px) {
  .mb-3-custom-mobile {
    margin-bottom: 25px;
    margin-top: 15px; } }

.link-fancybox ul {
  padding-left: 0; }
  .link-fancybox ul li {
    list-style-type: none;
    text-align: center; }

.custom-mobile .link-fancybox {
  display: none; }

@media screen and (min-width: 577px) {
  #d-table-desktop {
    display: block; } }

@media screen and (max-width: 576px) {
  #d-table-desktop {
    display: none; } }

@media screen and (min-width: 577px) {
  #d-mobile {
    display: none; } }

@media screen and (max-width: 576px) {
  #d-mobile {
    display: block; }

  #mobile-aqua-2 > .vc_column_container {
    width: 50%;
    float: left; } }

body #media_image-3 img {
  max-width: 145px !important;
  margin-top: 15px;
  margin-bottom: 15px; }

.widget_custom_html .menu {
  padding-left: 0; }
  .widget_custom_html .menu li {
    position: relative;
    padding-left: 12px; }
  .widget_custom_html .menu li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #31c0c8;
    display: inline-block;
    left: 0;
    border-radius: 50%;
    top: 12px; }

#custom_html-12 {
  margin-top: 25px; }

.zalo {
  top: -17px; }

.mes {
  top: -21px; }

.call-icon {
  top: -28px; }

.baogia {
  top: -10px; }

.call-me {
  background: #fff;
  height: 45px;
  top: -40px;
  border-radius: 50%; }

.call-me i {
  background-color: #fff;
  background-image: url('../images/icon-t1.png');
  background-size: cover;
  background-position: center;
  font-size: 0;
  top: -24px;
  width: 35px;
  height: 35px;
  position: relative; }

.baogia i {
  background-color: #fff;
  background-image: url('../images/icon-t2.png');
  background-size: cover;
  background-position: center;
  font-size: 0;
  top: -18px;
  width: 35px;
  height: 35px;
  position: relative; }

.call-me .alo-circle {
  top: -3px; }

.call-me .alo-circle-fill {
  top: -8px; }

#accod-style1 .vc_tta-panels .vc_tta-panel-heading {
  background-color: #fff;
  border: 0; }
  #accod-style1 .vc_tta-panels .vc_tta-panel-heading a {
    padding-left: 0;
    font-size: 16px;
    color: #333;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px; }
  #accod-style1 .vc_tta-panels .vc_tta-panel-heading a::before {
    content: "";
    position: absolute;
    right: 8px;
    top: 8px;
    font-family: "FontAwesome";
    content: "\f0d7";
    color: #0000fe; }
  #accod-style1 .vc_tta-panels .vc_tta-panel-heading a i {
    display: none; }
  #accod-style1 .vc_tta-panels .vc_tta-panel {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 3px; }
  #accod-style1 .vc_tta-panels .vc_tta-panel.vc_active {
    border: 1px solid #0000fe; }
  #accod-style1 .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a span {
    color: #0000fe; }
  #accod-style1 .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a::before {
    content: "\f0d8"; }
  #accod-style1 .vc_tta-panels .vc_tta-panel-body {
    background-color: #fff;
    padding-left: 8px;
    border: 0;
    padding-top: 3px; }
  #accod-style1 .vc_tta-panels .vc_tta-panel-body .wpb_wrapper {
    line-height: 25px; }

.dang-ky-tuyen-dung {
  padding-top: 5px; }
  .dang-ky-tuyen-dung .gr-control {
    display: block; }
  .dang-ky-tuyen-dung .gr-control select {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 45px; }
  .dang-ky-tuyen-dung input[type='submit'] {
    background-color: #0000fe !important; }

.single-logo .thong-tin .item {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #e9e9e9; }
  .single-logo .thong-tin .item h5 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase; }
  .single-logo .thong-tin #pet-gallery {
    margin-top: 15px;
    display: inline-block; }
  .single-logo .thong-tin #pet-gallery .pet-gallery-item {
    padding: 2px; }

.title-related {
  font-weight: 600; }

#zo-content iframe {
  width: 100%; }

.single-mau_video .template-zo_grid--duan-video {
  margin-bottom: 35px;
  display: inline-block;
  width: 100%; }

.wrapper-tailieu {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee; }
  .wrapper-tailieu a {
    color: #0000fe;
    font-size: 17px;
    font-weight: 600; }
  .wrapper-tailieu .thongtin {
    display: flex;
    font-size: 14px;
    color: #636363; }
  .wrapper-tailieu .thongtin .date {
    margin-left: 15px; }
  .wrapper-tailieu i {
    color: #0000fe;
    left: 0;
    top: 10px;
    margin-right: 10px; }

.template-zo_grid--tailieu {
  margin-bottom: 40px; }

.template-zo_grid--tintuc .date {
  font-size: 14px;
  color: #5d5b5b; }
  .template-zo_grid--tintuc img {
    border-radius: 6px; }
  .template-zo_grid--tintuc .zo-grid-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    margin-top: 11px; }
  .template-zo_grid--tintuc .zo-grid-title a {
    text-transform: capitalize;
    font-size: 16px;
    color: #0000fe; }
  .template-zo_grid--tintuc .zo-grid-content {
    line-height: 24px;
    margin-bottom: 30px; }

.npf__message {
  display: none !important; }

.npf {
  display: none !important; }

.video-container {
  position: relative;
  padding-bottom: 50%;
  padding-top: 41px;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.title-single {
  text-transform: uppercase;
  color: #0000fe;
  font-size: 16px;
  font-weight: 600; }
  .title-single a {
    color: #0000fe;
    font-size: 16px;
    font-weight: 600; }

.MMjkzA2cTNO5DDMIuDMOhBTAm2hTgZ3.MMjkzA2cTNO5DDMIuDMOhBTAm2hTgZ3theme--light {
  display: none !important; }

body > :last-child {
  clear: both;
  background-color: red; }

body #zo-footer-copyright {
  position: absolute;
  width: 100%;
  left: 0; }

@media screen and (min-width: 992px) {
  .align-items-center-stretch, .align-items-center-stretch > div {
    display: flex !important;
    align-items: center;
    align-self: stretch;
    flex-flow: row wrap; }
    .align-items-center-stretch .main-navigation, .align-items-center-stretch .main-navigation > nav > div, .align-items-center-stretch .main-navigation > div, .align-items-center-stretch .main-navigation .menu-main-menu, .align-items-center-stretch .main-navigation .menu-main-menu > li, .align-items-center-stretch .main-navigation .menu-main-menu > ul, .align-items-center-stretch .main-navigation .menu-main-menu > ul > li {
      display: flex !important;
      align-items: center;
      align-self: stretch; } }

#zo-header.header-fixed.header-style-03.header-transparent {
  margin-top: 0; }

@media screen and (max-width: 991px) {
    #zo-header-top .header-top-left {
      text-align: center; }
      #zo-header-top .header-top-left ul li {
        line-height: 35px; }
      #zo-header-top .header-top-right {
        text-align: center; }
      #zo-header-top .header-top-right ul li {
        line-height: 35px; } }
  #zo-header-top .header-top-contact {
    margin: 0;
    padding: 0; }
  #zo-header-top .header-top-contact li {
    list-style-type: none;
    display: inline-block;
    margin-left: 26px;
    font-size: 12px;
    position: relative; }
  #zo-header-top .header-top-contact li:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 1.5px;
    background-color: #fff;
    position: absolute;
    right: -14px;
    top: 14px;
    opacity: 0.4; }
  #zo-header-top .header-top-contact li:last-child:before {
    display: none; }
  #zo-header-top .header-top-contact li:first-child {
    margin-left: 0px; }
  #zo-header-top .header-top-contact li a:hover {
    color: #0000fe; }
  #zo-header-top .header-top-contact li i {
    color: #0000fe;
    font-size: 14px;
    margin-right: 4px; }
  #zo-header-top .header-top-navigation li {
    list-style-type: none;
    display: inline-block;
    padding: 0 10px 0 0; }
  #zo-header-top .header-top-navigation li a {
    color: #ccc; }
  #zo-header-top .header-top-navigation li a:hover {
    color: #fe0000; }
  #zo-header-top .header-top-navigation li + li:before {
    content: '|';
    margin-right: 12px;
    color: #4e7d91;
    font-weight: 300; }
  #zo-header-top .header-top-social {
    margin: 0px;
    padding: 0px; }
  #zo-header-top .header-top-social li {
    list-style: none;
    display: inline-block;
    width: 45px;
    text-align: center; }
  #zo-header-top .header-top-social li:hover i {
    -webkit-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -khtml-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -moz-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -ms-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -o-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    /* BACKGROUND GRADIENT */
    /*///////////////////////////////////ANIMATION//////////////////////////////////*/ }
  #zo-header-top .header-top-social li.facebook {
    background: rgba(93, 130, 209, 0.2); }
  #zo-header-top .header-top-social li.facebook:hover {
    background: #5d82d1; }
  #zo-header-top .header-top-social li.twitter {
    background: rgba(64, 191, 245, 0.2); }
  #zo-header-top .header-top-social li.twitter:hover {
    background: #40bff5; }
  #zo-header-top .header-top-social li.google {
    background: rgba(235, 94, 76, 0.2); }
  #zo-header-top .header-top-social li.google:hover {
    background: #eb5e4c; }
  #zo-header-top .header-top-social li.pinterest {
    background: rgba(225, 49, 56, 0.2); }
  #zo-header-top .header-top-social li.pinterest:hover {
    background: #e13138; }
  #zo-header-top .header-top-social li.vimeo {
    background: rgba(53, 198, 234, 0.2); }
  #zo-header-top .header-top-social li.vimeo:hover {
    background: #35c6ea; }
  #zo-header-top .header-top-social li.linkedin {
    background: rgba(35, 140, 200, 0.2); }
  #zo-header-top .header-top-social li.linkedin:hover {
    background: #238cc8; }
  #zo-header-top .header-top-social li.dribbble {
    background: rgba(247, 101, 156, 0.2); }
  #zo-header-top .header-top-social li.dribbble:hover {
    background: #f7659c; }
  #zo-header-top .header-top-social li.youtube {
    background: rgba(239, 78, 65, 0.2); }
  #zo-header-top .header-top-social li.youtube:hover {
    background: #ef4e41; }
  #zo-header-top .header-top-social li.rss {
    background: rgba(250, 163, 61, 0.2); }
  #zo-header-top .header-top-social li.rss:hover {
    background: #faa33d; }
  #zo-header-top .header-top-social li a {
    font-size: 15px;
    line-height: 45px;
    display: block;
    color: #fff; }
  @media screen and (max-width: 767px) {
      #zo-header-top .header-top-social li {
        width: 35px; }
        #zo-header-top .header-top-social li a {
          line-height: 35px;
          font-size: 14px; } }

#zo-header {
  background: #fff;
  width: 100%;
  z-index: 999;
  top: 0;
  -webkit-transition: all 300ms ease;
  -khtml-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  /* BACKGROUND GRADIENT */
  /* TRANSITION DELAY */ }
  #zo-header.header-transparent {
    position: absolute; }
  #zo-header .zo-header-main {
    position: relative; }
  #zo-header .zo-header-main .zo-header-logo {
    max-width: 100%; }
  #zo-header .zo-header-main .zo-sticky-logo {
    display: none; }
  #zo-header .zo-header-main .zo-header-secondary {
    max-width: 100%; }
  #zo-header .zo-header-main .zo-header-secondary .sub-menu {
    text-align: left; }
  #zo-header .zo-header-main .zo-header-navigation-left {
    display: inline-block; }
  #zo-header .zo-header-main .zo-header-navigation-right {
    display: inline-block; }
  #zo-header.no-sticky {
    position: relative; }
  #zo-header > .container {
    position: relative;
    z-index: 99; }
  @media (min-width: 992px) and (max-width: 1023px) {
    #zo-header > .container {
      width: 100%; } }
  #zo-header.header-vertical .zo-header-main {
    display: inline-block;
    width: 100%; }
  @media screen and (max-width: 991px) {
  #zo-header .zo-header-secondary {
    position: absolute;
    top: 0;
    right: 60px; } }

#zo-header.header-fixed {
  position: fixed;
  top: 0;
  box-shadow: 1px 1px 15px 0px #888; }
  .admin-bar #zo-header.header-fixed {
    top: 32px; }
  #zo-header.header-fixed .zo-sticky-logo {
    display: inline-block; }

#zo-header-logo {
  /*** Admin Bar ***/ }
  #zo-header-logo img {
    -webkit-transition: all 500ms ease 0ms;
    -khtml-transition: all 500ms ease 0ms;
    -moz-transition: all 500ms ease 0ms;
    -ms-transition: all 500ms ease 0ms;
    -o-transition: all 500ms ease 0ms;
    transition: all 500ms ease 0ms;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */
    max-height: 200px; }
  #zo-header-logo span {
    padding-left: 10px;
    font-size: 12px;
    display: inline-block; }
  @media screen and (max-width: 992px) {
  #zo-header-logo a img {
    max-width: 95px; } }

.admin-bar {
  /*** End Admin Bar ***/ }
  .admin-bar #zo-header.no-sticky {
    top: 0; }

@media screen and (min-width: 992px) {
  /* Cart and Search
==========================================================*/
    .zo-header-close {
      display: inline-block;
      width: 50px;
      height: 50px;
      font-size: 9px;
      cursor: pointer;
      text-align: center;
      font-weight: 700;
      z-index: 999;
      position: absolute;
      top: 15px;
      right: 0;
      background: #fff;
      -webkit-transition: all 500ms ease;
      -khtml-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
      .header-vertical-right .zo-header-close {
        left: 0; }
      .zo-header-close span {
        background: transparent;
        display: block;
        height: 3px;
        position: relative;
        width: 23px;
        margin-left: 13px;
        top: 50%;
        -webkit-transition: all 300ms ease;
        -khtml-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM ORIGIN */ }
        .zo-header-close span:before, .zo-header-close span:after {
          content: "";
          position: absolute;
          top: 50%;
          height: 3px;
          left: 0;
          width: 100%;
          background: #333;
          -webkit-transition: all 300ms ease;
          -khtml-transition: all 300ms ease;
          -moz-transition: all 300ms ease;
          -ms-transition: all 300ms ease;
          -o-transition: all 300ms ease;
          transition: all 300ms ease;
          /* BACKGROUND GRADIENT */
          /* TRANSITION DELAY */ }
        .zo-header-close span:before {
          -webkit-transform: translateY(-50%) rotate(-45deg);
          -khtml-transform: translateY(-50%) rotate(-45deg);
          -moz-transform: translateY(-50%) rotate(-45deg);
          -ms-transform: translateY(-50%) rotate(-45deg);
          -o-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ }
        .zo-header-close span:after {
          -webkit-transform: translateY(-50%) rotate(45deg);
          -khtml-transform: translateY(-50%) rotate(45deg);
          -moz-transform: translateY(-50%) rotate(45deg);
          -ms-transform: translateY(-50%) rotate(45deg);
          -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ }
      .disable-header-vertical .zo-header-close {
        -webkit-box-shadow: 0px 0px 2px 0px #acacac;
        -khtml-box-shadow: 0px 0px 2px 0px #acacac;
        -moz-box-shadow: 0px 0px 2px 0px #acacac;
        -ms-box-shadow: 0px 0px 2px 0px #acacac;
        -o-box-shadow: 0px 0px 2px 0px #acacac;
        box-shadow: 0px 0px 2px 0px #acacac;
        /* BACKGROUND GRADIENT */
        /* BOX SIZING */ }
        .disable-header-vertical .zo-header-close span {
          background: #333; }
          .disable-header-vertical .zo-header-close span:before, .disable-header-vertical .zo-header-close span:after {
            -webkit-transform: none;
            -khtml-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ }
          .disable-header-vertical .zo-header-close span:before {
            top: -6px; }
          .disable-header-vertical .zo-header-close span:after {
            bottom: -6px;
            top: initial; }
      .header-vertical-left .zo-header-close {
        right: -50px;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 0;
        /* BOX */ }
      .header-vertical-right .zo-header-close {
        left: -50px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 3px;
        /* BOX */ } }

.widget_cart_search_wrap {
  text-align: right; }
  @media screen and (min-width: 992px) {
  .header-vertical .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .header-vertical .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content {
    top: 70px;
    right: initial;
    left: 100%;
    width: 360px; }
    .header-vertical-right .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .header-vertical-right .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content {
      left: initial;
      right: 100%; } }
  @media screen and (min-width: 992px) {
    .widget_cart_search_wrap .widget_cart_search_wrap_item {
      padding-left: 5px;
      display: inline-block; } }
  @media screen and (max-width: 991px) {
    .widget_cart_search_wrap .widget_cart_search_wrap_item {
      display: inline; } }
  .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon {
    display: inline-block;
    width: 35px;
    text-align: center; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon:hover i, .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.active i {
    -webkit-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -khtml-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -moz-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -ms-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    -o-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom;
    /* BACKGROUND GRADIENT */
    /*///////////////////////////////////ANIMATION//////////////////////////////////*/ }
  .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_cart_wrap {
    position: relative; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_cart_wrap .cart_total {
    position: absolute;
    color: #fff;
    background-color: #0000fe;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    right: -5px;
    text-align: center;
    top: 50%;
    width: 18px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    /* BACKGROUND GRADIENT */
    -webkit-transform: translateY(calc(-50% - 15px));
    -khtml-transform: translateY(calc(-50% - 15px));
    -moz-transform: translateY(calc(-50% - 15px));
    -ms-transform: translateY(calc(-50% - 15px));
    -o-transform: translateY(calc(-50% - 15px));
    transform: translateY(calc(-50% - 15px));
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */ }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -khtml-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown.active, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content.active {
    height: auto;
    overflow: hidden;
    opacity: 1;
    z-index: 100; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown {
    width: 360px;
    position: absolute;
    background-color: #141414;
    border-radius: 0 0 2px 2px;
    top: 100%;
    right: 16px; }
  @media screen and (max-width: 768px) {
      .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown {
        right: -45px;
        width: 290px; } }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner {
    padding: 20px;
    line-height: 50px; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list {
    list-style: none inside;
    margin: 0;
    padding: 0; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list {
    border-bottom: 1px solid #393939;
    color: #fff;
    overflow: hidden;
    padding: 20px 0;
    line-height: normal; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list.empty {
    text-align: center; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list a {
    float: left; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list a img {
      width: 100px; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info {
    padding-left: 115px;
    text-align: left; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .title {
      font-weight: 400;
      color: #fff;
      font-size: 12px;
      padding: 0 0 5px;
      margin: -4px 0 0;
      text-transform: uppercase;
      line-height: normal; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .amount {
      color: #0000fe;
      display: block;
      font-style: italic;
      padding-bottom: 8px; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity {
      display: block;
      color: #858585;
      text-transform: uppercase; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity a {
        float: right;
        margin-left: 15px;
        color: #858585; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .total {
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .total .amount {
    font-size: 36px;
    padding-left: 10px;
    color: #0000fe; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn {
    width: 100%;
    text-align: center;
    color: #fff !important;
    padding: 12px;
    text-transform: uppercase;
    border-radius: 2px; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout {
    background: #0000fe; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout:hover {
      background: rgba(0, 0, 254, 0.8); }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart {
    background-color: #909090; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart:hover {
      background: #0000fe; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content {
    position: absolute;
    min-width: 360px;
    right: 0;
    top: 100%;
    border-radius: 0 0 3px 3px; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form {
    position: relative;
    padding: 35px 20px;
    border: 0;
    background: #0000fe; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 15px;
    right: 20px;
    top: 50%;
    position: absolute;
    color: #f5f5f5;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */ }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0;
    color: #fff;
    outline: none; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"] {
    font-size: 18px;
    color: #f5f5f5;
    background-color: transparent;
    border: none;
    padding: 0 10px;
    border-bottom: 1px solid #f5f5f5; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-webkit-input-placeholder {
    color: #f5f5f5; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-moz-placeholder {
    color: #f5f5f5; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-ms-input-placeholder {
    color: #f5f5f5; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-moz-placeholder {
    color: #f5f5f5; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:focus {
    outline: none; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 35px;
    color: transparent;
    background-color: transparent;
    border: 0; }
  @media screen and (max-width: 768px) {
            .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] {
              padding: 0 15px; } }
  @media screen and (max-width: 991px) {
      .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content {
        left: initial;
        right: -45px;
        width: 290px; }
        .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form {
          padding-left: 15px;
          padding-right: 15px; }
          .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] {
            right: 15px; } }

#zo-header.header-style-01 {
  position: relative;
  border-bottom: 2px solid #fff; }
  #zo-header.header-style-01:before {
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    bottom: 0; }
  #zo-header.header-style-01 .sub-menu {
    text-align: left; }
  #zo-header.header-style-01 .zo-header-secondary {
    display: inline-block;
    vertical-align: middle; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info {
    list-style: none;
    text-align: right;
    margin: 0; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li {
    display: inline-block;
    padding-right: 40px;
    margin-right: 30px;
    border-right: 1px solid #ccc;
    text-align: left; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li:last-child {
    padding-right: 15px;
    margin: 0;
    border: 0; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li i {
    margin-right: 10px;
    font-size: 12px;
    color: #0000fe; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li i.fa-mobile {
    font-size: 15px; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.title {
    display: block;
    color: #222;
    line-height: 25px; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.content {
    display: block;
    line-height: 25px; }
  #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.content a {
    color: inherit; }
    #zo-header.header-style-01 .zo-header-secondary .zo-header-second-sidebar .header-info li span.content a:hover {
      color: #0000fe; }

#zo-header.header-style-01 .zo-header-navigation .nav-menu > li {
  position: relative; }
  #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget {
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: 0.5s;
    -khtml-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION TIMING FUNCTION */
    -webkit-transition-duration: 0.5s;
    -khtml-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    min-width: 320px;
    padding: 15px 20px 0px;
    font-size: 12px;
    background-color: #fff;
    border-radius: 0px 0px 3px 3px;
    color: #999;
    margin-top: 2px;
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.2); }
  #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget .pro-group-attributes .pro-select-wrapper .pro-wrapper-input .pro-input-select {
    background-color: #f5f5f5;
    border-color: #eee;
    min-height: 38px;
    padding: 3px 15px;
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
    #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget .pro-group-attributes .pro-select-wrapper .pro-wrapper-input .pro-input-select:hover, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget .pro-group-attributes .pro-select-wrapper .pro-wrapper-input .pro-input-select:focus {
      background-color: #fff;
      border-color: #0000fe; }
    #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget .pro-group-attributes .pro-select-wrapper .pro-select li {
      display: block;
      line-height: 20px; }
    #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget .pro-group-attributes .pro-select-wrapper::after {
      height: 38px;
      line-height: 38px; }
  #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn.search-open .widget_pet_profiles_widget_widget {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0.2s;
    -khtml-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION TIMING FUNCTION */
    -webkit-transition-duration: 0.5s;
    -khtml-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }

@media screen and (min-width: 992px) {
  #zo-header .zo-menu-toggle {
    display: none; }
    #zo-header.header-style-01 .zo-header-navigation .nav-menu > li {
      position: relative; }
      #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn {
        padding-left: 50px;
        padding-right: 50px;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
        background-color: #6aab14;
        position: relative; }
        #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn a {
          color: #fff;
          text-transform: uppercase;
          font-weight: 400; }
        #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn p {
          margin: 0; }
      #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item:first-child::before, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn::before {
        display: none; }
      #zo-header.header-style-01 .zo-header-navigation .nav-menu > li::before {
        content: '';
        width: 1px;
        height: 15px;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: calc(50% - 7px);
        left: -35px; }
    #zo-header.header-vertical {
      height: 100%;
      position: fixed;
      top: 0;
      background: #fff;
      -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
      -khtml-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
      -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
      -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
      -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
      transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
      .header-vertical-left #zo-header.header-vertical {
        left: 0;
        box-shadow: 1px 15px 5px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 1px 15px 5px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1px 15px 5px 0 rgba(0, 0, 0, 0.1); }
      .header-vertical-right #zo-header.header-vertical {
        right: 0;
        box-shadow: -1px 15px 5px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: -1px 15px 5px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: -1px 15px 5px 0 rgba(0, 0, 0, 0.1); }
      .admin-bar #zo-header.header-vertical {
        top: 32px; }
      #zo-header.header-vertical .zo-header-bottom {
        width: 100%;
        position: absolute;
        bottom: 30px;
        left: 0; }
      #zo-header.header-vertical .nav-menu li {
        display: block; } }

@media screen and (max-width: 991px) {
  .header-vertical .zo-header-bottom {
    display: none; }
    #zo-header.header-style-01 .zo-header-secondary {
      display: none; }
      #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn a {
        color: #333;
        text-transform: uppercase;
        font-weight: 400; }
        #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget {
          left: 0;
          position: relative;
          right: auto;
          margin-bottom: 20px; } }

@media screen and (max-width: 991px) {
  #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.menu-item-btn .widget_pet_profiles_widget_widget {
    min-width: 270px; } }

.header-vertical-left #page {
  -webkit-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -khtml-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -moz-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -ms-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -o-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  /* BACKGROUND GRADIENT */
  /* TRANSITION DELAY */ }
  @media screen and (max-width: 1449px) {
  .header-vertical-left #page .container {
    width: 100%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #zo-header.header-style-01 {
    padding-left: 15px; }
    #zo-header.header-style-01 .zo-header-navigation .nav-menu > li {
      padding-right: 36px; }
      #zo-header.header-style-01 .zo-header-navigation .nav-menu > li::before {
        left: -22px; }
    #zo-header.header-style-02 {
      padding: 0 15px; }
    #zo-header.header-style-02 .zo-header-navigation .nav-menu > li {
      padding-left: 12px;
      padding-right: 12px; }
    #zo-header.header-style-03 .zo-header-navigation .nav-menu > li {
      padding-left: 12px;
      padding-right: 12px; } }

@media screen and (max-width: 767px) {
  #zo-header-logo .zo-sticky-logo {
    display: none !important; } }

@media screen and (min-width: 992px) {
  #zo-header.header-style-02 .zo-header-navigation .nav-menu > li {
    position: relative; }

  .zo-header-secondary #site-navigation .menu-main-menu > li.menu-item-has-children::before {
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    content: "\f107";
    right: 0;
    top: 50%;
    transform: translateY(-50%); } }

body #zo-footer {
  background: #3c3cc5;
  border-bottom: 10px solid #000;
  color: #fff;
  padding-top: 60px;
  padding-bottom: 60px; }
  body #zo-footer .widget_media_image img {
    margin-bottom: 20px; }
  body #zo-footer a {
    color: #fff; }
  body #zo-footer .zo-footer-column:nth-child(2) h3.wg-title {
    text-transform: none;
    font-family: 'Lora' !important;
    font-weight: 600;
    font-size: 38px;
    line-height: 48px; }
  body #zo-footer .social {
    margin-top: 35px;
    display: flex; }
  body #zo-footer .social li {
    margin-right: 10px; }
  body #zo-footer .social li a {
    height: 32px;
    display: inline-block;
    width: 32px;
    text-align: center; }
  body #zo-footer .social li a i {
    margin: 0; }
  body #zo-footer .social li a.item1 {
    background-color: #3b5998; }
  body #zo-footer .social li a.item2 {
    background-color: #007bb6; }
  body #zo-footer .social li a.item3 {
    background-color: #a82400; }
  body #zo-footer .social li a.item4 {
    background-color: #ea2c59; }
  body #zo-footer .social li:last-child {
    margin-right: 0; }
  body #zo-footer .wg-title {
    color: #fff;
    display: block;
    font-family: 'Lora' !important;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 26px; }

.footer-contact {
  padding: 0px; }
  .footer-contact li {
    list-style-type: none;
    display: flex;
    color: #92abba !important; }
  .footer-contact li i {
    margin-right: 8px;
    color: #0000fe;
    line-height: 32px; }
  .footer-contact li span {
    margin: 0px 6px; }

ul li {
  list-style-type: none !important; }

.footer-nav ul {
  padding: 0px; }
  .footer-nav ul li::before {
    position: relative;
    top: -2px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    margin-right: 7px; }

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
  -webkit-transition: padding 0.4s ease-in-out !important;
  -o-transition: padding 0.4s ease-in-out !important;
  transition: padding 0.4s ease-in-out !important; }

#back_to_top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  visibility: hidden;
  cursor: pointer;
  opacity: 0;
  z-index: 99; }
  #back_to_top.on {
    visibility: visible;
    opacity: 1;
    background: #0000fe;
    color: #fff; }

#zo-page-element-wrap {
  position: relative; }
  #zo-page-element-wrap::before {
    content: "";
    background: rgba(0, 0, 0, 0.38);
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  #zo-page-element-wrap .zo-page-title-container {
    position: relative;
    z-index: 2; }

#zo-footer-copyright {
  display: none !important; }

#zo-footer iframe {
  margin-top: 10px; }
  #zo-footer .zo-footer-column a :hover {
    opacity: 0.8 !important; }
  #zo-footer .zo-footer-column ul {
    padding-left: 0; }
  #zo-footer .zo-footer-column ul li {
    margin-left: 0;
    display: block; }
  #zo-footer i.fa {
    margin-right: 5px; }

body a:hover {
  opacity: 0.8 !important; }

.es_subscription_form {
  position: relative; }
  .es_subscription_form .es_subscription_form_submit {
    position: absolute;
    z-index: 6;
    right: 2px;
    top: 2px;
    background-color: #0000fe;
    color: #fff;
    box-shadow: none;
    border: 0;
    height: 36px;
    line-height: 36px;
    padding: 0px 12px;
    border-radius: 3px; }
  .es_subscription_form .es-field-wrap {
    position: relative; }
  .es_subscription_form .es-field-wrap label, .es_subscription_form .es-field-wrap input {
    width: 100%; }
  .es_subscription_form .es-field-wrap input {
    padding: 5px 15px;
    height: 40px;
    border-radius: 3px;
    font-family: 'Roboto' !important; }

.form-nhan-thongbao {
  position: relative; }
  .form-nhan-thongbao label, .form-nhan-thongbao input {
    width: 100%; }
  .form-nhan-thongbao > p {
    margin-bottom: 3px; }
  .form-nhan-thongbao .submit-btn {
    position: absolute;
    z-index: 6;
    right: 2px;
    bottom: 7px; }
  .form-nhan-thongbao .submit-btn input {
    background-color: #0000fe;
    color: #fff;
    box-shadow: none;
    border: 0;
    height: 36px;
    line-height: 36px;
    padding: 0px 12px;
    border-radius: 3px;
    font-family: 'Roboto' !important; }
  .form-nhan-thongbao label > span {
    font-family: 'Roboto' !important;
    font-weight: 400;
    margin-bottom: 7px;
    display: inline-block;
    letter-spacing: -0.02px; }
  .form-nhan-thongbao label input {
    box-shadow: none !important;
    outline: none !important;
    padding: 5px 15px;
    height: 40px;
    padding-right: 80px;
    border-radius: 3px;
    font-family: 'Roboto' !important; }

.mc4wp-notice, .mc4wp-alert {
  letter-spacing: -0.02px !important;
  font-family: 'Roboto' !important; }

.social-footer .widget_custom_html, .menu-footer .widget_custom_html {
  display: flex;
  align-items: center; }
  .social-footer .widget_custom_html .wg-title, .menu-footer .widget_custom_html .wg-title {
    margin-right: 10px;
    margin-bottom: 0 !important; }
  .social-footer .widget_custom_html ul, .menu-footer .widget_custom_html ul {
    margin-bottom: 0 !important;
    padding-left: 0; }
  .social-footer .widget_custom_html ul li, .menu-footer .widget_custom_html ul li {
    position: relative; }
  .social-footer .widget_custom_html ul li:first-child, .menu-footer .widget_custom_html ul li:first-child {
    margin-left: 0 !important; }
  .social-footer .widget_custom_html ul li::before, .menu-footer .widget_custom_html ul li::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    right: -7px;
    transform: translateY(-50%); }
  .social-footer .widget_custom_html ul li:last-child::before, .menu-footer .widget_custom_html ul li:last-child::before {
    display: none; }

.contact-list {
  margin-bottom: 35px; }
  .contact-list ul {
    display: flex;
    padding-left: 0;
    justify-content: space-between; }
  .contact-list ul li a {
    font-weight: 500;
    font-size: 16px; }
  @media screen and (max-width: 768px) {
    .contact-list ul {
      flex-wrap: wrap; }
      .contact-list ul li {
        width: 50%;
        margin-bottom: 5px; } }
  .contact-list .info {
    background-color: #0000fe;
    padding: 15px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff; }
  .contact-list .info i.dash {
    margin: 0 15px; }

input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select {
  color: #626262;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 17px;
  border: 1px solid #ececec;
  width: 100%;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  /* BACKGROUND GRADIENT */
  line-height: normal; }

textarea {
  height: 240px;
  max-height: 120px;
  max-width: 100%; }

input[type='text']:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus {
  border: 1px solid #0000fe; }

.form-group {
  margin-bottom: 10px;
  /** Contact Form 7 */ }

.wpcf7-form {
  /* ==========================================================================
   [End] All Style Form
========================================================================== */
  /*---Restaurant---*/ }
  .wpcf7-form .wpcf7-form-item {
    margin-bottom: 24px; }
  .wpcf7-form input[type='text'], .wpcf7-form input[type="password"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="time"], .wpcf7-form input[type="week"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form textarea, .wpcf7-form select {
    font-size: 14px;
    font-weight: 400;
    padding: 12px 15px;
    border: 1px solid rgba(0, 0, 254, 0.2);
    width: 100%;
    margin-bottom: 20px;
    border-radius: 2px;
    height: 55px; }
  .wpcf7-form textarea {
    height: 150px; }
  .wpcf7-form .wpcf7-submit {
    letter-spacing: normal;
    font-size: 14px;
    padding: 18px 25px;
    line-height: 15px;
    background: #0000fe;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    border: none;
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */
    margin-bottom: 25px; }
  .wpcf7-form .wpcf7-submit:hover {
    background: #fe0000; }
  .wpcf7-form .less-contact-submit {
    text-align: center; }
  .wpcf7-form .wpcf7-form-control-wrap .wpcf7-textarea + .wpcf7-not-valid-tip {
    bottom: -1px; }
  .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
    left: 0px;
    bottom: 3px;
    color: #0000fe; }
  .wpcf7-form .wpcf7-validation-errors {
    display: block;
    text-align: center;
    margin: 20px 0 0;
    border: 1px solid transparent;
    color: #ff3a47; }
  .wpcf7-form .wpcf7-response-output {
    text-align: center; }

.contact-form-1 .cf-message {
  padding: 0px 10px; }
  @media screen and (max-width: 991px) {
 }
  @media screen and (max-width: 767px) {
    .contact-form-1 .cf-message {
      padding: 0px; } }
  .contact-form-1 .cf-message textarea {
    border: none; }
  .contact-form-1 .cf-submit {
    text-align: center;
    font-weight: 500; }
  .contact-form-1 .cf-submit .wpcf7-form-control {
    letter-spacing: normal;
    padding: 20px 100px 20px 100px; }
  @media screen and (max-width: 767px) {
      .contact-form-1 .cf-submit .wpcf7-form-control {
        width: 100%; } }
  .contact-form-1 .group {
    display: flex; }
  .contact-form-1 .group.w-100 {
    display: block;
    width: 100%; }
  .contact-form-1 .group.w-100 .cf-name {
    width: 100%; }
  .contact-form-1 .group .cf-name, .contact-form-1 .group .cf-phone, .contact-form-1 .group .cf-email, .contact-form-1 .group .cf-dn {
    width: 50%; }
  .contact-form-1 .group .cf-name, .contact-form-1 .group .cf-email {
    margin-right: 10px; }
  .contact-form-1 .group input {
    height: 42px;
    padding: 0px 12px;
    margin-bottom: 10px; }
  .contact-form-1 textarea, .contact-form-1 input {
    border: 1px solid #cfdfe2 !important; }
  .contact-form-1 textarea {
    margin-bottom: 0px; }
  .contact-form-1 .cf-message {
    padding: 0px; }
  .contact-form-1 .cf-submit input {
    display: block;
    width: 100%;
    padding: 0px 15px !important;
    line-height: 43px; }

.page #content > article > .entry-content > .vc_row {
  margin: 0; }

.vc_row-no-padding .vc_inner {
  margin-left: 0 !important;
  margin-right: 0 !important; }

*::-moz-selection {
  background: #0000fe;
  color: #fff; }

*::-webkit-selection {
  background: #0000fe;
  color: #fff; }

*::selection {
  background: #0000fe;
  color: #fff; }

body.disable-scroll {
  overflow: hidden; }

.zo-animation, .visible-hidden {
  visibility: hidden; }

.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.left {
  float: left; }

.right {
  float: right; }

.entry-page-image {
  margin-bottom: 14px; }

#main #page-default, #page {
  position: relative; }

a, a:hover, a:focus {
  outline: none;
  text-decoration: none;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  /* BACKGROUND GRADIENT */
  /* TRANSITION DELAY */ }

p {
  margin: 0 0 15px;
  letter-spacing: 0.2px; }

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

@media screen and (max-width: 991px) {
    .zo-row-full-width .no-container {
      padding-left: 15px;
      padding-right: 15px; } }
  .zo-row-full-width .no-container .row {
    margin: 0; }
  .zo-row-full-width .no-container .row .vc_column_container {
    padding: 0; }

.no-container > .row {
  margin: 0; }

.bg-effect-lg, .bg-effect-sm {
  background: repeat-y center center;
  background-size: 100%; }

.bg-position-center {
  background-position: center center !important; }

.bg-dark-inset .wpb_wrapper {
  background: #060606; }

.bg-main-inset .wpb_wrapper {
  background: #0000fe; }

.wrap-btn-inline {
  display: inline-block;
  margin-right: 20px;
  /* ==========================================================================
   [End] 1. Reset HTML/CSS, Unitest, Body
========================================================================== */
  /* ==========================================================================
   [Start] 2. Page Title
========================================================================== */ }
  @media screen and (max-width: 479px) {
  .wrap-btn-inline {
    margin-right: 0px; }
    .wrap-btn-inline + .wrap-btn-inline {
      margin-top: 20px; } }

@media screen and (max-width: 767px) {
        #zo-page-element-wrap .zo-page-title-content .zo-page-title-text h1 {
          font-size: 25px;
          line-height: 30px; } }

#zo-page-element-wrap.symmetric {
  position: relative; }
  @media screen and (max-width: 767px) {
  #zo-page-element-wrap.symmetric .zo-page-title-content {
    display: inline !important; }
    #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-text, #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-secondary {
      display: inline !important;
      width: 100% !important;
      text-align: left !important; }

    #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-text h1 {
      font-size: 35px !important;
      line-height: 35px !important;
      margin-bottom: 0 !important; }

    #zo-page-element-wrap.symmetric .zo-page-title-content .breadcrumbs {
      padding-left: 0 !important; } }
  #zo-page-element-wrap.symmetric .zo-page-title-secondary {
    vertical-align: bottom; }

.symmetric #breadcrumb-text {
  z-index: 1; }
  .symmetric #breadcrumb-text .breadcrumbs {
    margin: 0;
    padding: 0;
    display: inline; }
  @media screen and (max-width: 1199px) {
      .symmetric #breadcrumb-text .breadcrumbs {
        padding-left: 15px; } }

.zo-page-title-text h1 {
  padding: 0;
  margin: 0;
  position: relative; }
  .zo-page-title-text .page-sub-title {
    text-align: center;
    text-transform: uppercase;
    color: #0000fe; }

#breadcrumb-text {
  z-index: 1; }
  #breadcrumb-text .breadcrumbs {
    margin: 0;
    padding: 0;
    display: inline; }
  @media screen and (max-width: 1199px) {
    #breadcrumb-text .breadcrumbs {
      padding-left: 15px; } }
  #breadcrumb-text .breadcrumbs li {
    padding: 0 15px;
    display: inline-block;
    position: relative; }
  #breadcrumb-text .breadcrumbs li:after {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 10px;
    float: right;
    position: absolute;
    right: -5px;
    top: 2px; }
  #breadcrumb-text .breadcrumbs li:first-child {
    padding-left: 0; }
  #breadcrumb-text .breadcrumbs li:last-child {
    padding-right: 0; }
  #breadcrumb-text .breadcrumbs li:last-child:after {
    content: ""; }
  #breadcrumb-text .breadcrumbs li a:hover {
    color: #0000fe; }
  #breadcrumb-text .breadcrumbs li .zo-breadcrumb-categrory-space {
    padding-right: 5px; }

.zo-page-title-style-01.bellow .zo-page-title-text h1 {
  margin-bottom: 15px; }
  .zo-page-title-style-01 .breadcrumbs:before {
    border-bottom: 2px solid #fff; }
  .zo-page-title-style-01 .breadcrumbs li a {
    color: #fff; }
  .zo-page-title-style-01 .breadcrumbs li a:hover {
    color: #0000fe; }

.zo-page-title-style-02 {
  position: relative;
  border-top: 1px solid #ddd; }
  .zo-page-title-style-02:before {
    background: rgba(51, 51, 51, 0.05) none repeat scroll 0 0;
    box-shadow: 0 10px 30px 0 rgba(51, 51, 51, 0.5);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 100%; }
  .zo-page-title-style-02 .zo-page-title-text h1 {
    color: #333 !important; }
  .zo-page-title-style-02 .breadcrumbs li {
    color: #333 !important; }
  .zo-page-title-style-02 .breadcrumbs li a {
    color: #333; }
  .zo-page-title-style-02 .breadcrumbs li a:hover {
    color: #0000fe; }

.list-style-check li {
  color: #9c9c9c;
  line-height: 31px;
  position: relative;
  padding-left: 36px; }
  .list-style-check li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 1px;
    left: 4px;
    z-index: 1; }
  .list-style-check li:after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #db5896;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    /* BACKGROUND GRADIENT */
    border: 2px solid #ba2b6f;
    position: absolute;
    top: 4px;
    left: 0; }

.list-style-check.green {
  /*
----> End List Style
*/
  /*
----> VC Row Overlay Color
*/ }
  .list-style-check.green li:after {
    background-color: #81b748;
    border-color: #5a951b; }

.entry-content .wpb_row {
  /*
----> End VC Row Overlay Color
*/
  /*
----> VC Row Backgrund Color Custom
*/ }
  .entry-content .wpb_row.background-image-fixed {
    overflow: hidden;
    position: inherit; }
  .entry-content .wpb_row.background-image-fixed .zo-overlay-color {
    height: 3000px;
    left: 0;
    position: relative;
    margin-bottom: -3000px;
    width: 100%;
    -webkit-transform: translateY(-20%);
    -khtml-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */ }
  .entry-content .wpb_row .zo-overlay-color {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }

.row-custom-bg-color {
  position: relative;
  /*Fix row flex*/ }
  .row-custom-bg-color .zo-custom-bg-left, .row-custom-bg-color .zo-custom-bg-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%; }
  .row-custom-bg-color .zo-custom-bg-right {
    left: inherit;
    right: 0; }

.vc_row.vc_row-o-content-middle {
  flex-wrap: wrap;
  /*
----> End VC Row Backgrund Color Custom
*/ }

.zo-row-arrow {
  border: 20px solid;
  bottom: 0;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 38px; }

.row-arrow-top .zo-row-arrow {
  bottom: inherit;
  top: 0;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent; }
  .row-arrow-top .zo-row-arrow:hover {
    cursor: pointer; }

.row-overlay-color, .zo_parallax {
  position: relative; }

.row-arrow-bottom .zo-row-arrow {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent; }
  .row-arrow-bottom .zo-row-arrow:hover {
    cursor: pointer; }

#zo-loadding {
  background: #fff;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
  /* [Start] Eror Page
==============================================================*/ }
  #zo-loadding .ball {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -khtml-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */ }

.error404 {
  /* [End] Eror Page
==============================================================*/ }
  .error404 #main {
    padding: 0 !important; }
  .error404 #main #primary {
    background-color: #0000fe;
    padding: 320px 0; }
  .error404 .entry-error404 {
    text-align: center;
    color: #333; }
  .error404 .entry-error404 .entry-header img {
    margin-bottom: 40px; }
  .error404 .entry-error404 .entry-header h1 {
    font-size: 50px;
    color: #333; }
  .error404 .entry-error404 .entry-header h2 {
    color: #333;
    font-size: 30px;
    line-height: 50px; }
  .error404 .entry-error404 .entry-content {
    padding: 20px 0; }
  .error404 .entry-error404 .entry-footer .btn-home {
    margin-right: 20px; }

.zo-carousel.owl-carousel .owl-item img {
  width: auto;
  /* ZO GRID COLUMNS */ }

@media (min-width: 1200px) {
  .zo-grid-wrapper .zo-lg-2cols .zo-grid-item:nth-child(2n+1) {
    clear: both; }
    .zo-grid-wrapper .zo-lg-3cols .zo-grid-item:nth-child(3n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-lg-4cols .zo-grid-item:nth-child(4n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-lg-6cols .zo-grid-item:nth-child(6n+1) {
      clear: both; } }

@media (min-width: 992px) and (max-width: 1200px) {
  .zo-grid-wrapper .zo-md-2cols .zo-grid-item:nth-child(2n+1) {
    clear: both; }
    .zo-grid-wrapper .zo-md-3cols .zo-grid-item:nth-child(3n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-md-4cols .zo-grid-item:nth-child(4n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-md-6cols .zo-grid-item:nth-child(6n+1) {
      clear: both; } }

@media (min-width: 768px) and (max-width: 991px) {
  .zo-grid-wrapper .zo-sm-2cols .zo-grid-item:nth-child(2n+1) {
    clear: both; }
    .zo-grid-wrapper .zo-sm-3cols .zo-grid-item:nth-child(3n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-sm-4cols .zo-grid-item:nth-child(4n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-sm-6cols .zo-grid-item:nth-child(6n+1) {
      clear: both; } }

@media (max-width: 767px) {
  .zo-grid-wrapper .zo-xs-2cols .zo-grid-item:nth-child(2n+1) {
    clear: both; }
    .zo-grid-wrapper .zo-xs-3cols .zo-grid-item:nth-child(3n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-xs-4cols .zo-grid-item:nth-child(4n+1) {
      clear: both; }
    .zo-grid-wrapper .zo-xs-6cols .zo-grid-item:nth-child(6n+1) {
      clear: both; } }

.zo-content-sidebar .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
  margin-bottom: 0 !important; }

.post-password-form input[type="submit"] {
  border: 1px solid #0000fe;
  background: #0000fe;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
  .post-password-form input[type="submit"]:hover {
    background: #fff;
    color: #0000fe; }
  .post-password-form input[type="password"] {
    padding: 6px;
    font-size: 14px;
    max-width: 300px; }

#style_selector.active {
  left: 0; }

#style_selector {
  background: #222;
  width: 280px;
  height: 100%;
  position: fixed;
  left: -280px;
  top: 0;
  z-index: 99999999;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  border-radius: 0 0 0 4px; }

#style_selector_container {
  padding: 40px 29px 30px;
  height: 100%;
  overflow: auto; }

#style_selector .style-main-title {
  color: #000;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-bottom: 1px solid rgba(23, 24, 26, 0.15);
  background-image: linear-gradient(top, #fff 0%, #f7f4f4 100%); }

#style_selector .box-title {
  display: inline-block;
  font-size: 14px;
  height: 55px;
  line-height: 55px;
  width: 100%;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 15px; }

#style_selector .input-box {
  padding: 5px 15px 5px 5px; }

#style_selector .input-box select {
  background: #f7f7f7;
  width: 100%;
  padding: 10px 18px 10px 10px;
  border: 1px solid rgba(23, 24, 26, 0.15);
  font-size: 12px;
  color: #000; }

#style_selector .style-toggle {
  background: #fff;
  cursor: pointer; }

#style_selector.active .style-toggle i:before {
  content: "\f00d"; }

#style_selector .control-option i {
  font-size: 14px;
  color: #fff;
  transform: translateX(-2px);
  -webkit-transform: translateX(-2px);
  -moz-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  -o-transform: translateX(-2px); }

#style_selector .control-option {
  right: 0;
  position: absolute;
  text-align: center;
  top: 150px;
  z-index: -1;
  padding: 0;
  margin: 0;
  list-style: none;
  transform: translateX(100%);
  -webit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%); }

#style_selector .control-option li {
  background: #43cbfd;
  margin-bottom: 2px;
  float: left;
  clear: both;
  min-width: 40px; }

#style_selector .control-option li a {
  white-space: nowrap;
  display: block;
  padding: 3px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 30px; }

#style_selector .control-option li a.close {
  text-shadow: none;
  float: none;
  opacity: 1; }

#style_selector .control-option li a span {
  max-width: 0;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  font-size: 11px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease; }

#style_selector .control-option li a:hover > span {
  max-width: 200px;
  margin-right: 10px; }

#style_selector .predefined a.preset1 {
  background: #43cbfd; }

#style_selector .predefined a.preset2 {
  background: #ff4421; }

#style_selector .predefined a.preset3 {
  background: #f6bb17; }

#style_selector .predefined a.preset4 {
  background: #f10f24; }

#style_selector .predefined a.preset5 {
  background: #8d57d1; }

#style_selector .predefined a.preset6 {
  background: #f36510; }

#style_selector .predefined a.preset7 {
  background: #1e6bf1; }

#style_selector .predefined a.preset8 {
  background: #c0392b; }

#style_selector .predefined a.preset9 {
  background: #63bc0d; }

#style_selector .predefined a.preset10 {
  background: #f1505b; }

#style_selector .predefined a {
  -webkit-transition: all ease 0.3s;
  -khtml-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  /* BACKGROUND GRADIENT */
  /* TRANSITION DELAY */ }
  #style_selector .predefined a:hover {
    opacity: 0.8; }
  #style_selector .predefined a.active {
    border: 2px dotted #fff; }

#style_selector .predefined {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px; }
  #style_selector .predefined a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 32px;
    margin: 0 5px 5px 0;
    max-width: 32px;
    overflow: hidden;
    display: inline-block;
    width: 100%; }

#style_selector .header-demo {
  margin-bottom: 25px; }
  #style_selector .header-demo a {
    margin: 0 7px 12px 0;
    width: calc(50% - 10px);
    text-align: center;
    border: 2px solid #fff;
    padding: 5px 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  #style_selector .header-demo a:hover {
    border-color: #0000fe;
    color: #0000fe; }

.demos a {
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  display: block;
  margin-bottom: 20px;
  margin-top: 10px; }
  .demos a:hover {
    color: #0000fe; }
  .demos a img {
    opacity: 1;
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */
    margin-bottom: 5px; }
  .demos a img:hover {
    opacity: 0.8; }

@media screen and (max-width: 1200px) {
  #style_selector .style-toggle {
    display: none; } }

.pro-page-search .site-main .message-search {
  padding: 20px 10px; }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item {
    margin: 0px 15px 60px 0px; }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item:last-child {
    margin: 0px 15px 0px 0px; }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner {
    border-bottom: none;
    background-color: #f5f5f5;
    padding-bottom: 0px !important; }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid {
    padding-top: 0px; }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media {
    position: relative; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media:hover .pro-icon-hover {
      opacity: 1;
      height: 100%; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profiles-image img {
      width: 100%; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pro-icon-hover {
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      position: absolute;
      width: 100%;
      text-align: center;
      height: 0px;
      top: 0;
      left: 0; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul {
      font-size: 14px;
      background: #fff;
      text-align: center;
      position: absolute;
      z-index: 1;
      left: 50%;
      padding: 10px;
      margin: 0px;
      min-width: 270px;
      transform: translate(-50%, -50%);
      border-radius: 50px;
      padding: 10px 0px;
      -webkit-box-shadow: 0px 1px 9px -1px #cecece;
      -khtml-box-shadow: 0px 1px 9px -1px #cecece;
      -moz-box-shadow: 0px 1px 9px -1px #cecece;
      -ms-box-shadow: 0px 1px 9px -1px #cecece;
      -o-box-shadow: 0px 1px 9px -1px #cecece;
      box-shadow: 0px 1px 9px -1px #cecece;
      /* BACKGROUND GRADIENT */
      /* BOX SIZING */ }
    @media screen and (max-width: 991px) {
                .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul {
                  padding: 10px; } }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-date {
      padding-left: 0px;
      padding-right: 0px;
      display: inline-block; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-date:after {
      content: "|";
      padding: 0 5px 0 5px;
      display: inline-block; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-comment {
      padding-left: 0px;
      padding-right: 0px;
      display: inline-block; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-comment a {
      padding-right: 4px;
      color: #999; }
      .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profile-meta ul .zo-blog-comment a:hover {
        color: #0000fe; }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content {
    padding: 22px 30px 30px 30px;
    margin-top: 0px; }
  @media screen and (max-width: 991px) {
            .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content {
              padding-left: 30px;
              padding-right: 15px; } }
  @media screen and (max-width: 767px) {
            .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content {
              padding-left: 15px; } }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title {
    padding: 0px 0px 16px 0px; }
    @media screen and (max-width: 991px) {
              .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title {
                padding: 20px 0 10px; } }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a {
      font-size: 20px;
      font-weight: 400; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a:hover {
      color: #0000fe; }
  .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-btn-read-more {
    padding-top: 18px;
    text-align: right; }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-btn-read-more a {
      padding: 10px 30px;
      background: #fff none repeat scroll 0 0;
      border: medium none;
      border-radius: 4px;
      box-shadow: 0 1px 9px -4px rgba(0, 0, 0, 0.4);
      color: #222;
      font-size: 14px;
      font-weight: 400;
      height: 40px;
      line-height: 20px;
      text-transform: uppercase;
      vertical-align: middle;
      text-align: right;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
    .pro-page-search .site-main .pet-profiles-lists .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-btn-read-more a:hover {
      background-color: #0000fe;
      color: #fff; }
  .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item:hover .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a {
    color: #000; }
  .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner:hover .pro-media-grid .pet-profiles-media .pro-icon-hover {
    opacity: 1;
    height: 100%; }
  .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner:hover .pet-profiles-warper-content {
    background: #0000fe; }
    .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner:hover .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title a {
      color: #fff; }
  .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pet-profiles-image img {
    width: 100%; }
    .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pro-media-grid .pet-profiles-media .pro-icon-hover {
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      position: absolute;
      width: 100%;
      text-align: center;
      height: 0px;
      top: 0;
      left: 0;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
  .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content {
    width: 100%;
    margin: 0;
    background-color: #f5f5f5;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title {
    text-align: center; }
    .pro-page-search .site-main .pet-profiles-grid .pet-profiles-item .pet-profiles-inner .pet-profiles-warper-content .pro-wrapper-title .pet-profiles-title {
      margin: 0;
      font-weight: 400;
      font-size: 14px;
      line-height: 25px;
      padding: 15px 0 15px; }

.pro-params .pro-sort-page .pro-show-style .pro-grid-view {
  display: inline-block;
  line-height: 18px; }

.zo-masonry-wrapper {
  /* ==========================================================================
   [End] Zo Masonry
========================================================================== */
  /* ==========================================================================
   [Start] Images Carousel
========================================================================== */
  /* ==========================================================================
   [Start] 11. Images Carousel
========================================================================== */ }
  .zo-masonry-wrapper .zo-masonry-filter {
    margin-bottom: 40px; }
  .zo-masonry-wrapper .zo-masonry-filter ul {
    padding: 0;
    margin: 0;
    list-style: none inside;
    text-align: center; }
  .zo-masonry-wrapper .zo-masonry-filter ul li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 15px; }
  .zo-masonry-wrapper .zo-masonry-filter ul li a {
    display: block;
    padding: 2px 20px;
    font-weight: normal;
    color: #afc3d0; }
  .zo-masonry-wrapper .zo-masonry-filter ul li a.active, .zo-masonry-wrapper .zo-masonry-filter ul li a:hover {
    border: 1px solid #afc3d0;
    color: #414141;
    border-radius: 20px; }

.wpb_images_carousel {
  max-width: 100%;
  margin: 0 auto; }
  .wpb_images_carousel .vc_item {
    text-align: center; }
  .wpb_images_carousel .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
    padding: 0;
    margin: 0; }
  .wpb_images_carousel.overlay .vc_item img, .wpb_images_carousel.overlay .slick-slide img {
    opacity: 0.6; }
  .wpb_images_carousel.overlay .vc_item:hover img, .wpb_images_carousel.overlay .slick-slide:hover img {
    opacity: 1; }
  .wpb_images_carousel.green .slick-dots li.slick-active button::before {
    color: #0000fe; }
  .wpb_images_carousel .slick-dots li.slick-active button::before {
    color: #0000fe; }
  .wpb_images_carousel .vc_slide .vc_carousel-control {
    border: 0px;
    display: block;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    /* COLOR OPACITY */
    height: 70px;
    opacity: 1;
    width: 20px;
    line-height: 70px;
    margin: 0;
    top: 50%;
    color: #fff;
    text-shadow: none;
    -webkit-transform: translate(0px, -50%);
    -khtml-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    text-shadow: none 2px 5px rgba(0, 0, 0, .4);
    /* TRANSFORM  */
    font-size: 22px; }
  .wpb_images_carousel .vc_slide .vc_carousel-control:hover {
    background-color: #fff; }
  .wpb_images_carousel .vc_slide .vc_carousel-control span {
    display: none; }
  .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left {
    left: 0px; }
  .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left:before {
    content: "\f104";
    font-family: FontAwesome; }
  .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right {
    right: 0px; }
  .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right:before {
    content: "\f105";
    font-family: FontAwesome; }

@media screen and (max-width: 767px) {
  .wpb_images_carousel .vc_images_carousel {
    width: 100% !important; }
    .wpb_images_carousel .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {
      visibility: visible;
      height: auto !important;
      /*+ .vc_item{
                                margin-top: 50px;
                            }*/
      float: left; }
    .wpb_images_carousel.about-us-carousel-2 .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item + .vc_item {
      margin-top: 0px; } }

@media screen and (max-width: 991px) {
  /* ==========================================================================
   [End] Images Carousel
========================================================================== */
  /* ==========================================================================
   [Start] Zo Carousel
========================================================================== */
    .wpb_images_carousel .zo_images_carousel-wrap {
      text-align: center; }
      .wpb_images_carousel .zo_images_carousel-wrap .zo_images_carousel > div + div {
        margin-top: 50px; } }

.template-zo_carousel {
  /* ==========================================================================
   [End] Zo Carousel
========================================================================== */ }
  .template-zo_carousel .zo-carousel-media img {
    margin: 0 auto; }
  .template-zo_carousel .zo-carousel-title {
    margin-top: 15px; }
  .template-zo_carousel .zo-carousel-title a {
    color: inherit; }
  .template-zo_carousel .zo-carousel-title a:hover {
    color: #0000fe; }
  .template-zo_carousel .zo-carousel-content {
    margin-bottom: 10px; }
  .template-zo_carousel .zo-carousel-categories a {
    font-style: italic; }
  .template-zo_carousel .owl-nav .owl-prev {
    padding: 5px 10px !important; }
  .template-zo_carousel .owl-nav .owl-prev:hover {
    background: #0000fe !important; }
  .template-zo_carousel .owl-nav .owl-next {
    padding: 5px 10px !important; }
  .template-zo_carousel .owl-nav .owl-next:hover {
    background: #0000fe !important; }
  .template-zo_carousel .owl-dots .owl-dot span:hover {
    background: #0000fe !important; }

.template-zo_counter .zo-counter-inner {
  padding: 10px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* BACKGROUND GRADIENT */
  /* TRANSITION DELAY */
  max-width: 300px;
  margin: 0 auto; }
  .template-zo_counter .zo-counter-inner:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .template-zo_counter .zo-counter-inner:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .template-zo_counter .zo-counter-inner:hover:before {
    width: 40%;
    height: 40%;
    border-left: 1px solid #0000fe;
    border-top: 1px solid #0000fe; }
  .template-zo_counter .zo-counter-inner:hover:after {
    width: 40%;
    height: 40%;
    border-right: 1px solid #0000fe;
    border-bottom: 1px solid #0000fe; }
  .template-zo_counter .zo-counter-icon {
    text-align: center; }
  .template-zo_counter .zo-counter-icon i {
    color: #0000fe;
    font-size: 35px;
    margin-bottom: 20px; }
  .template-zo_counter .zo-counter {
    font-size: 40px;
    color: #414141;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700; }
  .template-zo_counter .zo-counter-body h3 {
    text-align: center;
    color: #616161; }
  .template-zo_counter .zo-counter-body h3:after {
    content: ".";
    color: #0000fe; }

.template-zo_grid .zo-grid-item {
  margin-bottom: 50px; }
  .template-zo_grid .zo-grid-item .zo-grid-media {
    position: relative; }
  .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay {
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px); }
  .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i {
    opacity: 1; }
  .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i:before {
    position: absolute;
    content: "";
    width: 0;
    height: 20px;
    top: -10px;
    left: calc(50% - 1px);
    border-left: 1px solid #0000fe; }
  .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 0;
    left: -10px;
    top: calc(50% - 1px);
    border-bottom: 1px solid #0000fe; }
  .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay a {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 12px);
    padding: 10px; }
  .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay a i {
    color: #0000fe;
    opacity: 0;
    font-size: 1px;
    position: relative; }
  .template-zo_grid .zo-grid-item .zo-grid-title {
    margin-top: 20px;
    font-weight: 500;
    text-transform: uppercase; }
  .template-zo_grid .zo-grid-item .zo-grid-title a {
    color: #313131; }
  .template-zo_grid .zo-grid-item .zo-grid-title a:hover {
    color: #0000fe; }
  .template-zo_grid .zo-grid-item .zo-grid-readmore {
    margin-top: 30px; }
  .template-zo_grid .zo-grid-item .zo-grid-readmore a {
    font-weight: 400; }

.template-zo_masonry {
  /*ZO BUTTON*/ }
  .template-zo_masonry .zo-masonry-item .zo-masonry-inner:before {
    opacity: 0;
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;
    top: 60px;
    left: 60px;
    bottom: 60px;
    right: 60px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover {
    opacity: 0;
    position: absolute;
    top: calc(50% - 42px);
    text-align: center; }
  .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover .zo-portfolio-title {
    margin-bottom: 0px; }
  .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover .zo-portfolio-title a {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: uppercase; }
  .template-zo_masonry .zo-masonry-item .zo-masonry-inner:hover:before {
    opacity: 1;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px; }
  .template-zo_masonry .zo-masonry-item .zo-masonry-inner:hover .portfolio-content-hover {
    width: 100%;
    left: 0;
    opacity: 1;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -khtml-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }

.template-zo_button {
  /*Short code Video*/ }
  .template-zo_button .zo-button i {
    padding: 0 5px; }

.zo-video-custom {
  position: relative; }
  .zo-video-custom > img {
    padding-right: 0;
    width: 100%; }
  .zo-video-custom a.play-button span {
    position: absolute;
    padding: 10px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    /* BACKGROUND GRADIENT */
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    /* COLOR OPACITY */ }
  .zo-video-custom a.play-button span i {
    font-size: 25px;
    color: #0000fe;
    width: 80px;
    height: 80px;
    background: #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /* BACKGROUND GRADIENT */
    line-height: 80px;
    text-indent: 10px; }
  .zo-video-custom a.play-button span:hover {
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */
    background: #0000fe;
    background: rgba(0, 0, 254, 0.3);
    /* COLOR OPACITY */ }
  .zo-video-custom a.play-button span:hover i {
    background: #0000fe;
    color: #fff;
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .zo-video-custom .video-close {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #fff; }
  .zo-video-custom .video-close:hover {
    color: #000; }

.heading-uppcase .zo-heading-main {
  font-weight: 600;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 0;
  position: relative;
  line-height: 38px; }
  .heading-uppcase .zo-heading-sub {
    font-size: 18px;
    color: #7898ad; }
  .heading-uppcase.text-white .zo-heading-main, .heading-uppcase.text-white .zo-heading-sub {
    color: #fff; }
  .heading-uppcase.small .zo-heading-main {
    font-size: 22px;
    font-weight: 500; }

.heading-primary .zo-heading-main {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 30px;
  color: #0000fe; }
  .heading-primary.center {
    text-align: center; }
  .heading-primary.center .zo-heading-main {
    display: inline-block;
    position: relative;
    padding-bottom: 10px; }
  .heading-primary.center .zo-heading-main::before {
    content: "";
    width: 240px;
    height: 3px;
    background: url(../images/line2.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: calc(50% - 120px); }
  .heading-primary.white .zo-heading-main::before {
    background: url(../images/line2-white.png) no-repeat; }

.owl-theme.owl-carousel {
  position: relative; }
  .owl-theme.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    width: 100%;
    margin: 0 !important; }
  @media screen and (max-width: 600px) {
      .owl-theme.owl-carousel .owl-nav .owl-nav {
        display: none; } }
  .owl-theme.owl-carousel .owl-nav .owl-prev, .owl-theme.owl-carousel .owl-nav .owl-next {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .owl-theme.owl-carousel .owl-nav .owl-prev:hover, .owl-theme.owl-carousel .owl-nav .owl-next:hover {
    background: transparent;
    border: 0; }
  .owl-theme.owl-carousel .owl-nav .owl-prev:hover i, .owl-theme.owl-carousel .owl-nav .owl-next:hover i {
    color: #0000fe; }
  .owl-theme.owl-carousel .owl-nav .owl-prev i, .owl-theme.owl-carousel .owl-nav .owl-next i {
    font-size: 22px;
    color: #111;
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .owl-theme.owl-carousel .owl-nav .owl-prev {
    left: -15px; }
  .owl-theme.owl-carousel .owl-nav .owl-next {
    right: -15px; }
  .owl-theme.owl-carousel .owl-dots {
    display: inline-block !important;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -55px;
    z-index: 99; }
  .owl-theme.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px; }
  .owl-theme.owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #999;
    border-radius: 0px;
    -webkit-transition: all ease 0.3s;
    -khtml-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /* BACKGROUND GRADIENT */
    /* TRANSITION DELAY */ }
  .owl-theme.owl-carousel .owl-dots .owl-dot.active span, .owl-theme.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #0000fe; }

.template-zo_carousel--doitac .zo-carousel-item {
  background-color: #fff;
  padding: 25px 0px 10px;
  -webkit-transition: all 0.3s;
  -khtml-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* BACKGROUND GRADIENT */
  /* TRANSITION DELAY */ }
  .template-zo_carousel--doitac .zo-carousel-item img {
    margin: auto;
    height: 80px !important; }
  @media screen and (max-width: 600px) {
  .template-zo_carousel--doitac .owl-nav {
    display: none; } }

@media screen and (min-width: 992px) {
  .zo-header-secondary #site-navigation .menu-main-menu > li.menu-item-has-children::before {
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%); } }

.template-zo_carousel--chung-toi .owl-nav i {
  color: #fff; }
  .template-zo_carousel--chung-toi .icon {
    text-align: center;
    margin-bottom: 35px;
    display: block; }
  .template-zo_carousel--chung-toi .icon i {
    font-size: 45px;
    color: #fff; }
  .template-zo_carousel--chung-toi .zo-carousel-content {
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    font-style: italic; }
  .template-zo_carousel--chung-toi .zo-carousel-item {
    padding: 15px; }
  .template-zo_carousel--chung-toi .image {
    margin-top: 20px;
    margin-bottom: 20px; }
  .template-zo_carousel--chung-toi .image img {
    width: 100px !important;
    margin: auto;
    border-radius: 50%; }
  .template-zo_carousel--chung-toi .title {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    display: block; }
  .template-zo_carousel--tintuc .owl-prev, .template-zo_carousel--tintuc .owl-next {
    width: 30px;
    height: 30px;
    background-color: #0000fe !important;
    border: 1px solid #fff !important; }
  .template-zo_carousel--tintuc .owl-prev i, .template-zo_carousel--tintuc .owl-next i {
    color: #fff !important;
    line-height: 28px; }
  .template-zo_carousel--tintuc .owl-prev {
    left: 12px; }
  .template-zo_carousel--tintuc .zo-carousel-item {
    background-color: #fff;
    border-radius: 3px;
    position: relative; }
  .template-zo_carousel--tintuc .zo-carousel-item:hover:before {
    opacity: 1; }
  .template-zo_carousel--tintuc .zo-carousel-item:before {
    opacity: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #fe0000;
    display: inline-block;
    left: 0;
    bottom: 0;
    transition: all 0.3s; }
  .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-title {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 20px; }
  .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-title a {
    font-weight: 600;
    font-size: 16px; }
  .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-content {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px; }

.template-zo_carousel--tintuc .zo-carousel-item {
  border-radius: 5px;
  box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 10px; }
  .template-zo_carousel--tintuc .zo-carousel-item img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
    padding-right: 15px; }
  .template-zo_carousel--tintuc .zo-carousel-item .zo-carousel-title a {
    font-size: 18px;
    line-height: 28px; }

.template-zo_grid--tin-tuc-1 .wrapper, .related-post-wrapper .wrapper {
  margin-bottom: 30px;
  border-radius: 5px;
  padding-bottom: 5px;
  position: relative;
  box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.10); }
  .template-zo_grid--tin-tuc-1 .wrapper:hover:before, .related-post-wrapper .wrapper:hover:before {
    opacity: 1; }
  .template-zo_grid--tin-tuc-1 .wrapper:before, .related-post-wrapper .wrapper:before {
    opacity: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #fe0000;
    display: inline-block;
    left: 0;
    bottom: 0;
    transition: all 0.3s; }
  .template-zo_grid--tin-tuc-1 .zo-grid-title, .related-post-wrapper .zo-grid-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    margin-bottom: 8px;
    line-height: 20px; }
  .template-zo_grid--tin-tuc-1 .zo-grid-content, .related-post-wrapper .zo-grid-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    letter-spacing: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 14px;
    line-height: 24px; }

.vc_single_image-wrapper img {
  border-radius: 5px; }

.template-zo_carousel_fancybox .owl-prev, .template-zo_carousel_fancybox .owl-next {
  width: 30px;
  height: 30px;
  background-color: #0000fe !important;
  border: 1px solid #fff !important; }
  .template-zo_carousel_fancybox .owl-prev i, .template-zo_carousel_fancybox .owl-next i {
    color: #fff !important;
    line-height: 28px; }
  .template-zo_carousel_fancybox .zo-carousel-fancy-item {
    background-color: #fff;
    border-radius: 3px;
    padding: 8px; }
  .template-zo_carousel_fancybox h3 {
    margin-top: 13px;
    margin-bottom: 5px; }
  .template-zo_carousel_fancybox h3 a {
    font-size: 20px;
    font-weight: 700; }
  .template-zo_carousel_fancybox .zo-carousel-fancy-box-content {
    font-size: 15px;
    line-height: 24px; }
  .template-zo_carousel_fancybox .readmore {
    margin-top: 18px;
    margin-bottom: 13px; }
  .template-zo_carousel_fancybox .readmore a {
    color: #000;
    background-color: #0000fe;
    color: #fff;
    font-size: 13px;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 7px 26px 7px 15px;
    position: relative; }
  .template-zo_carousel_fancybox .readmore a:hover {
    background-color: #fe0000; }
  .template-zo_carousel_fancybox .readmore a::before {
    position: absolute;
    font-family: "FontAweSome";
    content: "\f105";
    color: #fff;
    right: 10px;
    top: 0px;
    font-size: 18px; }
  .template-zo_carousel_fancybox .zo-carousel-fancy-box-image img {
    border-radius: 3px; }

.single .header-meta-post .posted-on {
  margin-right: 5px; }
  .single .zo-blog-body {
    margin-top: 35px; }
  .single .title-single {
    color: #0000fe; }

.zo-grid-title.mt-check {
  margin-top: 8px !important; }

.nav-menu {
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: inline-block;
  width: 100%;
  /*
 *  Main Menu For Screen Large ( > 992px ).
 */ }
  .nav-menu li {
    display: inline-block;
    position: relative;
    list-style: none; }
  .nav-menu li a {
    display: inline-block;
    position: relative; }

@media screen and (min-width: 992px) {
  /*
 *  End Main Menu For Screen Large ( > 992px ).
 */
  /*
 *  Max width of 992 pixels - Menu Mobi
 */
    .nav-menu > li {
      /* Start Mega Menu */ }
      .nav-menu > li:hover {
        /* Style Sub Menu - Level 2 */ }
        .nav-menu > li:hover > ul.sub-menu {
          overflow: visible;
          visibility: visible;
          opacity: 1;
          -webkit-transform: scale(1);
          -khtml-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ }
          .nav-menu > li:hover > ul.sub-menu.drop_to_center {
            -webkit-transform: scaleY(1) translateX(-32%);
            -khtml-transform: scaleY(1) translateX(-32%);
            -moz-transform: scaleY(1) translateX(-32%);
            -ms-transform: scaleY(1) translateX(-32%);
            -o-transform: scaleY(1) translateX(-32%);
            transform: scaleY(1) translateX(-32%);
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ }
          .header-vertical .nav-menu > li:hover > ul.sub-menu {
            -webkit-transform: scaleY(1) translateY(-50%);
            -khtml-transform: scaleY(1) translateY(-50%);
            -moz-transform: scaleY(1) translateY(-50%);
            -ms-transform: scaleY(1) translateY(-50%);
            -o-transform: scaleY(1) translateY(-50%);
            transform: scaleY(1) translateY(-50%);
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ }
      .nav-menu > li ul.sub-menu {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 99;
        padding: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        cursor: pointer;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        /* BOX */
        -webkit-transform: scaleY(0);
        -khtml-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM ORIGIN */
        -webkit-transform-origin: 0 0;
        -khtml-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        /* BACKGROUND GRADIENT */
        /* TRANSFORM STYLE */
        -webkit-transition: all 0.28s ease-in-out;
        -khtml-transition: all 0.28s ease-in-out;
        -moz-transition: all 0.28s ease-in-out;
        -ms-transition: all 0.28s ease-in-out;
        -o-transition: all 0.28s ease-in-out;
        transition: all 0.28s ease-in-out;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */ }
        .nav-menu > li ul.sub-menu.drop_to_center {
          -webkit-transform: scaleY(0) translateX(-32%);
          -khtml-transform: scaleY(0) translateX(-32%);
          -moz-transform: scaleY(0) translateX(-32%);
          -ms-transform: scaleY(0) translateX(-32%);
          -o-transform: scaleY(0) translateX(-32%);
          transform: scaleY(0) translateX(-32%);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ }
        .nav-menu > li ul.sub-menu.drop_to_right {
          left: initial;
          right: 0; }
        .header-vertical .nav-menu > li ul.sub-menu {
          top: 50%;
          -webkit-transform: scaleY(0) translateY(-50%);
          -khtml-transform: scaleY(0) translateY(-50%);
          -moz-transform: scaleY(0) translateY(-50%);
          -ms-transform: scaleY(0) translateY(-50%);
          -o-transform: scaleY(0) translateY(-50%);
          transform: scaleY(0) translateY(-50%);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ }
          .admin-bar .header-vertical .nav-menu > li ul.sub-menu {
            top: 32px; }
        .header-vertical-left .nav-menu > li ul.sub-menu {
          left: 100%; }
        .header-vertical-right .nav-menu > li ul.sub-menu {
          right: 100%;
          left: initial; }
        .nav-menu > li ul.sub-menu li {
          width: 100%; }
          .nav-menu > li ul.sub-menu li:hover > ul.sub-menu {
            overflow: visible;
            visibility: visible;
            opacity: 1;
            -webkit-transform: scale(1);
            -khtml-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ }
            .nav-menu > li ul.sub-menu li:hover.no_group {
              background: #fff; }
          .nav-menu > li ul.sub-menu li a {
            display: block;
            padding-left: 25px;
            padding-right: 15px;
            position: relative;
            /* Menu - Level > 3 */ }
            .nav-menu > li ul.sub-menu li a:hover {
              padding-left: 25px; }
            .nav-menu > li ul.sub-menu li a .menu-title {
              display: inline-block;
              vertical-align: middle; }
              .nav-menu > li ul.sub-menu li a .menu-title i {
                margin-right: 10px; }
          .nav-menu > li ul.sub-menu li ul.sub-menu {
            top: 0;
            /* Menu Stick Wall */
            left: 100%; }
            .nav-menu > li ul.sub-menu li ul.sub-menu.back {
              right: 100%;
              left: auto; }
              .nav-menu > li ul.sub-menu li ul.sub-menu.back ul:not(.back) {
                right: 100%;
                left: auto; }
              .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back {
                left: 100%;
                right: auto; }
                .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back ul:not(.back) {
                  left: 100%;
                  right: auto; }
                .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back ul.back {
                  right: 100%;
                  left: auto; }
          .nav-menu > li ul.sub-menu li .zo-menu-toggle {
            position: absolute;
            right: 15px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ }
          .nav-menu > li ul.sub-menu li.less-menu-icon-new span.menu-title {
            position: relative; }
            .nav-menu > li ul.sub-menu li.less-menu-icon-new span.menu-title:after {
              position: absolute;
              right: -30px;
              top: -10px;
              content: "\f006";
              color: #f10f23;
              width: 25px;
              height: 25px;
              font-family: "FontAwesome";
              font-size: 15px; }
          .nav-menu > li ul.sub-menu li.less-menu-icon-coming-soon span.menu-title {
            position: relative; }
            .nav-menu > li ul.sub-menu li.less-menu-icon-coming-soon span.menu-title:after {
              position: absolute;
              right: -30px;
              top: -10px;
              content: "\f017";
              color: #f10f23;
              width: 25px;
              height: 25px;
              font-family: "FontAwesome";
              font-size: 15px; }
      .nav-menu > li > ul.sub-menu:not(.multicolumn) ul li a {
        padding-left: 40px;
        /* padding a level 4 */ }
        .nav-menu > li > ul.sub-menu:not(.multicolumn) ul li li a {
          padding-left: 55px; }
      .nav-menu > li.menu-item-has-children {
        /* End Mega Menu */ }
      .nav-menu > li.menu-item-has-children.has_full_width {
        position: inherit; }
        .nav-menu > li.menu-item-has-children.has_full_width > ul {
          left: 0 !important; }
        .nav-menu > li.menu-item-has-children.has_full_width.right-slide > ul {
          left: inherit !important;
          right: 30px; }
        .header-vertical .nav-menu > li.menu-item-has-children.has_full_width {
          position: relative; }
          .header-vertical .nav-menu > li.menu-item-has-children.has_full_width > ul {
            left: 100% !important; }
        .header-vertical-right .nav-menu > li.menu-item-has-children.has_full_width > ul {
          right: 100% !important;
          left: initial !important; }
      .nav-menu > li.menu-item-has-children.less-menu-home .columns4 > li {
        width: 22% !important; }
        .nav-menu > li.menu-item-has-children.less-menu-home .columns4 > li:first-child {
          width: 34% !important; }
      .nav-menu > li.menu-item-has-children .columns2 > li:nth-of-type(2n+1), .nav-menu > li.menu-item-has-children .columns3 > li:nth-child(3n+1), .nav-menu > li.menu-item-has-children .columns4 > li:nth-child(4n+1), .nav-menu > li.menu-item-has-children .columns5 > li:nth-child(5n+1) {
        clear: left; }
      .nav-menu > li.menu-item-has-children .columns5 > li {
        width: 20% !important; }
      .nav-menu > li.menu-item-has-children .columns4 > li {
        width: 25% !important; }
      .nav-menu > li.menu-item-has-children .columns3 > li {
        width: 33% !important; }
      .nav-menu > li.menu-item-has-children .columns2 > li {
        width: 50% !important; }
      .nav-menu > li.menu-item-has-children [class*="columns"] > li {
        float: left; }
        .nav-menu > li.menu-item-has-children [class*="columns"] > li > a {
          width: 100%; }
      .nav-menu > li.menu-item-has-children > ul.multicolumn .zo-menu-toggle, .nav-menu > li.menu-item-has-children > ul.drop_full_width .zo-menu-toggle {
        display: none; }
        .nav-menu > li.menu-item-has-children > ul.multicolumn ul.sub-menu, .nav-menu > li.menu-item-has-children > ul.drop_full_width ul.sub-menu {
          position: static;
          margin-top: 0;
          overflow: visible;
          visibility: visible;
          background: transparent;
          opacity: 1;
          box-shadow: none;
          min-width: initial;
          -webkit-transform: scale(1);
          -khtml-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ }
        .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group + li, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group + li {
          border-left: 1px solid #dfe5e8; }
          .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group > a, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group > a {
            color: #fe0000;
            letter-spacing: 0.05em !important;
            font-weight: 700 !important;
            text-transform: uppercase !important; }
            .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group > a:before, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group > a:before {
              width: 0 !important; }
          .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group ul.sub-menu, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group ul.sub-menu {
            min-width: initial; }
      .nav-menu > li.menu-item-has-children.right-slide {
        position: static !important; }
        .nav-menu > li.menu-item-has-children.right-slide > ul.multicolumn {
          left: inherit !important;
          right: 30px; }
        .header-style-02 .nav-menu > li.menu-item-has-children.right-slide > ul.multicolumn {
          right: 0; }
      .nav-menu > li.menu-item-has-children.position-static {
        position: static !important; }
    #zo-menu-mobile.collapse, .header-phone-logo {
      display: none; }
    #zo-header:not(.header-vertical) .nav-menu > li.menu-item-has-children.has_full_width > ul {
      width: 100% !important;
      max-width: 1170px; }
    .header-style-01 .nav-menu .menu-item-btn {
      float: right; }
    .zo-collapsed-menu .nav-menu > li {
      opacity: 0;
      visibility: hidden;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95);
      -khtml-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95);
      -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95);
      -ms-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95);
      -o-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95);
      transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95);
      /* BACKGROUND GRADIENT */
      /* TRANSITION PROPERTY */
      -webkit-transition-property: all;
      -khtml-transition-property: all;
      -moz-transition-property: all;
      -ms-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DURATION */ }
      .zo-collapsed-menu .nav-menu > li:nth-child(1) {
        -webkit-transition-delay: 0.15s;
        -khtml-transition-delay: 0.15s;
        -moz-transition-delay: 0.15s;
        -ms-transition-delay: 0.15s;
        -o-transition-delay: 0.15s;
        transition-delay: 0.15s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.1s;
        -khtml-transition-duration: 0.1s;
        -moz-transition-duration: 0.1s;
        -ms-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu .nav-menu > li:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        -khtml-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.15s;
        -khtml-transition-duration: 0.15s;
        -moz-transition-duration: 0.15s;
        -ms-transition-duration: 0.15s;
        -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu .nav-menu > li:nth-child(3) {
        -webkit-transition-delay: 0.25s;
        -khtml-transition-delay: 0.25s;
        -moz-transition-delay: 0.25s;
        -ms-transition-delay: 0.25s;
        -o-transition-delay: 0.25s;
        transition-delay: 0.25s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.2s;
        -khtml-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -ms-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu .nav-menu > li:nth-child(4) {
        -webkit-transition-delay: 0.3s;
        -khtml-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.25s;
        -khtml-transition-duration: 0.25s;
        -moz-transition-duration: 0.25s;
        -ms-transition-duration: 0.25s;
        -o-transition-duration: 0.25s;
        transition-duration: 0.25s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu .nav-menu > li:nth-child(5) {
        -webkit-transition-delay: 0.35s;
        -khtml-transition-delay: 0.35s;
        -moz-transition-delay: 0.35s;
        -ms-transition-delay: 0.35s;
        -o-transition-delay: 0.35s;
        transition-delay: 0.35s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.3s;
        -khtml-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu .nav-menu > li:nth-child(6) {
        -webkit-transition-delay: 0.4s;
        -khtml-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        -ms-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.35s;
        -khtml-transition-duration: 0.35s;
        -moz-transition-duration: 0.35s;
        -ms-transition-duration: 0.35s;
        -o-transition-duration: 0.35s;
        transition-duration: 0.35s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu .widget_cart_search_wrap .shopping_cart_dropdown_wrap, .zo-collapsed-menu .widget_cart_search_wrap .widget_searchform_content_wrap {
        opacity: 0;
        visibility: hidden; }
      .zo-collapsed-menu .widget_cart_search_wrap .shopping_cart_dropdown_wrap {
        -webkit-transition-delay: 0.45s;
        -khtml-transition-delay: 0.45s;
        -moz-transition-delay: 0.45s;
        -ms-transition-delay: 0.45s;
        -o-transition-delay: 0.45s;
        transition-delay: 0.45s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.4s;
        -khtml-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -ms-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu .widget_cart_search_wrap .widget_searchform_content_wrap {
        -webkit-transition-delay: 0.5s;
        -khtml-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        transition-delay: 0.5s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.45s;
        -khtml-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        -ms-transition-duration: 0.45s;
        -o-transition-duration: 0.45s;
        transition-duration: 0.45s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu.active .widget_cart_search_wrap .shopping_cart_dropdown_wrap, .zo-collapsed-menu.active .widget_cart_search_wrap .widget_searchform_content_wrap {
        opacity: 1;
        visibility: visible; }
      .zo-collapsed-menu.active .widget_cart_search_wrap .widget_searchform_content_wrap {
        -webkit-transition-delay: 0.15s;
        -khtml-transition-delay: 0.15s;
        -moz-transition-delay: 0.15s;
        -ms-transition-delay: 0.15s;
        -o-transition-delay: 0.15s;
        transition-delay: 0.15s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.1s;
        -khtml-transition-duration: 0.1s;
        -moz-transition-duration: 0.1s;
        -ms-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu.active .widget_cart_search_wrap .shopping_cart_dropdown_wrap {
        -webkit-transition-delay: 0.2s;
        -khtml-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s;
        /* BACKGROUND GRADIENT */
        /* TRANSITION TIMING FUNCTION */
        -webkit-transition-duration: 0.15s;
        -khtml-transition-duration: 0.15s;
        -moz-transition-duration: 0.15s;
        -ms-transition-duration: 0.15s;
        -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
      .zo-collapsed-menu.active .nav-menu > li {
        opacity: 1;
        visibility: visible; }
        .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+1) {
          -webkit-transition-delay: 0.25s;
          -khtml-transition-delay: 0.25s;
          -moz-transition-delay: 0.25s;
          -ms-transition-delay: 0.25s;
          -o-transition-delay: 0.25s;
          transition-delay: 0.25s;
          /* BACKGROUND GRADIENT */
          /* TRANSITION TIMING FUNCTION */
          -webkit-transition-duration: 0.2s;
          -khtml-transition-duration: 0.2s;
          -moz-transition-duration: 0.2s;
          -ms-transition-duration: 0.2s;
          -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
          /* BACKGROUND GRADIENT */
          /* TRIPLE BORDERS */ }
        .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+2) {
          -webkit-transition-delay: 0.3s;
          -khtml-transition-delay: 0.3s;
          -moz-transition-delay: 0.3s;
          -ms-transition-delay: 0.3s;
          -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
          /* BACKGROUND GRADIENT */
          /* TRANSITION TIMING FUNCTION */
          -webkit-transition-duration: 0.25s;
          -khtml-transition-duration: 0.25s;
          -moz-transition-duration: 0.25s;
          -ms-transition-duration: 0.25s;
          -o-transition-duration: 0.25s;
          transition-duration: 0.25s;
          /* BACKGROUND GRADIENT */
          /* TRIPLE BORDERS */ }
        .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+3) {
          -webkit-transition-delay: 0.35s;
          -khtml-transition-delay: 0.35s;
          -moz-transition-delay: 0.35s;
          -ms-transition-delay: 0.35s;
          -o-transition-delay: 0.35s;
          transition-delay: 0.35s;
          /* BACKGROUND GRADIENT */
          /* TRANSITION TIMING FUNCTION */
          -webkit-transition-duration: 0.3s;
          -khtml-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -ms-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          /* BACKGROUND GRADIENT */
          /* TRIPLE BORDERS */ }
        .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+4) {
          -webkit-transition-delay: 0.4s;
          -khtml-transition-delay: 0.4s;
          -moz-transition-delay: 0.4s;
          -ms-transition-delay: 0.4s;
          -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
          /* BACKGROUND GRADIENT */
          /* TRANSITION TIMING FUNCTION */
          -webkit-transition-duration: 0.35s;
          -khtml-transition-duration: 0.35s;
          -moz-transition-duration: 0.35s;
          -ms-transition-duration: 0.35s;
          -o-transition-duration: 0.35s;
          transition-duration: 0.35s;
          /* BACKGROUND GRADIENT */
          /* TRIPLE BORDERS */ }
        .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+5) {
          -webkit-transition-delay: 0.45s;
          -khtml-transition-delay: 0.45s;
          -moz-transition-delay: 0.45s;
          -ms-transition-delay: 0.45s;
          -o-transition-delay: 0.45s;
          transition-delay: 0.45s;
          /* BACKGROUND GRADIENT */
          /* TRANSITION TIMING FUNCTION */
          -webkit-transition-duration: 0.4s;
          -khtml-transition-duration: 0.4s;
          -moz-transition-duration: 0.4s;
          -ms-transition-duration: 0.4s;
          -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
          /* BACKGROUND GRADIENT */
          /* TRIPLE BORDERS */ }
        .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+6) {
          -webkit-transition-delay: 0.5s;
          -khtml-transition-delay: 0.5s;
          -moz-transition-delay: 0.5s;
          -ms-transition-delay: 0.5s;
          -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
          /* BACKGROUND GRADIENT */
          /* TRANSITION TIMING FUNCTION */
          -webkit-transition-duration: 0.45s;
          -khtml-transition-duration: 0.45s;
          -moz-transition-duration: 0.45s;
          -ms-transition-duration: 0.45s;
          -o-transition-duration: 0.45s;
          transition-duration: 0.45s;
          /* BACKGROUND GRADIENT */
          /* TRIPLE BORDERS */ }
    .zo-collapsed-button {
      position: relative;
      width: 43px;
      float: right;
      margin-right: 15px; }
      .zo-collapsed-button span {
        background: #171717;
        height: 4px;
        width: 100%;
        top: 50%;
        right: 0;
        position: absolute;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out;
        -khtml-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM ORIGIN */ }
      .zo-collapsed-button span:before, .zo-collapsed-button span:after {
        position: absolute;
        content: "";
        right: 0;
        height: 4px;
        background: #171717;
        -webkit-transition: all 0.3s ease-in-out;
        -khtml-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */ }
      .zo-collapsed-button span:before {
        top: 10px;
        width: 32px; }
      .zo-collapsed-button span:after {
        bottom: 10px;
        width: 26px; }
      .zo-collapsed-button.close span {
        background: transparent; }
        .zo-collapsed-button.close span:before {
          top: initial;
          width: 100%;
          -webkit-transform: rotate(-45deg);
          -khtml-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ }
        .zo-collapsed-button.close span:after {
          bottom: initial;
          width: 100%;
          -webkit-transform: rotate(45deg);
          -khtml-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          /* BACKGROUND GRADIENT */
          /* TRANSFORM ORIGIN */ } }

@media screen and (max-width: 991px) {
  .zo-main-logo {
    display: none; }
    .zo-header-navigation.show-menu {
      bottom: 0; }
    .zo-header-navigation {
      background: #fff;
      position: fixed;
      bottom: 100%;
      top: -100%;
      width: 100%;
      overflow: auto;
      left: 0;
      z-index: 99;
      -webkit-transition: all 700ms ease;
      -khtml-transition: all 700ms ease;
      -moz-transition: all 700ms ease;
      -ms-transition: all 700ms ease;
      -o-transition: all 700ms ease;
      transition: all 700ms ease;
      /* BACKGROUND GRADIENT */
      /* TRANSITION DELAY */ }
    #zo-menu-mobile {
      display: block;
      width: 55px;
      font-size: 9px;
      cursor: pointer;
      text-align: center;
      font-weight: 700;
      z-index: 999;
      /* First Level - Menu Mobi */ }
      #zo-menu-mobile span {
        display: block;
        height: 3px;
        position: relative;
        width: 23px;
        top: 50%;
        -webkit-transition: all 300ms ease;
        -khtml-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM ORIGIN */ }
        #zo-menu-mobile span:before, #zo-menu-mobile span:after {
          content: "";
          position: absolute;
          height: 3px;
          left: 0;
          width: 100%;
          -webkit-transition: all 300ms ease;
          -khtml-transition: all 300ms ease;
          -moz-transition: all 300ms ease;
          -ms-transition: all 300ms ease;
          -o-transition: all 300ms ease;
          transition: all 300ms ease;
          /* BACKGROUND GRADIENT */
          /* TRANSITION DELAY */ }
        #zo-menu-mobile span:before {
          top: -5px; }
        #zo-menu-mobile span:after {
          bottom: -5px; }
      #zo-menu-mobile.close {
        top: 0;
        -webkit-transform: none;
        -khtml-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        /* BACKGROUND GRADIENT */
        /* TRANSFORM ORIGIN */ }
        #zo-menu-mobile.close span {
          background: transparent; }
          #zo-menu-mobile.close span:before, #zo-menu-mobile.close span:after {
            top: 50%; }
          #zo-menu-mobile.close span:before {
            -webkit-transform: translateY(-50%) rotate(-45deg);
            -khtml-transform: translateY(-50%) rotate(-45deg);
            -moz-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
            -o-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ }
          #zo-menu-mobile.close span:after {
            -webkit-transform: translateY(-50%) rotate(45deg);
            -khtml-transform: translateY(-50%) rotate(45deg);
            -moz-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
            -o-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ }
    ul.nav-menu > li {
      display: block; }
      ul.nav-menu > li a {
        padding-left: 15px; }
      ul.nav-menu > li li a {
        padding-left: 30px; }
      ul.nav-menu > li li li a {
        padding-left: 45px; }
      ul.nav-menu > li li li li a {
        padding-left: 60px; }
      ul.nav-menu > li .zo-menu-toggle {
        cursor: pointer;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 0;
        width: 30px;
        line-height: 40px;
        font-size: 14px;
        -webkit-transition: all 800ms ease;
        -khtml-transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        -ms-transition: all 800ms ease;
        -o-transition: all 800ms ease;
        transition: all 800ms ease;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */
        /* Sub Level - Menu Mobi */ }
      ul.nav-menu > li ul.sub-menu {
        max-height: 0;
        padding: 0;
        overflow: hidden;
        width: 100% !important;
        -webkit-transition: all 1s ease;
        -khtml-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        /* BACKGROUND GRADIENT */
        /* TRANSITION DELAY */ }
        ul.nav-menu > li ul.sub-menu i {
          transition: all 0.3s; }
        ul.nav-menu > li ul.sub-menu li {
          display: block;
          background: transparent; }
          ul.nav-menu > li ul.sub-menu li.current_page_item > a, ul.nav-menu > li ul.sub-menu li.current-menu-ancestor > a, ul.nav-menu > li ul.sub-menu li:hover > a {
            background: transparent;
            border-bottom: none; }
        ul.nav-menu > li ul.sub-menu.submenu-open {
          max-height: 1500px; }
          ul.nav-menu > li ul.sub-menu.submenu-open + .zo-menu-toggle i {
            -webkit-transform: rotate(180deg);
            -khtml-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            /* BACKGROUND GRADIENT */
            /* TRANSFORM ORIGIN */ } }

@media screen and (max-width: 767px) {
  /*
 *  End Max width of 992 pixels - Menu Mobi
 */
  /* ==========================================================================
  End Style Main Menu
========================================================================== */
    .header-style-02 #zo-menu-mobile.close {
      right: 0; } }

body.zo-dark #page {
  background: #444; }

@media screen and (min-width: 1000px) {
  body.zo-boxed #page {
    margin: auto !important;
    max-width: 100%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } }

@media screen and (min-width: 992px) {
  .vc_row.vc_row-no-padding .vc_column_container.custom-col-6 {
    max-width: calc(1170px / 2);
    padding-right: 15px;
    padding-left: 15px; }

  .vc_row.vc_row-no-padding .wpb_column .zo-grid-item[class*="-2-zo"] {
    padding-right: 0;
    padding-left: 0; } }

@media screen and (min-width: 768px) {
  .border-right {
    border-right: 1px solid #ebebeb; }
    .border-bottom {
      border-bottom: 1px solid #ebebeb; } }

@media (min-width: 992px) and (max-width: 1400px) {
  .vertical-align-middle > .container > .row > div[class^="col"], .vertical-align-middle > .container-fluid > .row > div[class^="col"], .vertical-align-middle > .container > .row > div[class^="vc_col"], .vertical-align-middle > .container-fluid > .row > div[class^="vc_col"] {
    float: none;
    display: inline-block;
    vertical-align: middle; }
    .vertical-align-middle > .container > .row > .vc_col-sm-6, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-6, .vertical-align-middle > .container > .row > .vc_col-md-6, .vertical-align-middle > .container-fluid > .row > .vc_col-md-6 {
      width: calc(50% - 2px); }
    .vertical-align-middle > .container > .row > .vc_col-sm-8, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-8, .vertical-align-middle > .container > .row > .vc_col-md-8, .vertical-align-middle > .container-fluid > .row > .vc_col-md-8 {
      width: calc(66.6667% - 2px); }
    .vertical-align-middle > .container > .row > .vc_col-sm-4, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-4, .vertical-align-middle > .container > .row > .vc_col-md-4, .vertical-align-middle > .container-fluid > .row > .vc_col-md-4 {
      width: calc(33.33333333% - 2px); }
    .vertical-align-middle > .container > .row > .vc_col-sm-7, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-7, .vertical-align-middle > .container > .row > .vc_col-md-7, .vertical-align-middle > .container-fluid > .row > .vc_col-md-7 {
      width: calc(58.3333% - 2px); }
    .vertical-align-middle > .container > .row > .vc_col-sm-5, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-5, .vertical-align-middle > .container > .row > .vc_col-md-5, .vertical-align-middle > .container-fluid > .row > .vc_col-md-5 {
      width: calc(41.6667% - 2px); } }

@media screen and (max-width: 1024px) {
  #zo-header > .container {
    padding: 0 15px; }

  .wpb_column.padding-30 {
    padding: 0 30px !important; }

  .zo-row-full-width > .no-container {
    margin-left: 0;
    margin-right: 0; }
    .zo-row-full-width > .no-container > .row {
      margin-left: 0;
      margin-right: 0; }
      .zo-row-full-width > .no-container > .row > .wpb_column {
        padding: 0; } }

@media screen and (max-width: 991px) {
  #zo-header, #zo-header.header-fixed {
    /* Tab */ }
    #zo-header > .container, #zo-header.header-fixed > .container {
      position: relative;
      z-index: 99; }

  .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper {
    /* End Tab */
    /* Shortcode Priccing */ }
    .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav {
      width: 31.667%; }
    .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel {
      width: 68.333%; }

  .zo-grid-pricing .zo-grid-item {
    margin-bottom: 80px; }
    .zo-grid-pricing .zo-grid-item:last-child {
      margin-bottom: 0; }

  body #zo-header.sticky-tablets {
    position: fixed;
    /* Footer Top */ }

  #zo-footer-top .row > [class*="col-"]:nth-child(2n+1) {
    clear: left; }

  #zo-footer-top [class^="col-"] {
    margin-bottom: 30px; }

  .wpb_single_image .vc_single_image-wrapper {
    /**Fancybox**/ }
    .wpb_single_image .vc_single_image-wrapper img {
      width: 100%; }

  .template-zo_fancybox--process .zo-fancybox-item:nth-child(2n) .zo-fancybox-inner::after {
    content: none; }

  #zo-header .zo-header-secondary {
    float: inherit; }

  .zo-header-style02-menu #zo-menu-mobile {
    top: 30px !important;
    bottom: auto !important;
    z-index: 100; } }

@media screen and (max-width: 767px) {
  #zo-header .zo-header-secondary {
    float: inherit !important;
    /* Header Sticky */ }
    #zo-header .zo-header-secondary .header-top-contact {
      text-align: center;
      line-height: 50px !important; }

  body #zo-header.sticky-mobile {
    position: fixed;
    /* Start Form Comment */ }

  #comments .comment-list ul.children {
    /* End Comment */
    /* Tab */ }
    #comments .comment-list ul.children:before {
      height: 0; }
    #comments .comment-list ul.children .comment-main .comment-content:before {
      height: 0; }

  .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a {
    line-height: 40px;
    padding: 0 20px; }

  .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a span {
    display: none; }

  .ui-tabs-panel img {
    width: 100%;
    /* End Tab */
    /* Sidebar
    =================*/ }

  #secondary {
    margin-top: 50px; }

  .zo-pricing-default .zo-pricing-item.pricing-feature-item .zo-pricing-inner {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM ORIGIN */
    /**Fancybox**/ }

  .template-zo_fancybox--process .zo-fancybox-item .zo-fancybox-inner::after {
    content: none; } }

@media screen and (max-width: 640px) {
  #zo-site-map a {
    padding: 0 20px 0 55px;
    /* End Footer Scroll Top */
    /* Tab Custom Color */ }
    #zo-site-map a i {
      left: 21px; }

  .vc_tta-container {
    /* End Tab Custom Color */ }
    .vc_tta-container .vc_tta-tabs.custom-color {
      border: none; } }

.zo-button.button-primary {
  background-color: #0000fe !important;
  color: #fff;
  font-size: 14px;
  border-radius: 20px;
  text-transform: uppercase;
  padding: 10px 32px 10px 15px;
  position: relative; }
  .zo-button.button-primary:before {
    content: "";
    position: absolute;
    font-family: "FontAweSome";
    content: "\f105";
    color: #fff;
    right: 15px;
    top: 5px;
    font-size: 18px; }
  .zo-button.button-primary:hover {
    background-color: #fe0000 !important; }

@font-face {
  font-family: "v4font";
  src: url("../../assets/fonts/v4/HiraKakuProN-W4-AlphaNum.woff2") format("woff2"), url("../../assets/fonts/v4/HiraKakuProN-W4-AlphaNum.woff") format("woff"), url("../../assets/fonts/v4/HiraKakuProN-W4-AlphaNum.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

body #page {
  font-family: "v4font" !important; }
  body #page a, body #page ul li, body #page span, body #page p {
    font-family: "v4font" !important; }

.template-zo_grid--dich-vu .wrapper {
  position: relative;
  margin-bottom: 30px; }
  .template-zo_grid--dich-vu .wrapper .zo-grid-media {
    overflow: hidden; }
  .template-zo_grid--dich-vu .wrapper .zo-grid-media img {
    transition: all 0.4s;
    border-radius: 3px; }
  .template-zo_grid--dich-vu .wrapper:hover .zo-grid-media img {
    transform: scale(1.1); }
  .template-zo_grid--dich-vu .wrapper .title {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    z-index: 1;
    padding: 0 15px; }
  .template-zo_grid--dich-vu .wrapper .title a {
    background-color: #0000fe;
    color: #fff;
    line-height: 54px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    transition: all 0.3s; }
  .template-zo_grid--dich-vu .wrapper .title a:hover {
    background-color: #fe0000; }

.contact-box ul {
  margin-bottom: 30px;
  padding-left: 0; }
  .contact-box ul li {
    position: relative;
    padding-left: 20px; }
  .contact-box ul li::before {
    position: absolute;
    font-family: "FontAweSome";
    content: "\f101";
    left: 0;
    top: 1px; }

#zo-footer-content {
  text-align: center; }
  #zo-footer-content h2 {
    color: #fff;
    font-size: 26px; }

.template-zo_grid--bussess {
  margin-bottom: 30px;
  max-width: 1000px;
  max-width: auto; }
  .template-zo_grid--bussess .tite-wrap {
    font-size: 22px;
    font-weight: 500;
    font-weight: normal;
    color: #0000fe;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 25px 0;
    padding: 10px 0 10px 0; }
  .template-zo_grid--bussess .zo-grid-item {
    margin-top: 40px; }
  .template-zo_grid--bussess .zo-grid-item .wrapper {
    display: flex; }
  .template-zo_grid--bussess .zo-grid-media {
    width: 300px; }
  .template-zo_grid--bussess .content {
    width: calc(100% - 300px); }
  .template-zo_grid--bussess .content.pl-15 {
    padding-left: 15px; }
  @media screen and (max-width: 577px) {
  .template-zo_grid--bussess .zo-grid-item {
    margin-top: 15px; }
    .template-zo_grid--bussess .zo-grid-item .wrapper {
      flex-wrap: wrap; }
  .template-zo_grid--bussess .zo-grid-media {
    width: 100%;
    order: 3; }
  .template-zo_grid--bussess .content {
    width: 100%;
    order: 5;
    margin-top: 15px; }
    .template-zo_grid--bussess .content.pl-15 {
      padding-left: 0; } }

body .ar-breadcrumb {
  margin-top: 50px;
  display: none; }

#breadcrumb-text .breadcrumbs {
  display: none !important; }

.template-zo_heading.heading-2 {
  text-align: center; }
  .template-zo_heading.heading-2 .zo-heading-main {
    display: inline-block;
    padding: 10px 15px;
    background: #eaeaea;
    font-size: 28px;
    font-weight: 500;
    border-bottom: 1px solid #0000fe; }
  .template-zo_heading.heading-style3 .zo-heading-main {
    font-size: 26px;
    color: #0000fe !important; }
  .template-zo_heading.heading-style .zo-heading-main {
    color: #0000fe !important; }

table tbody tr:nth-child(1) > td {
  color: #fe0000 !important; }

.phone-cus {
  font-size: 27px;
  font-weight: 700;
  text-align: center; }

.contact-form-1 {
  margin-top: 20px;
  max-width: 700px;
  margin: auto; }
  .contact-form-1 .item input {
    height: 40px;
    padding: 5px 10px;
    margin-bottom: 10px; }

.table-style table {
  width: 100%;
  margin-bottom: 30px; }
  .table-style table, .table-style th, .table-style td {
    padding: 8px;
    border: 1px solid #ccc; }
  .table-style.template-zo_grid--du-an span {
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #555;
    line-height: 28px; }

.box-info {
  margin-bottom: 30px; }
  .box-info ul {
    padding-left: 0; }
  .box-info ul li {
    margin: 10px 0; }
  .box-info ul li span {
    width: 25px;
    margin-right: 15px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #555;
    line-height: 28px; }

.template-zo_grid--bussess2 {
  margin-bottom: 35px; }
  .template-zo_grid--bussess2 .zo-grid-item {
    margin-bottom: 15px; }
  .template-zo_grid--bussess2 .zo-grid-item .title-wrap {
    font-size: 22px;
    font-weight: 500;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 25px 0;
    padding: 10px 0 10px 0;
    color: #0000fe; }
  .template-zo_grid--bussess2 .zo-grid-item .wrapper {
    display: flex; }
  .template-zo_grid--bussess2 .zo-grid-item .content {
    width: calc(100% - 300px);
    padding-right: 15px; }
  .template-zo_grid--bussess2 .zo-grid-item .zo-grid-media {
    width: 300px; }
  @media screen and (max-width: 576px) {
  .template-zo_grid--bussess2 .zo-grid-item .wrapper {
    display: block; }
    .template-zo_grid--bussess2 .zo-grid-item .content {
      width: 100%;
      padding-right: 0; }

    .template-zo_grid--bussess2 .zo-grid-item .zo-grid-media {
      width: 100%; } }

#zo-header-logo {
  position: relative; }

@media screen and (max-width: 992px) {
  #zo-menu-mobile {
    right: -50px !important; } }

@media screen and (max-width: 992px) {
  #zo-header.header-fixed #zo-header-logo {
    margin: 0;
    margin-left: 15px; }

  #zo-header .zo-header-main .zo-sticky-logo {
    display: none !important; }

  #zo-header-logo {
    position: relative; }
    #zo-header-logo::before {
      left: 108px;
      font-size: 16px;
      line-height: 32px;
      right: auto;
      top: 5px; } }

@media screen and (min-width: 992px) {
  .zo-main-header.header-style-02 .container-fluid {
    padding: 0 30px; } }

.tai-lieu {
  background-color: #fe0000;
  padding: 10px 15px;
  color: #fff;
  position: fixed;
  bottom: 20px;
  left: 20px;
  font-size: 33px;
  border-radius: 30px; }

.contact-form-1 .btn {
  color: #fff;
  box-shadow: none;
  border: 0;
  height: 43px;
  line-height: 30px;
  width: 100%;
  background-color: #0000fe;
  color: #fff; }
  .contact-form-1 .wrapp-acti {
    display: none; }
  .contact-form-1 .wrapp-acti.active {
    display: flex; }
  .contact-form-1 .wrapp-acti .edit, .contact-form-1 .wrapp-acti .cf-submit {
    width: 50%; }
  .contact-form-1 .wrapp-acti .edit input, .contact-form-1 .wrapp-acti .cf-submit input {
    border: 0 !important; }

.img-ponsive {
  position: relative; }

.box-contact-btn .ar-button {
  background-color: #0000fe;
  color: #fff;
  line-height: 54px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  transition: all 0.3s;
  margin-bottom: 20px !important; }
  .box-contact-btn .ar-button:hover {
    background-color: #fe0000; }

.height-270 img {
  min-height: 270px; }
  @media screen and (max-width: 600px) {
  .height-270 img {
    min-height: auto; } }

#zo-footer-content h2 {
  color: #fe0000 !important; }

@media screen and (max-width: 992px) {
  body #zo-header-logo a img {
    max-width: 250px; }

  .entry-content .wpb_row.mobile-none-d {
    padding-bottom: 0 !important;
    margin-bottom: 10px; }

  .wpb_text_column.wpb_content_element iframe {
    margin-top: 16px;
    margin-bottom: 27px; } }

body .wpcf7 .screen-reader-response {
  width: 100%;
  position: absolute;
  bottom: 0;
  /* height: 100%; */
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  clip: initial;
  color: #0000fe !important;
  clip-path: none;
  height: auto;
  color: #0000fe !important; }

.zo-extra-font1 {
  font-family: 'Lora'; }

.zo-extra-font2 {
  font-family: 'Oswald'; }

@media (min-width: 1170px) {
  body.zo-boxed #page {
    width: 1300px; }

  body.zo-boxed #page .header-fixed {
    width: 1300px;
    max-width: 100%; }

  body.zo-boxed #page .header-transparent {
    width: 1300px;
    max-width: 100%; } }

body a {
  color: #0000fe; }

body a:hover, body a:focus {
  color: #0000fe; }

body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #999; }

#zo-page-element-wrap .zo-page-title-text h1 {
  font-family: Archivo, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
  letter-spacing: 0px; }

@media (min-width: 992px) {
  #zo-header.header-style-01 #zo-header-logo {
    "width: 250px "; } }

#zo-menu-mobile {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }

#zo-menu-mobile {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }

@media (min-width: 992px) {
  #zo-header.header-style-02 #zo-header-logo {
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 10px;
    width: 340px; }

  #zo-header.header-style-02 .zo-header-secondary {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 355px); }

  .header-style-02 .zo-header-navigation .nav-menu > li > a, .header-style-02 .zo-header-secondary .header-top-contact, .header-style-02 .widget_cart_search_wrap_item > a.icon {
    line-height: 44px; }

  #zo-header.header-style-02 .zo-header-navigation-right {
    height: 44px;
    line-height: 44px; }

  #zo-header.header-style-02 .zo-header-secondary .zo-header-navigation-left {
    width: calc(100% - 0px);
    display: inline-block; }

  #zo-header.header-style-02 .zo-header-secondary .zo-header-navigation-right {
    width: 0px;
    display: inline-block; }

  #zo-header.header-style-02 .zo-header-navigation .nav-menu > li {
    padding-right: 15px;
    padding-left: 15px; }

  #zo-header.header-style-02 .zo-header-navigation .nav-menu > li:last-child {
    padding-right: 0; }

  .header-style-02 .zo-header-navigation .nav-menu > li > a {
    font-family: Open Sans;
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0px; }

  .header-style-02 .nav-menu > li ul a, .header-style-02 .nav-menu > ul > li ul a {
    font-family: Open Sans;
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0px; } }

#zo-menu-mobile {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); }

@media (max-width: 992px) {
  #zo-header-top {
    display: none; } }

#zo-header-top, #zo-header-top a {
  color: #fff; }

#zo-header-top {
  background-color: #0000fe; }

#zo-header-top {
  min-height: 45px; }

#zo-header-top .header-top-social li {
  line-height: 45px; }

#zo-header-top .header-top-contact li {
  line-height: 45px; }

#zo-header-top .header-top-navigation > li > a {
  line-height: 45px; }

#zo-header.header-transparent.has-header-top {
  top: 45px; }

@media (max-width: 991px) {
  #zo-header .zo-header-navigation.show-menu {
    top: 65px; }

  .admin-bar #zo-header .zo-header-navigation.show-menu {
    top: 97px; } }

@media (max-width: 767px) {
  .admin-bar #zo-header .zo-header-navigation.show-menu {
    top: 111px; } }

#zo-header-top .header-top-left {
  text-align: left; }

#zo-header-top .header-top-right {
  text-align: right; }

#zo-header.header-fixed {
  background-color: #fff; }

#zo-header.header-fixed {
  padding-top: 0;
  padding-bottom: 0; }

#zo-header.header-fixed .zo-collapsed-button span {
  background: #0000fe; }

#zo-header.header-fixed .zo-collapsed-button.close span {
  background: transparent; }

#zo-header.header-fixed .zo-collapsed-button span:before {
  background: #0000fe; }

#zo-header.header-fixed .zo-collapsed-button span:after {
  background: #0000fe; }

#zo-header.header-fixed #zo-header-logo {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 10px; }

#zo-header.header-fixed .zo-main-logo {
  display: none; }

#zo-header.header-fixed .nav-menu > li > a, #zo-header.header-fixed #zo-header-navigation-right, #zo-header.header-fixed .widget_cart_search_wrap_item > a.icon {
  line-height: 30px;
  height: 30px; }

#zo-header.header-fixed .zo-collapsed-button, #zo-header.header-fixed #zo-header-navigation-right {
  height: 30px; }

#zo-header.header-style-03.header-fixed .zo-header-navigation .nav-menu > li > a, #zo-header.header-style-03.header-fixed .widget_cart_search_wrap_item > a.icon {
  line-height: 30px; }

@media (min-width: 992px) {
  .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a, .widget_cart_search_wrap a {
    color: #000; }

  .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a, .widget_cart_search_wrap a:hover {
    color: #0000fe; }

  #zo-header.header-style-01 .zo-header-navigation .nav-menu > li:hover, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li:hover > a, #zo-header.header-style-01 .widget_cart_search_wrap a:hover {
    color: #000; }

  .zo-header-navigation .nav-menu > li.current-menu-item, .zo-header-navigation .nav-menu > li.current-menu-ancestor, .zo-header-navigation .nav-menu > li.current_page_item, .zo-header-navigation .nav-menu > li.current_page_ancestor, .zo-header-navigation .nav-menu > li.current-menu-parent, .zo-header-navigation .nav-menu > li.current-menu-item > a, .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li.current_page_item > a, .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .zo-header-navigation .nav-menu > li.current-menu-parent > a, .widget_cart_search_wrap a:active, .widget_cart_search_wrap a:focus {
    color: #0000fe; }

  #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-item, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-ancestor, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_item, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_ancestor, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-parent, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-item > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_item > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current_page_ancestor > a, #zo-header.header-style-01 .zo-header-navigation .nav-menu > li.current-menu-parent > a, #zo-header.header-style-01 .widget_cart_search_wrap a:active, #zo-header.header-style-01 .widget_cart_search_wrap a:focus {
    color: #000; }

  .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a {
    color: #000; }

  .zo-header-navigation .nav-menu > li ul a:focus, .zo-header-navigation .nav-menu > li ul li:hover, .zo-header-navigation .nav-menu > li ul li.current-menu-item, .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .zo-header-navigation .nav-menu > li ul li.current_page_item, .zo-header-navigation .nav-menu > li ul li:hover > a, .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li ul li.current_page_item > a {
    color: #0000fe; }

  .nav-menu > li ul.sub-menu {
    background-color: #ab4d45;
    border-top: 3px solid #0000fe;
    min-width: 290px; }

  .nav-menu > li ul.sub-menu li ul.sub-menu {
    margin-top: -3px; }

  .nav-menu > li ul.sub-menu li a {
    line-height: 45px;
    text-align: center; }

  .nav-menu > li ul.sub-menu li:hover.no_group {
    background-color: #ab4d45; } }

.header-fixed .zo-header-navigation .nav-menu > li, .header-fixed .zo-header-navigation .nav-menu > li > a, .header-fixed .widget_cart_search_wrap a {
  color: #000; }

.header-fixed .zo-header-navigation .nav-menu > li:hover, .header-fixed .zo-header-navigation .nav-menu > li:hover > a, .header-fixed .widget_cart_search_wrap a:hover {
  color: #0000fe; }

.header-fixed .nav-menu > li:hover {
  border-bottom-color: #0000fe; }

.header-fixed .zo-header-navigation .nav-menu > li.current-menu-item, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-ancestor, .header-fixed .zo-header-navigation .nav-menu > li.current_page_item, .header-fixed .zo-header-navigation .nav-menu > li.current_page_ancestor, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-parent, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-item > a, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li.current_page_item > a, .header-fixed .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-parent > a, .header-fixed .widget_cart_search_wrap a:active, .header-fixed .widget_cart_search_wrap a:focus {
  color: #0000fe; }

.header-fixed .zo-header-navigation .nav-menu > li ul li, .header-fixed .zo-header-navigation .nav-menu > li ul li > a {
  color: #000; }

.header-fixed .zo-header-navigation .nav-menu > li ul a:focus, .header-fixed .zo-header-navigation .nav-menu > li ul li:hover, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-item, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .header-fixed .zo-header-navigation .nav-menu > li ul li.current_page_item, .header-fixed .zo-header-navigation .nav-menu > li ul li:hover > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current_page_item > a {
  color: #0000fe; }

.header-fixed .zo-header-navigation .nav-menu > li ul a:focus {
  color: #ee6105; }

@media (max-width: 991px) {
  #zo-header, #zo-menu-mobile {
    height: 65px !important;
    line-height: 65px !important; }

  #zo-header .zo-header-logo .header-phone-logo {
    max-height: 55px; }

  #zo-header #zo-header-logo {
    margin-left: 15px; }

  #zo-header {
    background: rgba(255, 255, 255, 0.8) !important; }

  #zo-header .zo-header-navigation, #zo-menu-mobile.close {
    background: #f5f5f5 !important; }

  .zo-header-navigation .nav-menu {
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px; }

  .zo-header-navigation .nav-menu li {
    border-top-style: none; }

  .widget_cart_search_wrap a {
    color: #0a0a0a; }

  #zo-menu-mobile span, #zo-menu-mobile span:before, #zo-menu-mobile span:after {
    background: #0a0a0a; }

  .widget_cart_search_wrap a:hover {
    color: #0000fe; }

  .widget_cart_search_wrap a:focus {
    color: #0000fe; }

  .zo-header-navigation .nav-menu > li > a {
    font-family: Open Sans;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0px; }

  .zo-header-navigation .nav-menu > li {
    line-height: 40px; }

  .zo-header-navigation .nav-menu > li {
    text-align: left; }

  .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a {
    color: #0a0a0a; }

  .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a {
    color: #0000fe; }

  .zo-header-navigation .nav-menu > li.current-menu-item, .zo-header-navigation .nav-menu > li.current-menu-ancestor, .zo-header-navigation .nav-menu > li.current_page_item, .zo-header-navigation .nav-menu > li.current_page_ancestor, .zo-header-navigation .nav-menu > li.current-menu-parent, .zo-header-navigation .nav-menu > li.current-menu-item > a, .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li.current_page_item > a, .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .zo-header-navigation .nav-menu > li.current-menu-parent > a {
    color: #0000fe; }

  .zo-header-navigation .nav-menu > li li a {
    font-family: Open Sans;
    text-align: left;
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0px; }

  .zo-header-navigation .nav-menu > li li {
    line-height: 40px; }

  .zo-header-navigation .nav-menu > li li {
    text-align: left; }

  .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a {
    color: #999; }

  .zo-header-navigation .nav-menu > li ul li:hover, .zo-header-navigation .nav-menu > li ul li:hover > a {
    color: #0000fe; }

  .zo-header-navigation .nav-menu > li ul a:focus, .zo-header-navigation .nav-menu > li ul li.current-menu-item, .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .zo-header-navigation .nav-menu > li ul li.current_page_item, .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li ul li.current_page_item > a {
    color: #0000fe; }

  .zo-header-navigation .nav-menu > li ul.sub-menu {
    background: rgba(255, 255, 255, 0); } }

#zo-footer {
  padding-top: 40px;
  padding-bottom: 20px; }

#zo-footer-copyright {
  padding-top: 20px;
  padding-bottom: 15px;
  border-top: 2px solid #243a48;
  color: #999; }
  #zo-footer-copyright a {
    color: #fff; }

#zo-footer-copyright footer {
  text-align: center; }

body h1 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
  color: #0a0a0a;
  margin-top: 0;
  margin-bottom: 15px; }

body h2 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
  color: #0a0a0a;
  margin-top: 0;
  margin-bottom: 15px; }

body h3 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  color: #0a0a0a;
  margin-top: 0;
  margin-bottom: 15px; }

body h4 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  color: #0a0a0a;
  margin-top: 0;
  margin-bottom: 15px; }

body h5 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #0a0a0a;
  margin-top: 0;
  margin-bottom: 15px; }

body h6 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #0a0a0a;
  margin-top: 0;
  margin-bottom: 15px; }

.btn-primary {
  background: #0000fe;
  color: #fff; }

.btn-primary:hover {
  background: #0a0a0a;
  color: #fff; }

.btn-secondary {
  background: #0a0a0a;
  color: #fff; }

.btn-secondary:hover {
  background: #cdcdcd;
  color: #0000fe; }

.btn-tiny {
  padding-top: 4px;
  padding-left: 15px;
  padding-bottom: 4px;
  padding-right: 15px;
  font-family: Archivo;
  font-weight: 700;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0px; }

.btn-tiny.stroke-1 {
  padding-top: calc(4px - 1px);
  padding-right: calc(15px - 1px);
  padding-bottom: calc(4px - 1px);
  padding-left: calc(15px - 1px); }

.btn-tiny.stroke-2 {
  padding-top: calc(4px - 2px);
  padding-right: calc(15px - 2px);
  padding-bottom: calc(4px - 2px);
  padding-left: calc(15px - 2px); }

.btn-tiny.stroke-3 {
  padding-top: calc(4px - 3px);
  padding-right: calc(15px - 3px);
  padding-bottom: calc(4px - 3px);
  padding-left: calc(15px - 3px); }

.btn-tiny.stroke-4 {
  padding-top: calc(4px - 4px);
  padding-right: calc(15px - 4px);
  padding-bottom: calc(4px - 4px);
  padding-left: calc(15px - 4px); }

.btn-tiny.stroke-5 {
  padding-top: calc(4px - 5px);
  padding-right: calc(15px - 5px);
  padding-bottom: calc(4px - 5px);
  padding-left: calc(15px - 5px); }

.btn-tiny.stroke-6 {
  padding-top: calc(4px - 6px);
  padding-right: calc(15px - 6px);
  padding-bottom: calc(4px - 6px);
  padding-left: calc(15px - 6px); }

.btn-small {
  padding-top: 6px;
  padding-left: 18px;
  padding-bottom: 6px;
  padding-right: 18px;
  font-family: Archivo;
  font-weight: 700;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0px; }

.btn-small.stroke-1 {
  padding-top: calc(6px - 1px);
  padding-right: calc(18px - 1px);
  padding-bottom: calc(6px - 1px);
  padding-left: calc(18px - 1px); }

.btn-small.stroke-2 {
  padding-top: calc(6px - 2px);
  padding-right: calc(18px - 2px);
  padding-bottom: calc(6px - 2px);
  padding-left: calc(18px - 2px); }

.btn-small.stroke-3 {
  padding-top: calc(6px - 3px);
  padding-right: calc(18px - 3px);
  padding-bottom: calc(6px - 3px);
  padding-left: calc(18px - 3px); }

.btn-small.stroke-4 {
  padding-top: calc(6px - 4px);
  padding-right: calc(18px - 4px);
  padding-bottom: calc(6px - 4px);
  padding-left: calc(18px - 4px); }

.btn-small.stroke-5 {
  padding-top: calc(6px - 5px);
  padding-right: calc(18px - 5px);
  padding-bottom: calc(6px - 5px);
  padding-left: calc(18px - 5px); }

.btn-small.stroke-6 {
  padding-top: calc(6px - 6px);
  padding-right: calc(18px - 6px);
  padding-bottom: calc(6px - 6px);
  padding-left: calc(18px - 6px); }

.btn-medium {
  padding-top: 8px;
  padding-left: 22px;
  padding-bottom: 8px;
  padding-right: 22px;
  font-family: Archivo;
  font-weight: 700;
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0px; }

.btn-medium.stroke-1 {
  padding-top: calc(8px - 1px);
  padding-right: calc(22px - 1px);
  padding-bottom: calc(8px - 1px);
  padding-left: calc(22px - 1px); }

.btn-medium.stroke-2 {
  padding-top: calc(8px - 2px);
  padding-right: calc(22px - 2px);
  padding-bottom: calc(8px - 2px);
  padding-left: calc(22px - 2px); }

.btn-medium.stroke-3 {
  padding-top: calc(8px - 3px);
  padding-right: calc(22px - 3px);
  padding-bottom: calc(8px - 3px);
  padding-left: calc(22px - 3px); }

.btn-medium.stroke-4 {
  padding-top: calc(8px - 4px);
  padding-right: calc(22px - 4px);
  padding-bottom: calc(8px - 4px);
  padding-left: calc(22px - 4px); }

.btn-medium.stroke-5 {
  padding-top: calc(8px - 5px);
  padding-right: calc(22px - 5px);
  padding-bottom: calc(8px - 5px);
  padding-left: calc(22px - 5px); }

.btn-medium.stroke-6 {
  padding-top: calc(8px - 6px);
  padding-right: calc(22px - 6px);
  padding-bottom: calc(8px - 6px);
  padding-left: calc(22px - 6px); }

.btn-large {
  padding-top: 10px;
  padding-left: 30px;
  padding-bottom: 10px;
  padding-right: 30px;
  font-family: Archivo;
  font-weight: 700;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0px; }

.btn-large.stroke-1 {
  padding-top: calc(10px - 1px);
  padding-right: calc(30px - 1px);
  padding-bottom: calc(10px - 1px);
  padding-left: calc(30px - 1px); }

.btn-large.stroke-2 {
  padding-top: calc(10px - 2px);
  padding-right: calc(30px - 2px);
  padding-bottom: calc(10px - 2px);
  padding-left: calc(30px - 2px); }

.btn-large.stroke-3 {
  padding-top: calc(10px - 3px);
  padding-right: calc(30px - 3px);
  padding-bottom: calc(10px - 3px);
  padding-left: calc(30px - 3px); }

.btn-large.stroke-4 {
  padding-top: calc(10px - 4px);
  padding-right: calc(30px - 4px);
  padding-bottom: calc(10px - 4px);
  padding-left: calc(30px - 4px); }

.btn-large.stroke-5 {
  padding-top: calc(10px - 5px);
  padding-right: calc(30px - 5px);
  padding-bottom: calc(10px - 5px);
  padding-left: calc(30px - 5px); }

.btn-large.stroke-6 {
  padding-top: calc(10px - 6px);
  padding-right: calc(30px - 6px);
  padding-bottom: calc(10px - 6px);
  padding-left: calc(30px - 6px); }

.btn-giant {
  padding-top: 12px;
  padding-left: 40px;
  padding-bottom: 12px;
  padding-right: 40px;
  font-family: Archivo;
  font-weight: 700;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0px; }

.btn-giant.stroke-1 {
  padding-top: calc(12px - 1px);
  padding-right: calc(40px - 1px);
  padding-bottom: calc(12px - 1px);
  padding-left: calc(40px - 1px); }

.btn-giant.stroke-2 {
  padding-top: calc(12px - 2px);
  padding-right: calc(40px - 2px);
  padding-bottom: calc(12px - 2px);
  padding-left: calc(40px - 2px); }

.btn-giant.stroke-3 {
  padding-top: calc(12px - 3px);
  padding-right: calc(40px - 3px);
  padding-bottom: calc(12px - 3px);
  padding-left: calc(40px - 3px); }

.btn-giant.stroke-4 {
  padding-top: calc(12px - 4px);
  padding-right: calc(40px - 4px);
  padding-bottom: calc(12px - 4px);
  padding-left: calc(40px - 4px); }

.btn-giant.stroke-5 {
  padding-top: calc(12px - 5px);
  padding-right: calc(40px - 5px);
  padding-bottom: calc(12px - 5px);
  padding-left: calc(40px - 5px); }

.btn-giant.stroke-6 {
  padding-top: calc(12px - 6px);
  padding-right: calc(40px - 6px);
  padding-bottom: calc(12px - 6px);
  padding-left: calc(40px - 6px); }

#breadcrumb-text {
  font-family: Archivo, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #fff; }

.zo-vc-row-margin-01 {
  margin-top: 120px !important;
  margin-bottom: 100px !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .zo-vc-row-margin-01 {
    margin-top: 80px !important;
    margin-bottom: 60px !important; } }

@media (max-width: 767px) {
  .zo-vc-row-margin-01 {
    margin-top: 50px !important;
    margin-bottom: 30px !important; } }

.zo-vc-row-margin-02 {
  margin-top: 100px !important;
  margin-bottom: 80px !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .zo-vc-row-margin-02 {
    margin-top: 80px !important;
    margin-bottom: 60px !important; } }

@media (max-width: 767px) {
  .zo-vc-row-margin-02 {
    margin-top: 50px !important;
    margin-bottom: 30px !important; } }

.zo-vc-row-margin-03 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .zo-vc-row-margin-03 {
    margin-top: 50px !important;
    margin-bottom: 50px !important; } }

@media (max-width: 767px) {
  .zo-vc-row-margin-03 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; } }

.zo-vc-row-padding-01 {
  padding-top: 120px !important;
  padding-bottom: 100px !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .zo-vc-row-padding-01 {
    padding-top: 80px !important;
    padding-bottom: 60px !important; } }

@media (max-width: 767px) {
  .zo-vc-row-padding-01 {
    padding-top: 50px !important;
    padding-bottom: 30px !important; } }

.zo-vc-row-padding-02 {
  padding-top: 75px !important;
  padding-bottom: 50px !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .zo-vc-row-padding-02 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; } }

@media (max-width: 767px) {
  .zo-vc-row-padding-02 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; } }

.zo-vc-row-padding-03 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

@media (min-width: 768px) and (max-width: 991px) {
  .zo-vc-row-padding-03 {
    padding-top: 60px !important;
    padding-bottom: 60px !important; } }

@media (max-width: 767px) {
  .zo-vc-row-padding-03 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; } }

#zo-footer .zo-footer-column a {
  color: #fff; }

#zo-footer .zo-footer-column a:after {
  color: #fff; }

#zo-footer .zo-footer-column a:hover {
  color: #0000fe !important; }

#zo-footer .zo-footer-column a:hover:after {
  color: #0000fe !important; }