@font-face {
    font-family: "PeydaWebFaNum-Reg";
    src: url("../fonts/PeydaWebFaNum-Regular.woff");
    font-weight: normal;
    font-style: normal; 
  }
  @font-face {
    font-family: "PeydaWebFaNum-Bold";
    src: url("../fonts/PeydaWebFaNum-Bold.woff");
    font-weight: normal;
    font-style: normal; 
  }
  @font-face {
    font-family: "PeydaWebFaNum-Reg";
    src: url("../fonts/PeydaWebFaNum-Regular.woff2");
    font-weight: normal;
    font-style: normal; 
  }
  @font-face {
    font-family: "PeydaWebFaNum-Bold";
    src: url("../fonts/PeydaWebFaNum-Bold.woff2");
    font-weight: normal;
    font-style: normal; 
  }
  
  * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  nav,
  section,
  summary {
      display: block;
  }
  
  audio,
  canvas,
  video {
      display: inline-block;
  }
  
      audio:not([controls]) {
          display: none;
          height: 0;
      }
  
  [hidden] {
      display: none;
  }
  
  html,
  button,
  input,
  select,
  textarea {
      font-family: "PeydaWebFaNum-Reg", sans-serif !important;
  }
  
  a {
      color: #ca3c08;
      text-decoration: none;
  }
  
      a:visited {
          color: inherit;
      }
  
      a:focus {
          outline: thin dotted;
      }
  
      a:active,
      a:hover {
          color: #ea9629;
          outline: 0;
      }
  
      a:hover {
          text-decoration: underline;
      }
  
  address {
      font-style: italic;
      margin: 0 0 24px;
  }
  
  abbr[title] {
      border-bottom: 1px dotted;
  }
  
  b,
  strong {
      font-weight: bold;
  }
  
  dfn {
      font-style: italic;
  }
  
  mark {
      background: #ff0;
      color: #000;
  }
  
  p {
      margin: 0 0 24px;
  }
  
  code,
  kbd,
  pre,
  samp {
      font-family: monospace, serif;
      font-size: 14px;
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
  }
  
  pre {
      background: #f5f5f5;
      color: #666;
      font-family: monospace;
      font-size: 14px;
      margin: 20px 0;
      overflow: auto;
      padding: 20px;
      white-space: pre;
      white-space: pre-wrap;
      word-wrap: break-word;
  }
  
  blockquote,
  q {
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
      quotes: none;
  }
  
      blockquote:before,
      blockquote:after,
      q:before,
      q:after {
          content: "";
          content: none;
      }
  
  blockquote {
      font-size: 18px;
      font-style: italic;
      font-weight: 300;
      margin: 24px 40px;
  }
  
      blockquote blockquote {
          margin-left: 0;
      }
  
      blockquote cite,
      blockquote small {
          font-size: 14px;
          font-weight: normal;
          text-transform: uppercase;
      }
  
      blockquote em,
      blockquote i {
          font-style: normal;
          font-weight: 300;
      }
  
      blockquote strong,
      blockquote b {
          font-weight: 400;
      }
  
  small {
      font-size: smaller;
  }
  
  sub,
  sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
  }
  
  sup {
      top: -0.5em;
  }
  
  sub {
      bottom: -0.25em;
  }
  
  dl {
      margin: 0 20px;
  }
  
  dt {
      font-weight: bold;
  }
  
  dd {
      margin: 0 0 20px;
  }
  
  menu,
  ol,
  ul {
      margin: 16px 0;
      padding: 0 40px 0 0;
  }
  
  ul {
      list-style-type: square;
  }
  
  nav ul,
  nav ol {
      list-style: none;
      list-style-image: none;
  }
  
  li > ul,
  li > ol {
      margin: 0;
  }
  
  img {
      -ms-interpolation-mode: bicubic;
      border: 0;
      vertical-align: middle;
  }
  
  svg:not(:root) {
      overflow: hidden;
  }
  
  figure {
      margin: 0;
  }
  
  form {
      margin: 0;
  }
  
  fieldset {
      border: 1px solid #c0c0c0;
      margin: 0 2px;
      min-width: inherit;
      padding: 0.35em 0.625em 0.75em;
  }
  
  legend {
      border: 0;
      padding: 0;
      white-space: normal;
  }
  
  button,
  input,
  select,
  textarea {
      font-size: 100%;
      margin: 0;
      max-width: 100%;
      vertical-align: baseline;
  }
  
  button,
  input {
      line-height: normal;
  }
  
      button,
      html input[type="button"],
      input[type="reset"],
      input[type="submit"] {
          -webkit-appearance: button;
          -moz-appearance: button;
          appearance: button;
          cursor: pointer;
      }
  
          button[disabled],
          input[disabled] {
              cursor: default;
          }
  
      input[type="checkbox"],
      input[type="radio"] {
          padding: 0;
      }
  
      input[type="search"] {
          -webkit-appearance: textfield;
          -moz-appearance: textfield;
          appearance: textfield;
          appearance: textfield;
          padding-left: 2px;
          /* Don't cut off the webkit search cancel button */
          width: 270px;
      }
  
          input[type="search"]::-webkit-search-decoration {
              -webkit-appearance: none;
              appearance: none;
          }
  
      button::-moz-focus-inner,
      input::-moz-focus-inner {
          border: 0;
          padding: 0;
      }
  
  textarea {
      overflow: auto;
      vertical-align: top;
  }
  
  table {
      border-bottom: 1px solid #ededed;
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 14px;
      line-height: 2;
      margin: 0 0 20px;
      width: 100%;
  }
  
  caption,
  th,
  td {
      font-weight: normal;
      text-align: right;
  }
  
  caption {
      font-size: 16px;
      margin: 20px 0;
  }
  
  th {
      font-weight: bold;
      text-transform: uppercase;
  }
  
  td {
      border-top: 1px solid #ededed;
      padding: 6px 0 6px 10px;
  }
  
  del {
      color: #333;
  }
  
  ins {
      background: #fff9c0;
      text-decoration: none;
  }
  
  hr {
      background-size: 4px 4px;
      border: 0;
      height: 1px;
      margin: 0 0 24px;
  }
  
  /**
   * Typography
   */
  * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  img {
      max-width: 100%;
  }
  
  html {
      overflow: hidden;
      overflow-y: auto;
  }
  
  body {
      overflow: hidden;
      font-size: 14px;
      line-height: 24px;
      -webkit-font-smoothing: subpixel-antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: "PeydaWebFaNum-Reg" !important;
      color: #060606;
      font-weight: 500;
      padding:20px;
  }
  
  ::-webkit-input-placeholder {
      color: #7e7e7e;
  }
  
  :-moz-placeholder {
      color: #7e7e7e;
  }
  
  ::-moz-placeholder {
      color: #7e7e7e;
  }
  
  :-ms-input-placeholder {
      color: #7e7e7e;
  }
  
  a {
      -webkit-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  address,
  p,
  pre,
  blockquote,
  dl,
  dd,
  menu,
  ol,
  ul,
  table,
  caption,
  hr {
      margin: 0;
      margin-bottom: 15px;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
      font-family: "PeydaWebFaNum-Bold", sans-serif;
      line-height: 1.3;
      color: #454545;
  }
  
  h1,
  .h1 {
      font-size: 36px;
  }
  
  h2,
  .h2 {
      font-size: 26px;
  }
  
  h3,
  .h3 {
      font-size: 20px;
  }
  
  h4,
  .h4 {
      font-size: 18px;
  }
  
  h5,
  .h5 {
      font-size: 16px;
  }
  
  h6,
  .h6 {
      font-size: 14px;
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
  
      h1,
      .h1 {
          font-size: 32px;
      }
  
      h2,
      .h2 {
          font-size: 24px;
      }
  
      h3,
      .h3 {
          font-size: 18px;
      }
  }
  
  @media only screen and (max-width: 767px) {
  
      h1,
      .h1 {
          font-size: 30px;
      }
  
      h2,
      .h2 {
          font-size: 22px;
      }
  
      h3,
      .h3 {
          font-size: 18px;
      }
  }
  
  @media only screen and (max-width: 575px) {
  
      h1,
      .h1 {
          font-size: 28px;
      }
  }
  
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
      font-weight: 200;
  }
  
  h4,
  .h4,
  h5,
  .h5 {
      font-weight: 200;
  }
  
  h6,
  .h6 {
      font-weight: 500;
  }
  
  a:hover,
  a:focus,
  a:active {
      text-decoration: none;
      outline: none;
  }
  
  a:visited {
      color: inherit;
  }
  
  input,
  button,
  select,
  textarea {
      background: transparent;
      border: 1px solid #e5e5e5;
      -webkit-transition: all 0.4s ease-out 0s;
      -o-transition: all 0.4s ease-out 0s;
      transition: all 0.4s ease-out 0s;
      color: #484848;
      font-family: "Shabnam FD", sans-serif;
  }
  
      input::-webkit-input-placeholder,
      button::-webkit-input-placeholder,
      select::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder {
          color: #7e7e7e;
      }
  
      input:-moz-placeholder,
      button:-moz-placeholder,
      select:-moz-placeholder,
      textarea:-moz-placeholder {
          color: #7e7e7e;
      }
  
      input::-moz-placeholder,
      button::-moz-placeholder,
      select::-moz-placeholder,
      textarea::-moz-placeholder {
          color: #7e7e7e;
      }
  
      input:-ms-input-placeholder,
      button:-ms-input-placeholder,
      select:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
          color: #7e7e7e;
      }
  
      input:focus,
      input:active,
      button:focus,
      button:active,
      select:focus,
      select:active,
      textarea:focus,
      textarea:active {
          outline: none;
          border-color: #0B88EE;
      }
  
  input,
  select,
  textarea {
      width: 100%;
      font-size: 14px;
  }
  
      input[type="text"],
      input[type="email"],
      input[type="number"],
      input[type="password"],
      select,
      button {
          height: 50px;
          line-height: 48px;
          padding: 0 15px;
      }
  
  textarea {
      padding: 10px 15px;
  }
  
  input[type="checkbox"] {
      visibility: hidden;
      opacity: 0;
      display: inline-block;
      vertical-align: middle;
      width: 0;
  }
  
      input[type="checkbox"] ~ label {
          position: relative;
          padding-right: 24px;
      }
  
          input[type="checkbox"] ~ label::before {
              content: "";
              position: absolute;
              right: 0;
              top: 50%;
              border: 1px solid #b3b2b2;
              height: 15px;
              width: 15px;
              margin-top: -8px;
              line-height: 0.5;
              font-size: 28px;
          }
  
      input[type="checkbox"]:checked ~ label {
          color: #0B88EE;
      }
  
          input[type="checkbox"]:checked ~ label::before {
              content: "\f3ff";
              font-family: 'Ionicons';
              color: #0B88EE;
              border-color: #0B88EE;
          }
  
  input[type="radio"] {
      width: 5%;
  }
      /**/
      /*input[type="radio"]~label {
    position: relative;
    padding-right: 24px;
  }
  
  input[type="radio"]~label::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    border: 2px solid #e5e5e5;
    border-radius: 100px;
    height: 15px;
    width: 15px;
    margin-top: -8px;
    line-height: 0.5;
    font-size: 28px;
  }*/
  
      input[type="radio"]:checked ~ label {
          color: #0B88EE;
      }
  
          input[type="radio"]:checked ~ label::before {
              color: #0B88EE;
              border-color: #0B88EE;
          }
  
  blockquote {
      font-size: 16px;
      color: #454545;
      border: 1px solid #e5e5e5;
      border-right: 4px solid #e5e5e5;
      padding: 20px 30px;
  }
  
  @media only screen and (max-width: 575px) {
      blockquote {
          padding: 15px;
      }
  }
  
  /**
   * Animations
   */
  @-webkit-keyframes crZoomInOut {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  
      50% {
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
      }
  
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  }
  
  @keyframes crZoomInOut {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  
      50% {
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
      }
  
      100% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
  }
  
  @-webkit-keyframes crZoomInOutInvisible {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1;
      }
  
      100% {
          -webkit-transform: scale(1.6);
          transform: scale(1.6);
          opacity: 0;
      }
  }
  
  @keyframes crZoomInOutInvisible {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1);
          opacity: 1;
      }
  
      100% {
          -webkit-transform: scale(1.6);
          transform: scale(1.6);
          opacity: 0;
      }
  }
  
  @-webkit-keyframes crFadeInUp {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
      }
  
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
      }
  }
  
  @keyframes crFadeInUp {
      from {
          opacity: 0;
          -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
      }
  
      to {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
      }
  }
  
  @-webkit-keyframes crSlideInDown {
      0% {
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
      }
  
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @keyframes crSlideInDown {
      0% {
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
      }
  
      100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes crBounceIn {
  
      20%, 40%, 60%, 80%, from, to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
  
      0% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
      }
  
      20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
      }
  
      40% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
      }
  
      60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
      }
  
      80% {
          -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
      }
  
      to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
  }
  
  @keyframes crBounceIn {
  
      20%, 40%, 60%, 80%, from, to {
          -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
  
      0% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
      }
  
      20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
      }
  
      40% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
      }
  
      60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
      }
  
      80% {
          -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
      }
  
      to {
          opacity: 1;
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
  }
  
  @-webkit-keyframes crSlideInRight {
      0% {
          -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
          opacity: 0;
      }
  
      100% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @keyframes crSlideInRight {
      0% {
          -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
          opacity: 0;
      }
  
      100% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
          opacity: 1;
      }
  }
  
  @-webkit-keyframes carInOutAnimation {
      0% {
          -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
      }
  
      18% {
          -webkit-transform: translateX(5%);
          transform: translateX(5%);
      }
  
      20% {
          -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
      }
  
      22% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  
      78% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  
      80% {
          -webkit-transform: translateX(5%);
          transform: translateX(5%);
      }
  
      82% {
          -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
      }
  
      100% {
          -webkit-transform: translateX(200%);
          transform: translateX(200%);
      }
  }
  
  @keyframes carInOutAnimation {
      0% {
          -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
      }
  
      18% {
          -webkit-transform: translateX(5%);
          transform: translateX(5%);
      }
  
      20% {
          -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
      }
  
      22% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  
      78% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }
  
      80% {
          -webkit-transform: translateX(5%);
          transform: translateX(5%);
      }
  
      82% {
          -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
      }
  
      100% {
          -webkit-transform: translateX(200%);
          transform: translateX(200%);
      }
  }
  
  @-webkit-keyframes hoFill {
      0% {
          width: 0;
      }
  
      100% {
          width: 100%;
      }
  }
  
  @keyframes hoFill {
      0% {
          width: 0;
      }
  
      100% {
          width: 100%;
      }
  }
  
  /**
   * Utilities
   */
  .hidden {
      display: none;
  }
  
  .visuallyhidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
  }
  
      .visuallyhidden.focusable:active,
      .visuallyhidden.focusable:focus {
          clip: auto;
          height: auto;
          margin: 0;
          overflow: visible;
          position: static;
          width: auto;
      }
  
  .invisible {
      visibility: hidden;
  }
  
  .clearfix:before,
  .clearfix:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */
  }
  
  .clearfix:after {
      clear: both;
  }
  
  .wrapper {
      position: relative;
  }
  
  /* Define Colors */
  .color-theme {
      color: #0B88EE;
  }
  
  .color-light {
      color: #999999;
  }
  
  .color-dark {
      color: #333333;
  }
  
  .color-black {
      color: #000000;
  }
  
  .color-white {
      color: #ffffff;
  }
  
  /* Background Color */
  .bg-theme {
      background-image: linear-gradient(to right, #887d68 , #ccb56e);
  }
  
  .bg-secondary {
      background: #FFE11B !important;
  }
  
  .bg-light {
      background: #999999 !important;
  }
  
  .bg-grey {
      background: #f4f4f4 !important;
  }
  
  .bg-dark {
      background: #2a2a2a !important;
  }
  
  .bg-dark-light {
      background: #323232 !important;
  }
  
  .bg-black {
      background: #000000 !important;
  }
  
  .bg-white {
      background: #ffffff !important;
  }
  
  /* Youtube Video Background */
  .background-video-holder {
      position: relative;
  }
  
  .youtube-video-wrapper {
      width: 100%;
      height: 100%;
      position: absolute !important;
      top: 0 !important;
      right: 0;
      z-index: -1;
  }
  
  .youtube-bg {
      display: block;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
  }
  
  /* Background Image */
  .bg-image-1 {
      background-image: url(images/bg/bg-image-1.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-2 {
      background-image: url(images/bg/bg-image-2.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-3 {
      background-image: url(images/bg/bg-image-3.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-4 {
      background-image: url(images/bg/bg-image-4.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-5 {
      background-image: url(images/bg/bg-image-5.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-6 {
      background-image: url(images/bg/bg-image-6.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-7 {
      background-image: url(images/bg/bg-image-7.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-8 {
      background-image: url(images/bg/bg-image-8.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-9 {
      background-image: url(images/bg/bg-image-9.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-10 {
      background-image: url(images/bg/bg-image-10.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-11 {
      background-image: url(images/bg/bg-image-11.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-12 {
      background-image: url(images/bg/bg-image-12.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-13 {
      background-image: url(images/bg/bg-image-13.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-14 {
      background-image: url(images/bg/bg-image-14.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-15 {
      background-image: url(images/bg/bg-image-15.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-16 {
      background-image: url(images/bg/bg-image-16.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-17 {
      background-image: url(images/bg/bg-image-17.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-18 {
      background-image: url(images/bg/bg-image-18.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-19 {
      background-image: url(images/bg/bg-image-19.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  .bg-image-20 {
      background-image: url(images/bg/bg-image-20.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
  }
  
  /* Text specialized */
  .text-italic {
      font-style: italic;
  }
  
  .text-normal {
      font-style: normal;
  }
  
  .text-underline {
      font-style: underline;
  }
  
  /* Font specialized */
  .body-font {
      font-family: "Shabnam FD", sans-serif;
  }
  
  .heading-font {
      font-family: "Shabnam FD", sans-serif;
  }
  
  /* Height and width */
  .fullscreen {
      min-height: 100vh;
      width: 100%;
  }
  
  .w-100 {
      width: 100%;
  }
  
  .w-75 {
      width: 75%;
  }
  
  .w-50 {
      width: 50%;
  }
  
  .w-33 {
      width: 33.33%;
  }
  
  .w-25 {
      width: 25%;
  }
  
  .w-10 {
      width: 10%;
  }
  
  .h-100 {
      height: 100%;
  }
  
  .h-75 {
      height: 75%;
  }
  
  .h-50 {
      height: 50%;
  }
  
  .h-25 {
      height: 25%;
  }
  
  .h-33 {
      height: 33.33%;
  }
  
  .h-10 {
      height: 10%;
  }
  
  /* Section padding */
  .section-padding-xlg {
      padding: 150px 0;
  }
  
  .section-padding-lg {
      padding: 120px 0;
  }
  
  .section-padding-md {
      padding: 100px 0;
  }
  
  .section-padding-sm {
      padding: 80px 0;
  }
  
  .section-padding-xs {
      padding: 50px 0;
  }
  
  .section-padding-top-xlg {
      padding-top: 150px;
  }
  
  .section-padding-top-lg {
      padding-top: 120px;
  }
  
  .section-padding-top-md {
      padding-top: 100px;
  }
  
  .section-padding-top-sm {
      padding-top: 80px;
  }
  
  .section-padding-top-xs {
      padding-top: 50px;
  }
  
  .section-padding-bottom-xlg {
      padding-bottom: 150px;
  }
  
  .section-padding-bottom-lg {
      padding-bottom: 120px;
  }
  
  .section-padding-bottom-md {
      padding-bottom: 100px;
  }
  
  .section-padding-bottom-sm {
      padding-bottom: 80px;
  }
  
  .section-padding-bottom-xs {
      padding-bottom: 50px;
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-padding-xlg {
          padding: 100px 0;
      }
  
      .section-padding-lg {
          padding: 90px 0;
      }
  
      .section-padding-md {
          padding: 80px 0;
      }
  
      .section-padding-sm {
          padding: 60px 0;
      }
  
      .section-padding-top-xlg {
          padding-top: 100px;
      }
  
      .section-padding-top-lg {
          padding-top: 90px;
      }
  
      .section-padding-top-md {
          padding-top: 80px;
      }
  
      .section-padding-top-sm {
          padding-top: 60px;
      }
  
      .section-padding-bottom-xlg {
          padding-bottom: 100px;
      }
  
      .section-padding-bottom-lg {
          padding-bottom: 90px;
      }
  
      .section-padding-bottom-md {
          padding-bottom: 80px;
      }
  
      .section-padding-bottom-sm {
          padding-bottom: 60px;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-padding-xlg {
          padding: 110px 0;
      }
  
      .section-padding-lg {
          padding: 100px 0;
      }
  
      .section-padding-md {
          padding: 80px 0;
      }
  
      .section-padding-sm {
          padding: 60px 0;
      }
  
      .section-padding-top-xlg {
          padding-top: 110px;
      }
  
      .section-padding-top-lg {
          padding-top: 100px;
      }
  
      .section-padding-top-md {
          padding-top: 80px;
      }
  
      .section-padding-top-sm {
          padding-top: 60px;
      }
  
      .section-padding-bottom-xlg {
          padding-bottom: 110px;
      }
  
      .section-padding-bottom-lg {
          padding-bottom: 100px;
      }
  
      .section-padding-bottom-md {
          padding-bottom: 80px;
      }
  
      .section-padding-bottom-sm {
          padding-bottom: 60px;
      }
  
      
  }
  
  @media only screen and (max-width: 767px) {
      .hidden-xs {
          display: none !important;
      }
  
      .section-padding-xlg {
          padding: 75px 0;
      }
  
      .section-padding-lg {
          padding: 65px 0;
      }
  
      .section-padding-md {
          padding: 60px 0;
      }
  
      .section-padding-sm {
          padding: 55px 0;
      }
  
      .section-padding-top-xlg {
          padding-top: 75px;
      }
  
      .section-padding-top-lg {
          padding-top: 65px;
      }
  
      .section-padding-top-md {
          padding-top: 60px;
      }
  
      .section-padding-top-sm {
          padding-top: 55px;
      }
  
      .section-padding-bottom-xlg {
          padding-bottom: 75px;
      }
  
      .section-padding-bottom-lg {
          padding-bottom: 65px;
      }
  
      .section-padding-bottom-md {
          padding-bottom: 60px;
      }
  
      .section-padding-bottom-sm {
          padding-bottom: 55px;
      }
  }
  
  /* Border */
  .cr-border {
      border-color: #e5e5e5;
      border-style: solid;
      border-width: 1px;
  }
  
  .cr-border-top {
      border-color: #e5e5e5;
      border-style: solid;
      border-width: 1px 0 0 0;
  }
  
  .cr-border-right {
      border-color: #e5e5e5;
      border-style: solid;
      border-width: 0 0 0 1px;
  }
  
  .cr-border-bottom {
      border-color: #e5e5e5;
      border-style: solid;
      border-width: 0 0 1px 0;
  }
  
  .cr-border-left {
      border-color: #e5e5e5;
      border-style: solid;
      border-width: 0 1px 0 0;
  }
  
  /* Overlay styles */
  [data-overlay],
  [data-black-overlay],
  [data-white-overlay] {
      position: relative;
  }
  
      [data-overlay] > div,
      [data-overlay] > *,
      [data-black-overlay] > div,
      [data-black-overlay] > *,
      [data-white-overlay] > div,
      [data-white-overlay] > * {
          position: relative;
          z-index: 2;
      }
  
      [data-overlay]:before,
      [data-black-overlay]:before,
      [data-white-overlay]:before {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 100%;
          z-index: 2;
      }
  
      [data-overlay]:before {
          background-color: #0B88EE;
      }
  
      [data-black-overlay]:before {
          background-color: #000000;
      }
  
      [data-white-overlay]:before {
          background-color: #ffffff;
      }
  
  [data-overlay="1"]:before,
  [data-black-overlay="1"]:before,
  [data-white-overlay="1"]:before {
      opacity: 0.1;
  }
  
  [data-overlay="2"]:before,
  [data-black-overlay="2"]:before,
  [data-white-overlay="2"]:before {
      opacity: 0.2;
  }
  
  [data-overlay="3"]:before,
  [data-black-overlay="3"]:before,
  [data-white-overlay="3"]:before {
      opacity: 0.3;
  }
  
  [data-overlay="4"]:before,
  [data-black-overlay="4"]:before,
  [data-white-overlay="4"]:before {
      opacity: 0.4;
  }
  
  [data-overlay="5"]:before,
  [data-black-overlay="5"]:before,
  [data-white-overlay="5"]:before {
      opacity: 0.5;
  }
  
  [data-overlay="6"]:before,
  [data-black-overlay="6"]:before,
  [data-white-overlay="6"]:before {
      opacity: 0.6;
  }
  
  [data-overlay="7"]:before,
  [data-black-overlay="7"]:before,
  [data-white-overlay="7"]:before {
      opacity: 0.7;
  }
  
  [data-overlay="8"]:before,
  [data-black-overlay="8"]:before,
  [data-white-overlay="8"]:before {
      opacity: 0.8;
  }
  
  [data-overlay="9"]:before,
  [data-black-overlay="9"]:before,
  [data-white-overlay="9"]:before {
      opacity: 0.9;
  }
  
  [data-overlay="10"]:before,
  [data-black-overlay="10"]:before,
  [data-white-overlay="10"]:before {
      opacity: 1;
  }
  
  .slick-slide:active,
  .slick-slide:focus {
      outline: none;
  }
  
  .slick-slide.slick-current:active,
  .slick-slide.slick-current:focus,
  .slick-slide.slick-active:active,
  .slick-slide.slick-active:focus {
      outline: none;
  }
  
  .bg-theme,
  .bg-dark,
  .bg-dark-light,
  .bg-secondary {
      color: #ffffff;
  }
  
      .bg-theme h1,
      .bg-theme h2,
      .bg-theme h3,
      .bg-theme h4,
      .bg-theme h5,
      .bg-theme h6,
      .bg-theme p,
      .bg-dark h1,
      .bg-dark h2,
      .bg-dark h3,
      .bg-dark h4,
      .bg-dark h5,
      .bg-dark h6,
      .bg-dark p,
      .bg-dark-light h1,
      .bg-dark-light h2,
      .bg-dark-light h3,
      .bg-dark-light h4,
      .bg-dark-light h5,
      .bg-dark-light h6,
      .bg-dark-light p,
      .bg-secondary h1,
      .bg-secondary h2,
      .bg-secondary h3,
      .bg-secondary h4,
      .bg-secondary h5,
      .bg-secondary h6,
      .bg-secondary p {
          color: #ffffff;
      }
  
  #scrollUp {
      left: 30px;
      bottom: 45px;
      height: 45px;
      width: 45px;
      line-height: 1;
      text-align: center;
      background: #CAB46E;
      color: #ffffff;
      font-size: 24px;
      border-radius: 100%;
      border: 1px solid #CAB46E;
      -webkit-animation: crSlideInRight 0.8s ease-in-out 1 both;
      animation: crSlideInRight 0.8s ease-in-out 1 both;
      z-index: 1000 !important;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
  
      #scrollUp i {
          line-height: 45px;
      }
  
  @media only screen and (max-width: 767px) {
      #scrollUp {
          display: none !important;
      }
  }
  
  .mt-30 {
      margin-top: 30px;
  }
  
  .mt-100 {
      margin-top: 100px;
  }
  .mt-10 {
    margin-top: 10px;
  }
  
  .mb-30 {
      margin-bottom: 30px;
  }
  
  .mtb-30 {
      margin-top: 30px;
      margin-bottom: 30px;
  }
  
  .pt-30 {
      padding-top: 30px;
  }
  
  .pb-30 {
      padding-bottom: 30px;
  }
  
  .ptb-30 {
      padding-top: 30px;
      padding-bottom: 30px;
  }
  
  .ptb-40 {
      padding-top: 40px;
      padding-bottom: 40px;
  }
  
  .pt-40 {
      padding-top: 40px;
  }
  
  .pb-40 {
      padding-bottom: 40px;
  }
  
  .ptb-50 {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
  .pt-50 {
      padding-top: 50px;
  }
  
  .pb-50 {
      padding-bottom: 50px;
  }
  
  .form-message {
      margin-bottom: 0;
      text-align: center;
  }
  
      .form-message.error {
          margin-top: 20px;
          color: #f80707;
      }
  
      .form-message.success {
          margin-top: 20px;
          color: #0d8d2d;
      }
  
  .bk-parallax {
      position: relative;
      z-index: 0;
  }
  
      .bk-parallax > .bk-parallax-img {
          position: absolute;
          -o-object-fit: cover;
          object-fit: cover;
          top: 0;
          right: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
      }
  
  .dropdown-list-sort-prod {
      position: absolute;
      top: -5px;
      right: 100px;
      left: auto;
      background: #ffffff;
      border-bottom: 2px solid #0B88EE;
      padding: 0 20px;
      min-width: 150px;
      text-align: right;
      -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      z-index: 50;
      height: 42px;
  }
  
  .dropdown-list-sort-result {
      position: absolute;
      top: -5px;
      left: 0;
      background: #ffffff;
      border-bottom: 2px solid #0B88EE;
      padding: 0 20px;
      min-width: 150px;
      text-align: right;
      -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      z-index: 99;
      height: 42px;
  }
  
  .dropdown-list-sort {
      position: absolute;
      top: -5px;
      right: 100px;
      left: auto;
      background: #ffffff;
      border-bottom: 2px solid #0B88EE;
      padding: 0 20px;
      min-width: 150px;
      text-align: right;
      -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      z-index: 99;
      height: 42px;
  }
  
  .dropdown-list {
      position: absolute;
      top: 100%;
      right: auto;
      left: 0;
      background: #ffffff;
      padding: 0 20px;
      min-width: 150px;
      text-align: right;
      -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      z-index: 99;
      display: none;
  }
  
      .dropdown-list li {
          list-style: none;
          display: block;
      }
  
          .dropdown-list li:not(:last-child) {
              border-bottom: 1px solid #e5e5e5;
          }
  
          .dropdown-list li a {
              display: block;
              width: 100%;
              clear: both;
              font-weight: 400;
              white-space: nowrap;
              background: none;
              border: 0;
              padding: 10px 0;
              color: #7e7e7e;
              line-height: 25px;
              font-size: 13px;
          }
  
              .dropdown-list li a:hover {
                  color: #0B88EE;
              }
  
  [class^="flaticon-"]:before,
  [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after,
  [class*=" flaticon-"]:after {
      font-size: 20px;
      margin-right: 0;
  }
  
  @media (min-width: 992px) {
      .col-2-of-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 25%;
      }
  }
  
  .tab-content {
      width: 100%;
  }
  
      .tab-content .tab-pane {
          display: block;
          height: 0;
          max-width: 100%;
          visibility: hidden;
          overflow: hidden;
          opacity: 0;
      }
  
          .tab-content .tab-pane.active {
              height: auto;
              visibility: visible;
              opacity: 1;
              overflow: visible;
          }
  
  .slick-slide > div > div {
      vertical-align: middle;
  }
  
  @media only screen and (max-width: 575px) {
      .container {
          max-width: 380px;
      }
  }
  
  /**************************************
      Elements Styles
  ***************************************/
  /**
   * Button
   */
  .ho-button,
  .ho-button:link {
      outline: none;
      -webkit-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;
      position: relative;
      font-size: 15px;
      line-height: 25px;
      text-transform: capitalize;
      font-weight: 500;
      display: inline-block;
      border: 1px solid #CAB36E;
      background: #CAB36E;
      padding: 10px 20px;
      border-radius: 10px;
      color: #ffffff;
  }
  
      .ho-button i,
      .ho-button:link i {
          font-size: 21px;
          margin-top: 5px;
          vertical-align: middle;
          color: #ffffff;
      }
  
      .ho-button span,
      .ho-button:link span {
          display: inline-block;
          color: #ffffff;
      }
  
      .ho-button:hover {
          background: transparent;
          color: #cab36e;
      }
  
          .ho-button:hover i {
              color: #cab36e;
          }
  
          .ho-button:hover span {
              color: #cab36e;
          }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
  
      .ho-button,
      .ho-button:link {
          font-size: 14px;
          padding: 5px 15px 8px 15px;
          border-radius: 5px;
      }
  
          .ho-button i,
          .ho-button:link i {
              font-size: 17px;
          }
  }
  
  @media only screen and (max-width: 767px) {
  
      .ho-button,
      .ho-button:link {
          font-size: 14px;
          padding: 6px 15px 6px 15px;
          border-radius: 5px;
      }
  
          .ho-button i,
          .ho-button:link i {
              font-size: 17px;
          }
  }
  
  .ho-button.ho-button-sm,
  .ho-button:link.ho-button-sm {
      font-size: 14px;
      padding: 6px 15px 6px 15px;
      border-radius: 5px;
  }
  
      .ho-button.ho-button-sm i,
      .ho-button:link.ho-button-sm i {
          font-size: 17px;
      }
  
  .ho-button-white,
  .ho-button-white:link {
      background: #ffffff;
      border-color: #ffffff;
      color: #0B88EE;
  }
  
      .ho-button-white i,
      .ho-button-white:link i {
          color: #0B88EE;
      }
  
      .ho-button-white span,
      .ho-button-white:link span {
          color: #0B88EE;
      }
  
      .ho-button-white:hover,
      .ho-button-white:link:hover {
          border-color: #0B88EE;
      }
  
          .ho-button-white:hover span,
          .ho-button-white:link:hover span {
              color: #0B88EE;
          }
  
  .ho-button-dark,
  .ho-button-dark:link {
      background: #454545;
      border-color: #454545;
      color: #ffffff;
  }
  
      .ho-button-dark i,
      .ho-button-dark:link i {
          color: #ffffff;
      }
  
      .ho-button-dark span,
      .ho-button-dark:link span {
          color: #ffffff;
      }
  
      .ho-button-dark:hover,
      .ho-button-dark:link:hover {
          border-color: #0B88EE;
          background: #0B88EE;
      }
  
          .ho-button-dark:hover span,
          .ho-button-dark:link:hover span {
              color: #ffffff;
          }
  
  .ho-button-fullwidth,
  .ho-button-fullwidth:link {
      display: block;
      text-align: center;
  }
  
  /* Button Group */
  .ho-buttongroup {
      margin-top: -10px;
  }
  
      .ho-buttongroup .ho-button {
          margin-top: 10px;
      }
  
          .ho-buttongroup .ho-button:not(:last-child) {
              margin-left: 10px;
          }
  
  .ho-readmore {
      color: #454545;
  }
  
      .ho-readmore:hover {
          color: #0B88EE;
      }
  
  /**
   * Section Title
   */
  .section-title {
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 8px;
      display: block;
  }
  
      .section-title::after {
          content: "";
          clear: both;
          display: table;
      }
  
      .section-title h3 {
          font-weight: 200;
          display: inline-block;
          margin-bottom: 0;
          line-height: 40px;
          position: relative;
          vertical-align: middle;
      }
  
          .section-title h3::after {
              content: "";
              position: absolute;
              width: 100%;
              right: 0;
              bottom: -1px;
              background: #C9B26E;
              height: 2px;
          }
  
      .section-title .nav {
          float: left;
          margin-left: 80px;
      }
  
          .section-title .nav li {
              display: inline-block;
              margin: 0 10px;
          }
  
              .section-title .nav li:first-child {
                  margin-right: 0;
              }
  
              .section-title .nav li:last-child {
                  margin-left: 0;
              }
  
              .section-title .nav li a {
                  display: inline-block;
                  height: 40px;
                  vertical-align: middle;
                  display: inline-block;
                  position: relative;
                  z-index: 2;
                  background: transparent;
                  line-height: 40px;
                  cursor: pointer;
                  color: #ababab;
                  text-transform: uppercase;
                  font-size: 14px;
                  font-weight: 700;
                  padding: 0;
                  -webkit-transition: all 300ms ease;
                  -o-transition: all 300ms ease;
                  transition: all 300ms ease;
              }
  
                  .section-title .nav li a.active,
                  .section-title .nav li a:hover {
                      color: #454545;
                  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-title .nav {
          margin-left: 60px;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title .nav {
          float: none;
          margin-left: 50px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .section-title .nav {
          float: none;
          margin-left: 50px;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .section-title .nav {
          padding-top: 15px;
          padding-bottom: 10px;
      }
  
          .section-title .nav li {
              margin-right: 0;
              margin-left: 15px;
          }
  
              .section-title .nav li a {
                  height: auto;
                  line-height: 24px;
              }
  }
  
  /* Section Title 2 */
  .section-title-2 {
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 8px;
      display: block;
  }
  
      .section-title-2::after {
          content: "";
          clear: both;
          display: table;
      }
  
      .section-title-2 .nav {
          margin-left: 80px;
      }
  
          .section-title-2 .nav li {
              display: inline-block;
              margin: 0 25px;
          }
  
              .section-title-2 .nav li:first-child {
                  margin-right: 0;
              }
  
              .section-title-2 .nav li:last-child {
                  margin-left: 0;
              }
  
              .section-title-2 .nav li a {
                  display: inline-block;
                  height: 40px;
                  vertical-align: middle;
                  display: inline-block;
                  position: relative;
                  z-index: 2;
                  background: transparent;
                  line-height: 40px;
                  cursor: pointer;
                  color: #ababab;
                  text-transform: uppercase;
                  font-size: 14px;
                  font-weight: 200;
                  padding: 0;
                  font-size: 20px;
                  font-family: "PeydaWebFaNum-Bold", sans-serif;
                  -webkit-transition: all 300ms ease;
                  -o-transition: all 300ms ease;
                  transition: all 300ms ease;
              }
  
                  .section-title-2 .nav li a::after {
                      content: "";
                      position: absolute;
                      width: 100%;
                      right: 0;
                      bottom: -1px;
                      background: #C9B26E;
                      height: 2px;
                      visibility: hidden;
                      -webkit-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;
                      opacity: 0;
                  }
  
                  .section-title-2 .nav li a.active::after {
                      visibility: visible;
                      opacity: 1;
                  }
  
                  .section-title-2 .nav li a.active,
                  .section-title-2 .nav li a:hover {
                      color: #454545;
                  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title-2 .nav {
          margin-left: 50px;
      }
  
          .section-title-2 .nav li {
              margin: 0 10px;
          }
  
              .section-title-2 .nav li a {
                  font-size: 18px;
              }
  }
  
  @media only screen and (max-width: 767px) {
      .section-title-2 .nav {
          margin-left: 50px;
      }
  
          .section-title-2 .nav li {
              margin: 0 10px;
          }
  
              .section-title-2 .nav li a {
                  font-size: 18px;
              }
  }
  
  @media only screen and (max-width: 575px) {
      .section-title-2 .nav {
          padding-top: 15px;
          padding-bottom: 10px;
      }
  
          .section-title-2 .nav li {
              margin-right: 0;
              margin-left: 15px;
          }
  
              .section-title-2 .nav li:not(:last-child) {
                  margin-bottom: 10px;
              }
  
              .section-title-2 .nav li a {
                  height: auto;
                  line-height: 26px;
              }
  }
  
  .small-title {
      border-bottom: 1px solid #e5e5e5;
      padding-bottom: 10px;
  }
  
  /**
   * Social Icons
   */
  .socialicons ul {
      padding-right: 0;
      margin-bottom: 0;
      display: inline-block;
      list-style: none;
      font-size: 0;
  }
  
      .socialicons ul li {
          display: inline-block;
          list-style: none;
          font-size: 18px;
          margin: 0 10px;
      }
  
          .socialicons ul li:first-child {
              margin-right: 0;
          }
  
          .socialicons ul li:last-child {
              margin-left: 0;
          }
  
          .socialicons ul li a {
              display: inline-block;
              color: #454545;
          }
  
              .socialicons ul li a:hover {
                  color: #0B88EE;
              }
  
  .socialicons-radial ul li {
      margin: 0 7px;
  }
  
      .socialicons-radial ul li a {
          position: relative;
          display: inline-block;
          vertical-align: middle;
          color: #454545;
          background: white;
          font-size: 18px;
          padding: 0;
          width: 50px;
          height: 50px;
          text-align: center;
          border: 1px solid #e5e5e5;
          border-radius: 100%;
          line-height: 1;
      }
  
          .socialicons-radial ul li a i {
              line-height: 48px;
          }
  
          .socialicons-radial ul li a:hover {
              background: #0B88EE;
              border-color: #0B88EE;
              color: #ffffff;
          }
  
  @media only screen and (max-width: 767px) {
      .socialicons-radial ul li {
          margin: 0 4px;
      }
  
          .socialicons-radial ul li a {
              height: 38px;
              width: 38px;
              font-size: 15px;
          }
  
              .socialicons-radial ul li a i {
                  line-height: 38px;
              }
  }
  
  /**
   * Breadcrumb Styles
   */
  .ho-breadcrumb ul {
      display: inline-block;
      padding: 15px 0;
      margin-bottom: 0;
      padding-right: 0;
      font-size: 0;
  }
  
      .ho-breadcrumb ul li {
          color: #454545;
          display: inline-block;
          padding: 8px 0;
          font-size: 14px;
      }
  
          .ho-breadcrumb ul li::after {
              content: "\f3d1";
              font-family: 'Ionicons';
              color: #7e7e7e;
              margin: 0 5px;
          }
  
          .ho-breadcrumb ul li:last-child::after {
              display: none;
          }
  
          .ho-breadcrumb ul li a {
              color: #7e7e7e;
          }
  
  /**
   * Pagination Styles
   */
  .cr-pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-bottom: 1px solid #e5e5e5;
  }
  
      .cr-pagination p {
          padding-bottom: 10px;
          margin-bottom: 0;
          color: #454545;
      }
  
      .cr-pagination ul {
          padding-right: 0;
          padding-bottom: 10px;
      }
  
          .cr-pagination ul li {
              list-style: none;
              display: inline-block;
          }
  
              .cr-pagination ul li a {
                  font-weight: 400;
                  color: #ffffff;
                  padding: 0 10px;
                  height: 30px;
                  line-height: 30px;
                  background: #ccc;
                  border-radius: 8px;
                  font-size: 14px;
                  display: inline-block;
              }
  
                  .cr-pagination ul li a i {
                      font-size: 12px;
                  }
  
              .cr-pagination ul li:hover a,
              .cr-pagination ul li.active a {
                  background: #0B88EE;
              }
  
  /**
   * Product Styles
   */
  .hoproduct {
      padding: 15px;
      -webkit-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;
      margin: 15px;
      border: 1px solid #ececec;
      border-radius: 20px;
  }
  
  .hoproduct-thumb {
      position: relative;
      display: block;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: hidden;
  }
  
      .hoproduct-thumb::before {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 100%;
          background: rgba(255, 255, 255, 0.75);
          opacity: 0;
          visibility: hidden;
          z-index: 2;
          -webkit-transition: all 0.4s ease-out 0s;
          -o-transition: all 0.4s ease-out 0s;
          transition: all 0.4s ease-out 0s;
      }
  
      .hoproduct-thumb .hoproduct-frontimage,
      .hoproduct-thumb .hoproduct-backimage {
          -webkit-transition: all 0.4s ease-out 0s;
          -o-transition: all 0.4s ease-out 0s;
          transition: all 0.4s ease-out 0s;
          width: 100%;
      }
  
      .hoproduct-thumb .hoproduct-frontimage {
          opacity: 1;
          visibility: visible;
      }
  
      .hoproduct-thumb .hoproduct-backimage {
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 100%;
          opacity: 0;
          visibility: hidden;
          z-index: -1;
      }
  
  .hoproduct:hover .hoproduct-thumb::before {
      opacity: 0.3;
      visibility: visible;
      z-index: 2;
  }
  
  .hoproduct:hover .hoproduct-thumb .hoproduct-backimage {
      visibility: visible;
      opacity: 1;
      z-index: 1;
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
  }
  
  .hoproduct-image {
      position: relative;
      z-index: 1;
  }
  
  .hoproduct-actionbox {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 5;
      padding-right: 0;
      margin-bottom: 0;
      list-style: none;
      text-align: center;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 0;
  }
  
      .hoproduct-actionbox li {
          list-style: none;
          display: inline-block;
          margin: 0 5px;
          font-size: 18px;
      }
  
          .hoproduct-actionbox li:first-child {
              margin-right: 0;
          }
  
          .hoproduct-actionbox li:last-child {
              margin-left: 0;
          }
  
          .hoproduct-actionbox li a {
              display: inline-block;
              background: #ededed;
              color: #454545;
              padding: 0;
              border: none;
              height: 45px;
              width: 45px;
              font-size: 18px;
              cursor: pointer;
              text-transform: capitalize;
              border-radius: 1000px;
              -webkit-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;
              -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
              transform: scale(0.5);
              opacity: 0;
              text-align: center;
          }
  
              .hoproduct-actionbox li a:hover,
              .hoproduct-actionbox li a.is-active {
                  background: #0B88EE;
                  color: #ffffff;
              }
  
              .hoproduct-actionbox li a i {
                  line-height: 45px;
              }
  
  .hoproduct:hover .hoproduct-actionbox li a {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
  }
  
  .hoproduct-countdown {
      text-align: center;
  }
  
  .hoproduct-content {
      padding-top: 15px;
  }
  
  .hoproduct-title {
      font-weight: 400;
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 5px;
  }
  
      .hoproduct-title a {
          color: #454545;
      }
  
          .hoproduct-title a:hover {
              color: #0B88EE;
          }
  
  .hoproduct-flags {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      padding-right: 0;
      margin-bottom: 0;
      list-style: none;
      z-index: 1;
  }
  
      .hoproduct-flags li {
          position: absolute;
          right: 0;
          display: inline-block;
          background: #3fcc8d;
          color: #ffffff;
          border-radius: 5px;
          padding: 0 5px;
          min-width: 55px;
          text-align: center;
          line-height: 25px;
          height: 25px;
          font-size: 13px;
          font-weight: 400;
          text-transform: uppercase;
      }
  
      .hoproduct-flags .flag-discount {
          background: #d31129;
          right: auto;
          left: 0;
      }
  
  .hoproduct:hover {
      -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
  }
  
  @media only screen and (max-width: 767px) {
      .hoproduct-thumb::before {
          display: none;
      }
  
      .hoproduct-actionbox {
          position: relative;
          -webkit-transform: translate(0);
          -ms-transform: translate(0);
          transform: translate(0);
          margin-top: 15px;
      }
  
          .hoproduct-actionbox li a {
              opacity: 1;
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1);
          }
  }
  
  @media only screen and (max-width: 575px) {
      .hoproduct-thumb::before {
          display: none;
      }
  
      .hoproduct-actionbox {
          position: relative;
          -webkit-transform: translate(0);
          -ms-transform: translate(0);
          transform: translate(0);
          margin-top: 15px;
      }
  
          .hoproduct-actionbox li a {
              opacity: 1;
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1);
          }
  }
  
  /* Product Style 2 */
  .hoproduct-2 .hoproduct-content::after {
      content: "";
      clear: both;
      display: table;
  }
  
  .hoproduct-2 .hoproduct-rattingbox {
      float: right;
      margin-top: 8px;
  }
  
      .hoproduct-2 .hoproduct-rattingbox h6 {
          color: #ababab;
          font-weight: 400;
          font-size: 13px;
          margin-bottom: 8px;
      }
  
  .hoproduct-2 .hoproduct-pricebox {
      float: left;
      margin-top: 8px;
      text-align: left;
  }
  
      .hoproduct-2 .hoproduct-pricebox .discount {
          display: inline-block;
          padding: 0 10px;
          border-radius: 25px;
          color: #d31129;
          border: 1px solid #d31129;
          font-size: 12px;
          line-height: 20px;
      }
  
  @media only screen and (max-width: 575px) {
      .hoproduct-2 .hoproduct-actionbox {
          text-align: center;
      }
  }
  
  /* Product Style 3 */
  .hoproduct-3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  
      .hoproduct-3 .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 165px;
          flex: 0 0 165px;
          max-width: 165px;
      }
  
      .hoproduct-3 .hoproduct-content {
          padding: 15px 15px 0 0;
      }
  
      .hoproduct-3 .hoproduct-actionbox {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          top: auto;
          bottom: 0;
          left: auto;
          right: calc(100% + 15px);
          text-align: right;
          width: auto;
          white-space: nowrap;
      }
  
          .hoproduct-3 .hoproduct-actionbox li a {
              text-align: center;
              height: 40px;
              width: 40px;
          }
  
              .hoproduct-3 .hoproduct-actionbox li a i {
                  line-height: 40px;
              }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hoproduct-3 .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 125px;
          flex: 0 0 125px;
          max-width: 125px;
      }
  
      .hoproduct-3 .hoproduct-content {
          padding: 0 15px 45px 0;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hoproduct-3 .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 125px;
          flex: 0 0 125px;
          max-width: 125px;
      }
  
      .hoproduct-3 .hoproduct-content {
          padding-top: 0;
          padding-bottom: 45px;
      }
  
      .hoproduct-3 .hoproduct-actionbox li a {
          opacity: 1;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
      }
  }
  
  @media only screen and (max-width: 767px) {
      .hoproduct-3 .hoproduct-content {
          padding-bottom: 45px;
      }
  
      .hoproduct-3 .hoproduct-actionbox {
          margin-top: -60px;
      }
  
          .hoproduct-3 .hoproduct-actionbox li a {
              opacity: 1;
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1);
          }
  }
  
  @media only screen and (max-width: 575px) {
      .hoproduct-3 {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      }
  
          .hoproduct-3 .hoproduct-image {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              max-width: 100%;
          }
  
          .hoproduct-3 .hoproduct-actionbox {
              position: relative;
              right: 0;
              margin-top: 15px;
          }
  
          .hoproduct-3 .hoproduct-content {
              padding: 0;
              padding-top: 15px;
          }
  }
  
  /* Product Style 4 */
  .hoproduct-4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
  }
  
      .hoproduct-4 .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          max-width: 100px;
          margin-left: 15px;
      }
  
      .hoproduct-4 .hoproduct-content {
          padding: 0;
      }
  
      .hoproduct-4 .hoproduct-actionbox {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          top: auto;
          bottom: 0;
          left: auto;
          right: calc(100% + 15px);
          text-align: right;
      }
  
          .hoproduct-4 .hoproduct-actionbox li a {
              text-align: center;
              height: 40px;
              width: 40px;
          }
  
              .hoproduct-4 .hoproduct-actionbox li a i {
                  line-height: 40px;
              }
  
      .hoproduct-4:hover {
          -webkit-box-shadow: none;
          box-shadow: none;
      }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hoproduct-4 .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 65px;
          flex: 0 0 65px;
          max-width: 65px;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hoproduct-4 .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 65px;
          flex: 0 0 65px;
          max-width: 65px;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .hoproduct-4 .hoproduct-actionbox {
          text-align: right;
      }
  
      .hoproduct-4 .hoproduct-content {
          text-align: right;
      }
  }
  
  .rattingbox {
      display: block;
  }
  
      .rattingbox span {
          color: #7e7e7e;
          font-size: 14px;
          display: inline-block;
      }
  
          .rattingbox span.active {
              color: #ffcc33;
          }
  
  .pricebox .oldprice {
      color: #ababab;
      margin-left: 5px;
      display: inline-block;
  }
  
  .pricebox .price {
      display: inline-block;
      font-weight: 200;
      font-size: 17px;
      color: #A68D42;
  }
  
  /**
   * Hero Banner Area
   */
  .herobanner-single {
      position: relative;
      vertical-align: middle;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
  
  .herobanner-content {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%) translateZ(0);
      transform: translateY(-50%) translateZ(0);
      padding: 15px 70px;
      max-width: 500px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
  
      .herobanner-content h4 {
          color: #bbbbbb;
      }
  
      .herobanner-content h1 {
          font-size: 52px;
          font-weight: 500;
          line-height: 1.1;
      }
  
          .herobanner-content h1 span {
              color: #0B88EE;
              display: inline-block;
          }
  
      .herobanner-content p {
          font-size: 18px;
          line-height: 27px;
          color: #7e7e7e;
      }
  
      .herobanner-content .ho-button {
          margin-top: 20px;
      }
  
  .slick-current .herobanner-box {
      -webkit-animation: crBounceIn 0.7s ease-in-out 0s 1 both;
      animation: crBounceIn 0.7s ease-in-out 0s 1 both;
  }
  
      .slick-current .herobanner-box:nth-child(1) {
          -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
      }
  
      .slick-current .herobanner-box:nth-child(2) {
          -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
      }
  
      .slick-current .herobanner-box:nth-child(3) {
          -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
      }
  
      .slick-current .herobanner-box:nth-child(4) {
          -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
      }
  
      .slick-current .herobanner-box:nth-child(5) {
          -webkit-animation-delay: 2s;
          animation-delay: 2s;
      }
  
  .herobanner-progress {
      position: absolute;
      right: 0;
      top: 0;
      height: 5px;
      width: 0;
      background: rgba(49, 56, 72, 0.298);
      background-color: rgba(49, 56, 72, 0.298);
      z-index: 5;
      -webkit-animation: initial;
      animation: initial;
  }
  
  .slick-current .herobanner-progress {
      -webkit-animation: hoFill 8000ms ease-in-out 0s 1 backwards;
      animation: hoFill 8000ms ease-in-out 0s 1 backwards;
  }
  
  .herobanner.slider-dots {
      margin-bottom: 0;
  }
  
      .herobanner.slider-dots .slick-dots {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          right: 30px;
          bottom: 25px;
          width: calc(100% - 60px);
      }
  
  .herobanner.slider-navigation .slider-navigation-arrow {
      visibility: hidden;
      opacity: 0;
  }
  
      .herobanner.slider-navigation .slider-navigation-arrow.slider-navigation-prev {
          right: 0;
      }
  
      .herobanner.slider-navigation .slider-navigation-arrow.slider-navigation-next {
          left: 0;
      }
  
  .herobanner.slider-navigation:hover .slider-navigation-arrow {
      visibility: visible;
      opacity: 1;
  }
  
      .herobanner.slider-navigation:hover .slider-navigation-arrow.slider-navigation-prev {
          right: 2%;
      }
  
      .herobanner.slider-navigation:hover .slider-navigation-arrow.slider-navigation-next {
          left: 2%;
      }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .herobanner-content {
          padding: 30px;
          max-width: 380px;
      }
  
          .herobanner-content h4 {
              margin-bottom: 8px;
              letter-spacing: 0;
          }
  
          .herobanner-content h1 {
              font-size: 32px;
              margin-bottom: 8px;
          }
  
          .herobanner-content p {
              font-size: 14px;
              line-height: 24px;
          }
  
          .herobanner-content .ho-button {
              margin-top: 0;
          }
  
      .herobanner.slider-dots .slick-dots {
          bottom: 15px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .herobanner-content {
          padding: 30px;
          max-width: 380px;
      }
  
          .herobanner-content h4 {
              margin-bottom: 8px;
              letter-spacing: 0;
          }
  
          .herobanner-content h1 {
              font-size: 32px;
              margin-bottom: 8px;
          }
  
          .herobanner-content p {
              font-size: 14px;
              line-height: 24px;
          }
  
          .herobanner-content .ho-button {
              margin-top: 0;
          }
  
      .herobanner.slider-dots .slick-dots {
          bottom: 15px;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .herobanner-content {
          position: relative;
          padding: 20px;
          padding-bottom: 50px;
          -webkit-transform: translate(0);
          -ms-transform: translate(0);
          transform: translate(0);
          background: #ffffff;
          border-top: 1px solid #e5e5e5;
      }
  
          .herobanner-content h1 {
              font-size: 28px;
          }
  }
  
  /* Herobanner 2 */
  .herobanner-2 .herobanner-content {
      right: calc(50% - 600px);
      max-width: 600px;
  }
  
      .herobanner-2 .herobanner-content h4 {
          color: #cac8d8;
      }
  
      .herobanner-2 .herobanner-content h1 {
          color: #ffffff;
      }
  
          .herobanner-2 .herobanner-content h1 span {
              color: #FFE11B;
          }
  
      .herobanner-2 .herobanner-content p {
          color: #ffffff;
      }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .herobanner-2 .herobanner-content {
          right: calc(50% - 515px);
      }
  
          .herobanner-2 .herobanner-content h4 {
              margin-bottom: 12px;
          }
  
          .herobanner-2 .herobanner-content h1 {
              font-size: 36px;
              margin-bottom: 12px;
          }
  
          .herobanner-2 .herobanner-content .ho-button {
              margin-top: 5px;
          }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .herobanner-2 .herobanner-content {
          right: calc(50% - 375px);
          max-width: 450px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .herobanner-2 .herobanner-content {
          position: relative;
          right: auto;
          max-width: 100%;
          -webkit-transform: translate(0);
          -ms-transform: translate(0);
          transform: translate(0);
          background: #f4f4f4;
      }
  
          .herobanner-2 .herobanner-content h4 {
              color: #7e7e7e;
          }
  
          .herobanner-2 .herobanner-content h1 {
              color: #454545;
          }
  
          .herobanner-2 .herobanner-content p {
              color: #454545;
          }
  
          .herobanner-2 .herobanner-content .ho-button-white,
          .herobanner-2 .herobanner-content .ho-button-white:link {
              border-color: #0B88EE;
          }
  }
  
  /* Herobanner 3 */
  .herobanner-3 .herobanner-content h4 {
      color: #ffffff;
  }
  
  .herobanner-3 .herobanner-content h1 {
      color: #ffffff;
  }
  
      .herobanner-3 .herobanner-content h1 span {
          color: #ffffff;
      }
  
  .herobanner-3 .herobanner-content p {
      color: #ffffff;
  }
  
  @media only screen and (max-width: 575px) {
      .herobanner-3 .herobanner-content {
          position: relative;
          right: auto;
          max-width: 100%;
          -webkit-transform: translate(0);
          -ms-transform: translate(0);
          transform: translate(0);
      }
  
          .herobanner-3 .herobanner-content h4 {
              color: #7e7e7e;
          }
  
          .herobanner-3 .herobanner-content h1 {
              color: #454545;
          }
  
              .herobanner-3 .herobanner-content h1 span {
                  color: #454545;
              }
  
          .herobanner-3 .herobanner-content p {
              color: #454545;
          }
  
          .herobanner-3 .herobanner-content .ho-button-white,
          .herobanner-3 .herobanner-content .ho-button-white:link {
              border-color: #0B88EE;
          }
  }
  
  /**
   * Banner Styles
   */
  .imgbanner {
      position: relative;
      overflow: hidden;
      z-index: 1;
      border-radius: 30px;
  }
  
      .imgbanner::before,
      .imgbanner::after {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          background: rgba(255, 255, 255, 0.4);
          right: 0;
          top: 0;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          opacity: 1;
          -webkit-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
          z-index: 2;
          pointer-events: none;
    
      }
  
      .imgbanner::before {
          -webkit-transform-origin: 100% 0;
          -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
      }
  
      .imgbanner:after {
          -webkit-transform-origin: 0% 100%;
          -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
      }
  
      .imgbanner a {
          display: block;
         
      }
  
      .imgbanner img {
          width: 100%;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          -webkit-transition: all 0.5s ease-in-out 0s;
          -o-transition: all 0.5s ease-in-out 0s;
          transition: all 0.5s ease-in-out 0s;
         
      }
  
      .imgbanner:hover::before,
      .imgbanner:hover::after {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          opacity: 0;
          z-index: -1;
         
      }
  
      .imgbanner:hover img {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2);
         
      }
  
  .imgbanner-2::before,
  .imgbanner-2::after {
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      opacity: 0;
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      border-radius: 30px;
  }
  
  .imgbanner-2:hover::after {
      opacity: 1;
      z-index: 1;
      border-radius: 30px;
  }
  
  .imgbanner-2:hover img {
      -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
      transform: scale(1.08);
      border-radius: 30px;
  }
  
  /**
   * Selectbox
   */
  
  
  
  .nice-select {
      display: block;
      width: auto;
      border-radius: 10px;
      border: none;
      float: none;
      background-color: transparent;
      border: 1px solid #e5e5e5;
      padding: 0 15px;
  }
  
      .nice-select::after {
          content: "\f3d0";
          font-family: 'Ionicons';
          position: absolute;
          right: auto;
          left: 15px;
          height: 35px;
          line-height: 35px;
          width: 8px;
          border-radius: 100%;
          display: inline-block;
          font-size: 14px;
          padding: 0;
          border: none;
          -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0);
          top: 7px;
          bottom: auto;
          -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          text-align: center;
      }
  
      .nice-select span.current {
          display: block;
          position: relative;
          color: #484848;
          letter-spacing: 0;
          font-size: 14px;
          padding: 0;
      }
  
      .nice-select .list {
          width: 100%;
          border-radius: 0;
          margin-top: 0;
          max-height: 280px;
          overflow-y: auto;
          z-index: 999999;
      }
  
      .nice-select .option {
          line-height: 30px;
          min-height: 30px;
          padding-right: 15px;
          padding-left: 15px;
      }
  
      .nice-select.open::after {
          -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
      }
  
      .nice-select:active,
      .nice-select.open,
      .nice-select:focus {
          border-color: #af964b;
      }
  
  .nice-select-basket {
      display: block;
      width: 100%;
      border-radius: 0px;
      border: none;
      float: none;
      background-color: transparent;
      border: 1px solid #e5e5e5;
      padding: 0 15px;
  }
  
  /**
   * Featurebox
   */
  .featurebox {
      position: relative;
      padding-right: 70px;
      padding-top: 20px;
      padding-bottom: 15px;
      max-width: 320px;
  }
  
      .featurebox i {
          position: absolute;
          right: 0;
          top: 17px;
          font-size: 55px;
          display: inline-block;
          height: auto;
          height: 70px;
          vertical-align: middle;
          color: #aaaaaa;
      }
  
          .featurebox i[class^="flaticon-"]:before,
          .featurebox i[class*=" flaticon-"]:before,
          .featurebox i[class^="flaticon-"]:after,
          .featurebox i[class*=" flaticon-"]:after {
              vertical-align: text-bottom;
          }
  
      .featurebox h5 {
          margin-bottom: 5px;
      }
  
      .featurebox p {
          font-size: 13px;
          line-height: 23px;
          margin-bottom: 0;
      }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .featurebox {
          max-width: 98%;
      }
  }
  
  /**
   * Slider Elements
   */
  /* Slider Navigation */
  .slider-navigation {
      position: relative;
  }
  
      .slider-navigation .slider-navigation-arrow {
          display: block;
          width: 45px;
          height: 45px;
          line-height: 1;
          background: #C9B26E;
          color: #ffffff;
          border: 1px solid #C9B26E;
          border-radius: 100%;
          text-align: center;
          position: absolute;
          z-index: 8;
          cursor: pointer;
          top: 50%;
          font-size: 17px;
          margin-top: -22.5px;
          -webkit-transition: all 0.4s ease-in-out 0s;
          -o-transition: all 0.4s ease-in-out 0s;
          transition: all 0.4s ease-in-out 0s;
      }
  
          .slider-navigation .slider-navigation-arrow i {
              line-height: 43px;
          }
  
          .slider-navigation .slider-navigation-arrow.slider-navigation-prev {
              right: 2%;
              left: auto;
          }
  
          .slider-navigation .slider-navigation-arrow.slider-navigation-next {
              left: 2%;
              right: auto;
          }
  
  @media only screen and (max-width: 767px) {
      .slider-navigation .slider-navigation-arrow {
          height: 35px;
          width: 35px;
          font-size: 14px;
      }
  
          .slider-navigation .slider-navigation-arrow i {
              line-height: 34px;
          }
  }
  
  .slider-navigation-2 {
      position: relative;
  }
  
      .slider-navigation-2 .slider-navigation-arrow {
          display: block;
          width: 40px;
          height: 40px;
          line-height: 1;
          background: transparent;
          color: #7e7e7e;
          text-align: center;
          position: absolute;
          z-index: 8;
          cursor: pointer;
          top: -60px;
          font-size: 20px;
          -webkit-transition: all 0.4s ease-in-out 0s;
          -o-transition: all 0.4s ease-in-out 0s;
          transition: all 0.4s ease-in-out 0s;
      }
  
          .slider-navigation-2 .slider-navigation-arrow:hover {
              color: #C9B26E;
          }
  
          .slider-navigation-2 .slider-navigation-arrow i {
              line-height: 40px;
          }
  
          .slider-navigation-2 .slider-navigation-arrow.slider-navigation-prev {
              padding-left: 20px;
              left: 37px;
              right: auto;
          }
  
              .slider-navigation-2 .slider-navigation-arrow.slider-navigation-prev:after {
                  content: "";
                  position: absolute;
                  right: 99%;
                  top: 13px;
                  height: 12px;
                  width: 1px;
                  background: transparent;
              }
  
          .slider-navigation-2 .slider-navigation-arrow.slider-navigation-next {
              left: 15px;
              right: auto;
              padding-right: 15px;
          }
  
      .slider-navigation-2.slider-navigation-2-m0 .slider-navigation-arrow.slider-navigation-prev {
          left: 22px;
      }
  
      .slider-navigation-2.slider-navigation-2-m0 .slider-navigation-arrow.slider-navigation-next {
          left: 0;
      }
  
  /* Slider navigation 3 */
  .slider-navigation-3 .slider-navigation-arrow {
      display: inline-block;
      line-height: 1;
      color: #7e7e7e;
      position: absolute;
      z-index: 8;
      cursor: pointer;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
      font-size: 21px;
  }
  
      .slider-navigation-3 .slider-navigation-arrow i {
          line-height: 43px;
      }
  
      .slider-navigation-3 .slider-navigation-arrow:hover {
          color: #0B88EE;
      }
  
      .slider-navigation-3 .slider-navigation-arrow.slider-navigation-prev {
          right: 0;
          padding-left: 15px;
          left: auto;
      }
  
      .slider-navigation-3 .slider-navigation-arrow.slider-navigation-next {
          left: 0;
          padding-right: 15px;
          right: auto;
      }
  
  .slider-navigation-3.slider-navigation-3-side .slider-navigation-arrow.slider-navigation-prev {
      right: 15px;
      left: auto;
      padding-right: 15px;
  }
  
  .slider-navigation-3.slider-navigation-3-side .slider-navigation-arrow.slider-navigation-next {
      padding-left: 15px;
      left: 15px;
      right: auto;
  }
  
  .slider-navigation-3.slider-navigation-3-side2 .slider-navigation-arrow.slider-navigation-prev {
      right: 0;
      left: auto;
      padding-right: 15px;
  }
  
  .slider-navigation-3.slider-navigation-3-side2 .slider-navigation-arrow.slider-navigation-next {
      padding-left: 15px;
      left: 0;
      right: auto;
  }
  
  /* Slider Dots */
  .slider-dots {
      position: relative;
  }
  
      .slider-dots .slick-dots {
          height: auto;
          z-index: 3;
          text-align: right;
      }
  
          .slider-dots .slick-dots li {
              display: inline-block;
              cursor: pointer;
              font-size: 0;
              width: 12px;
              height: 12px;
              background: #e0e0e0;
              border-radius: 100%;
              -webkit-transition: all 300ms ease;
              -o-transition: all 300ms ease;
              transition: all 300ms ease;
              margin: 0 5px;
              vertical-align: middle;
          }
  
              .slider-dots .slick-dots li button {
                  display: none;
              }
  
              .slider-dots .slick-dots li:first-child {
                  margin-right: 0;
              }
  
              .slider-dots .slick-dots li:last-child {
                  margin-top: 0;
              }
  
              .slider-dots .slick-dots li.slick-active,
              .slider-dots .slick-dots li:hover {
                  background: #CAB36E;
              }
  
      .slider-dots.slider-dots-center .slick-dots {
          text-align: center;
      }
  
  /**
   * Countdown
   */
  .countdown {
      padding-top: 5px;
  }
  
  .countdown-pack {
      display: inline-block;
      min-width: 22px;
      min-height: 52px;
      text-align: center;
      vertical-align: middle;
      padding-top: 15px;
      padding-bottom: 5px;
      margin: 0 4px;
      font-size: 24px;
      font-weight: 700;
  }
  
      .countdown-pack:first-child {
          margin-right: 0;
      }
  
      .countdown-pack:last-child {
          margin-left: 0;
      }
  
      .countdown-pack h3 {
          margin-bottom: 0;
          color:#0B88EE;
      }
  
      .countdown-pack h6 {
          margin-bottom: 0;
          color: #0B88EE;
          font-size: 16px;
          font-weight: 700;
      }
  
  @media only screen and (max-width: 767px) {
      .countdown-pack {
          margin: 0 3px;
          min-width: 48px;
          min-height: 48px;
      }
  }
  
  /**
   * Categories
   */
  .category {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      padding-top: 30px;
  }
  
  .category-thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
      flex: 0 0 120px;
      max-width: 120px;
      width: 120px;
      height: 120px;
      border-radius: 1000px;
      overflow: hidden;
      margin-left: 15px;
      display: block;
  }
  
      .category-thumb img {
          width: 100%;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          -webkit-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;
      }
  
  .category-title {
      margin-bottom: 5px;
  }
  
  .category-productcounter {
      display: block;
      color: #ababab;
      font-style: italic;
      margin-bottom: 5px;
  }
  
  .category-productlink {
      color: #0B88EE;
      display: block;
      line-height: 20px;
      border-bottom: 1px solid transparent;
  }
  
      .category-productlink i {
          vertical-align: middle;
          font-size: 16px;
          padding-right: 5px;
      }
  
      .category-productlink:hover {
          color: #0B88EE;
          border-color: #0B88EE;
          padding-right: 5px;
      }
  
  .category:hover .category-thumb img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .category-thumb {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 90px;
          flex: 0 0 90px;
          max-width: 90px;
          width: 90px;
          height: 90px;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .category-thumb {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 90px;
          flex: 0 0 90px;
          max-width: 90px;
          width: 90px;
          height: 90px;
      }
  }
  
  .category-wrapper {
      margin-top: -7px;
      width: 100%;
  }
  
  /**
   * Brand Logo
   */
  .brandlogo {
      text-align: center;
  }
  
      .brandlogo a {
          display: inline-block;
          min-height: 140px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 15px 15px;
      }
  
          .brandlogo a img {
              -webkit-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;
          }
  
          .brandlogo a:hover img {
              -webkit-transform: scale(1.05);
              -ms-transform: scale(1.05);
              transform: scale(1.05);
          }
  
      .brandlogo.brandlogo-2 a {
          padding: 0 15px;
      }
  
  /**
   * Newsletter
   */
  .newsletter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }
  
  .newsletter-title {
      margin-left: 15px;
      padding: 15px 0;
  }
  
      .newsletter-title h2 {
          font-weight: 500;
          line-height: 1;
          margin-bottom: 0;
      }
  
          .newsletter-title h2 span {
              display: block;
              color: #0B88EE;
          }
  
  .newsletter-content {
      -webkit-box-flex: 100;
      -ms-flex-positive: 100;
      flex-grow: 100;
      padding: 15px 0;
  }
  
  .newsletter-form {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-right: 75px;
      padding-left: 75px;
  }
  
      .newsletter-form::before {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 58px;
          background-image: url(images/icons/newsletter-arrow.png);
          background-repeat: no-repeat;
          background-attachment: scroll;
          background-position: center center;
          background-size: cover;
      }
  
      .newsletter-form input {
          background: #ffffff;
          border: 1px solid #e5e5e5;
          border-left-color: transparent;
          border-radius: 0 7px 7px 0;
      }
  
      .newsletter-form button {
          background: #0B88EE;
          color: #ffffff;
          border-radius: 7px 0 0 7px;
          font-size: 16px;
          font-weight: 700;
          padding: 0 25px;
          border-color: #0B88EE;
      }
  
          .newsletter-form button:hover {
              background: #0B88EE;
              border-color: #0B88EE;
          }
  
  .newsletter-socialicons {
      padding: 15px 0;
  }
  
  .newsletter .mailchimp-alerts {
      padding-right: 75px;
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .newsletter-title h2 {
          font-size: 24px;
      }
  
      .newsletter-form {
          padding-left: 25px;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .newsletter {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      }
  
      .newsletter-form {
          padding-left: 0;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .newsletter {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      }
  
      .newsletter-title h2 span {
          display: inline-block;
      }
  
      .newsletter-form {
          padding-left: 0;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .newsletter-form {
          padding-right: 0;
      }
  
          .newsletter-form::before {
              display: none;
          }
  
      .newsletter .mailchimp-alerts {
          padding-right: 0;
      }
  }
  
  /**
   * Minicart
   */
  .minicart {
      border-bottom: 2px solid #0B88EE;
      width: 350px;
      background: #ffffff;
      text-align: right;
      padding: 20px;
      padding-top: 30px;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  }
  
  .minicart-header {
      max-height: 230px;
      overflow-y: auto;
  }
  
  .minicart-product {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px;
  }
  
  .minicart-productcontent h6 {
      font-weight: 400;
      margin-bottom: 5px;
  }
  
      .minicart-productcontent h6 a {
          color: #454545;
      }
  
          .minicart-productcontent h6 a:hover {
              color: #0B88EE;
          }
  
  .minicart-productcontent .minicart-productprice {
      color: #0B88EE;
      font-size: 16px;
      font-weight: 700;
  }
  
  .minicart-productimage {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
      flex: 0 0 70px;
      max-width: 70px;
      margin-left: 20px;
      position: relative;
  }
  
      .minicart-productimage a {
          display: inline-block;
      }
  
      .minicart-productimage img {
          width: 100%;
      }
  
      .minicart-productimage .minicart-productquantity {
          position: absolute;
          right: 0;
          top: 0;
          background: #0B88EE;
          height: 22px;
          width: 27px;
          line-height: 25px;
          text-align: center;
          border-radius: 100px;
          font-size: 12px;
          text-transform: uppercase;
          color: #ffffff;
      }
  
  .minicart-productcontent {
      padding-left: 10px;
  }
  
  .minicart-productclose {
      height: 30px;
      width: auto;
      padding: 0;
      line-height: 1;
      border: none;
      font-size: 18px;
  }
  
      .minicart-productclose:hover {
          color: #0B88EE;
      }
  
  .minicart-pricing {
      padding-right: 0;
      padding-top: 20px;
      margin-bottom: 20px;
      list-style: none;
      border-top: 1px solid #e5e5e5;
  }
  
      .minicart-pricing li {
          list-style: none;
          display: block;
          color: #7e7e7e;
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 5px;
      }
  
          .minicart-pricing li::after {
              content: "";
              clear: both;
              display: table;
          }
  
          .minicart-pricing li span {
              color: #0B88EE;
              float: left;
          }
  
  .minicart-footer .ho-button + .ho-button {
      margin-top: 10px;
  }
  
  @media only screen and (max-width: 575px) {
      .minicart {
          width: 290px;
          padding: 15px;
      }
  
      .minicart-productimage {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50px;
          flex: 0 0 50px;
          max-width: 50px;
          margin-left: 10px;
      }
  
          .minicart-productimage .minicart-productquantity {
              height: 22px;
              width: 22px;
              line-height: 24px;
              font-size: 10px;
          }
  
      .minicart-header {
          padding-top: 10px;
      }
  }
  
  /**
   * Category Menu
   */
  .catmenu {
      display: inline-block;
      position: relative;
  }
  
  .catmenu-trigger {
      border: 1px solid #0B88EE;
      border-radius: 7px;
      display: inline-block;
      color: #0B88EE;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700;
      height: 40px;
      line-height: 1;
      min-width: 190px;
      text-align: right;
      padding: 0 20px;
      vertical-align: middle;
  }
  
      .catmenu-trigger span {
          line-height: 38px;
          display: block;
      }
  
          .catmenu-trigger span::after {
              content: "\f3d0";
              font-family: 'Ionicons';
              float: left;
              font-weight: 400;
              font-size: 12px;
          }
  
      .catmenu-trigger:hover,
      .catmenu-trigger.is-active {
          background: #0B88EE;
          color: #ffffff;
      }
  
  .catmenu-body {
      position: absolute;
      right: 0;
      top: calc(100% - 1px);
      width: 255px;
      background: #ffffff;
      border: 1px solid #0B88EE;
      z-index: 60;
      display: none;
  }
  
      .catmenu-body > ul {
          padding-right: 0;
          margin-bottom: 0;
          list-style: none;
          padding-top: 10px;
          padding-bottom: 10px;
      }
  
          .catmenu-body > ul > li {
              list-style: none;
              position: relative;
          }
  
              .catmenu-body > ul > li > a {
                  padding: 7px 20px;
                  display: block;
                  color: #454545;
                  font-size: 15px;
              }
  
                  .catmenu-body > ul > li > a i {
                      width: 30px;
                      margin-left: 5px;
                      font-size: 18px;
                  }
  
              .catmenu-body > ul > li:hover > a {
                  color: #0B88EE;
              }
  
  .catmenu-hidden {
      display: none;
  }
  
  .catmenu-dropdown > a::after {
      content: "\f3d1";
      font-family: 'Ionicons';
      float: left;
  }
  
  .catmenu-dropdown .megamenu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 30px 15px;
      -webkit-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;
      visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      z-index: -0;
      position: absolute;
      right: 100%;
      left: auto;
      top: 0;
      background: #fff;
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
      border-bottom: 3px solid #0B88EE;
  }
  
      .catmenu-dropdown .megamenu > li {
          padding: 0 15px;
          min-width: 220px;
      }
  
          .catmenu-dropdown .megamenu > li > a {
              font-weight: 700;
              color: #0B88EE;
              text-transform: uppercase;
              padding: 8px 0;
              display: block;
              border-bottom: 1px solid #0B88EE;
              padding-bottom: 5px;
              margin-bottom: 10px;
          }
  
              .catmenu-dropdown .megamenu > li > a:hover {
                  color: #0B88EE;
              }
  
      .catmenu-dropdown .megamenu li ul {
          padding-right: 0;
          margin-bottom: 0;
      }
  
          .catmenu-dropdown .megamenu li ul li {
              list-style: none;
          }
  
              .catmenu-dropdown .megamenu li ul li a {
                  color: #7e7e7e;
                  font-size: 14px;
                  padding: 7px 0;
                  display: block;
              }
  
                  .catmenu-dropdown .megamenu li ul li a:hover {
                      color: #0B88EE;
                  }
  
      .catmenu-dropdown .megamenu.is-visible {
          -webkit-transform: scaleY(1);
          -ms-transform: scaleY(1);
          transform: scaleY(1);
          visibility: visible;
          z-index: 1;
      }
  
  .catmenu-dropdown:hover > .megamenu {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
      .catmenu-body > ul {
          max-height: 400px;
          overflow-y: auto;
      }
  
          .catmenu-body > ul > li ul li {
              border-right: 2px solid #0B88EE;
          }
  
          .catmenu-body > ul ul {
              display: none;
              padding-right: 20px;
          }
  
              .catmenu-body > ul ul li {
                  display: block;
              }
  
                  .catmenu-body > ul ul li a {
                      padding: 7px 20px;
                      display: block;
                      color: #7e7e7e;
                      font-size: 15px;
                  }
  
          .catmenu-body > ul li.has-children > a {
              position: relative;
          }
  
              .catmenu-body > ul li.has-children > a::after {
                  content: "\f3d1";
                  font-family: 'Ionicons';
                  float: left;
                  -webkit-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;
              }
  
          .catmenu-body > ul li.has-children.is-active > a {
              color: #0B88EE;
          }
  
              .catmenu-body > ul li.has-children.is-active > a::after {
                  -webkit-transform: rotate(-90deg);
                  -ms-transform: rotate(-90deg);
                  transform: rotate(-90deg);
              }
  }
  
  .catmenu-2 {
      display: block;
  }
  
      .catmenu-2 .catmenu-trigger {
          display: block;
          width: 100%;
          background: #FFE11B;
          border-radius: 0;
          border: 0;
          color: #454545;
          font-size: 16px;
          text-transform: uppercase;
          height: 50px;
      }
  
          .catmenu-2 .catmenu-trigger span {
              line-height: 48px;
          }
  
              .catmenu-2 .catmenu-trigger span::before {
                  content: "\f1c3";
                  font-family: 'Ionicons';
                  font-size: 22px;
                  padding-left: 10px;
                  vertical-align: middle;
              }
  
      .catmenu-2 .catmenu-body {
          width: 100%;
          border: 0;
          display: block;
      }
  
          .catmenu-2 .catmenu-body > ul {
              padding-top: 20px;
              padding-bottom: 20px;
          }
  
              .catmenu-2 .catmenu-body > ul > li > a {
                  padding: 10px 20px;
                  overflow: hidden;
                  -o-text-overflow: ellipsis;
                  text-overflow: ellipsis;
              }
  
                  .catmenu-2 .catmenu-body > ul > li > a i {
                      width: 20px;
                  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .catmenu-2 .catmenu-body > ul {
          padding-top: 7px;
          padding-bottom: 7px;
      }
  
          .catmenu-2 .catmenu-body > ul > li > a {
              padding: 7px 20px;
              white-space: nowrap;
              overflow: hidden;
              -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
          }
  
              .catmenu-2 .catmenu-body > ul > li > a i {
                  width: 20px;
              }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .catmenu-2 .catmenu-body {
          display: none;
      }
  
          .catmenu-2 .catmenu-body > ul {
              padding-top: 7px;
              padding-bottom: 7px;
          }
  
              .catmenu-2 .catmenu-body > ul > li > a {
                  padding: 7px 20px;
                  white-space: nowrap;
                  overflow: hidden;
                  -o-text-overflow: ellipsis;
                  text-overflow: ellipsis;
              }
  }
  
  @media only screen and (max-width: 767px) {
      .catmenu-2 .catmenu-body {
          display: none;
      }
  
          .catmenu-2 .catmenu-body > ul {
              padding-top: 7px;
              padding-bottom: 7px;
          }
  
              .catmenu-2 .catmenu-body > ul > li > a {
                  padding: 7px 20px;
                  white-space: nowrap;
                  overflow: hidden;
                  -o-text-overflow: ellipsis;
                  text-overflow: ellipsis;
              }
  }
  
  /* Megamenu */
  /**
   * Blog Item
   */
  .blogitem {
      padding: 15px;
      -webkit-transition: all 0.5s ease-in 0s;
      -o-transition: all 0.5s ease-in 0s;
      transition: all 0.5s ease-in 0s;
  }
  
  .blogitem-thumb {
      position: relative;
      overflow: hidden;
      z-index: 1;
  }
  
      .blogitem-thumb::before,
      .blogitem-thumb::after {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          background: rgba(255, 255, 255, 0.4);
          right: 0;
          top: 0;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          opacity: 1;
          -webkit-transition: all 0.5s ease-in 0s;
          -o-transition: all 0.5s ease-in 0s;
          transition: all 0.5s ease-in 0s;
          z-index: 2;
          pointer-events: none;
      }
  
      .blogitem-thumb::before {
          -webkit-transform-origin: 100% 0;
          -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
      }
  
      .blogitem-thumb:after {
          -webkit-transform-origin: 0% 100%;
          -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
      }
  
      .blogitem-thumb a {
          display: block;
      }
  
      .blogitem-thumb img {
          width: 100%;
      }
  
      .blogitem-thumb:hover::before,
      .blogitem-thumb:hover::after {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          opacity: 0;
          z-index: -1;
      }
  
  .blogitem-content {
      text-align: center;
      padding-top: 30px;
  }
  
  .blogitem-title {
      font-weight: 400;
      margin-bottom: 30px;
  }
  
      .blogitem-title a {
          color: #454545;
      }
  
          .blogitem-title a:hover {
              color: #0B88EE;
          }
  
  .blogitem-meta {
      border-top: 1px solid rgba(229, 229, 229, 0.5);
      border-bottom: 1px solid rgba(229, 229, 229, 0.5);
      padding: 10px 0;
  }
  
      .blogitem-meta span {
          font-size: 13px;
          color: #454545;
          display: inline-block;
      }
  
          .blogitem-meta span:not(:last-child) {
              margin-left: 20px;
          }
  
          .blogitem-meta span i {
              margin-left: 5px;
              font-size: 16px;
          }
  
          .blogitem-meta span a {
              color: #454545;
          }
  
              .blogitem-meta span a:hover {
                  color: #0B88EE;
              }
  
  .blogitem:hover {
      -webkit-box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
      box-shadow: 0 2px 13.95px 1.05px rgba(0, 0, 0, 0.05);
  }
  
  .blogs-wrapper {
      margin-top: -30px;
  }
  
  .blogitem2 {
      margin-top: 30px;
  }
  
  .blogitem2-image {
      position: relative;
      overflow: hidden;
      border-radius: 20px;
  }
  
      .blogitem2-image a {
          display: block;
      }
  
      .blogitem2-image img {
          -webkit-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;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
      }
  
  .blogitem2-content {
      padding-top: 30px;
  }
  
      .blogitem2-content h4,
      .blogitem2-content h2 {
          margin-bottom: 7px;
      }
  
          .blogitem2-content h4 a,
          .blogitem2-content h2 a {
              color: #454545;
          }
  
              .blogitem2-content h4 a:hover,
              .blogitem2-content h2 a:hover {
                  color: #0B88EE;
              }
  
      .blogitem2-content p {
          font-size: 15px;
      }
  
  .blogitem2-meta {
      margin-bottom: 15px;
  }
  
      .blogitem2-meta span {
          color: #7e7e7e;
      }
  
          .blogitem2-meta span:after {
              content: "|";
              padding: 0 5px;
          }
  
          .blogitem2-meta span:last-child::after {
              display: none;
          }
  
          .blogitem2-meta span a {
              color: #454545;
          }
  
              .blogitem2-meta span a:hover {
                  color: #0B88EE;
              }
  
  .blogitem2:hover .blogitem2-image img {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
  }
  
  /**
   * Commentlist
   */
  .commentlist > h6 {
      font-size: 16px;
      margin-bottom: 25px;
  }
  
  .single-comment {
      /* display: -webkit-box;
    display: -ms-flexbox;*/
      /* display: flex;*/
      margin-bottom: 25px;
  }
  
      .single-comment:last-child {
          margin-bottom: 0;
      }
  
      .single-comment .single-comment-thumb {
          height: 60px;
          width: 60px;
          overflow: hidden;
          border-radius: 100px;
          margin-left: 25px;
          border: 1px solid #d5d5d5;
      }
  
      .single-comment .single-comment-content {
          -ms-flex-negative: 100;
          flex-shrink: 100;
          border: 1px solid #d5d5d5;
          padding: 25px;
          position: relative;
          border-radius: 3px;
      }
  
          .single-comment .single-comment-content::before {
              content: "";
              position: absolute;
              right: -6px;
              left: auto;
              top: 10px;
              height: 10px;
              width: 10px;
              background: #ffffff;
              -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
              border-right: 1px solid #d5d5d5;
              border-bottom: 1px solid #d5d5d5;
          }
  
          .single-comment .single-comment-content p {
              margin-bottom: 0;
          }
  
      .single-comment .single-comment-content-top {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
      }
  
          .single-comment .single-comment-content-top h6 {
              padding-left: 30px;
          }
  
              .single-comment .single-comment-content-top h6 a {
                  color: #454545;
              }
  
                  .single-comment .single-comment-content-top h6 a:hover {
                      color: #0B88EE;
                  }
  
          .single-comment .single-comment-content-top .ratting-box {
              margin-bottom: 15px;
              -ms-flex-item-align: start;
              align-self: flex-start;
          }
  
          .single-comment .single-comment-content-top .reply-button {
              background: #575757;
              color: #ffffff;
              padding: 2px 10px;
              -ms-flex-item-align: start;
              align-self: flex-start;
              border-radius: 3px;
              font-size: 13px;
              margin-bottom: 15px;
          }
  
              .single-comment .single-comment-content-top .reply-button:hover {
                  background: #0B88EE;
              }
  
      .single-comment.single-comment-reply {
          margin-right: 30px;
      }
  
  @media only screen and (max-width: 575px) {
      .single-comment {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      }
  
          .single-comment .single-comment-content {
              margin-top: 20px;
              padding: 15px;
          }
  
              .single-comment .single-comment-content::before {
                  right: 20px;
                  top: -6px;
                  border: none;
                  border-right: 1px solid #d5d5d5;
                  border-top: 1px solid #d5d5d5;
              }
  }
  
  .commentbox > h6 {
      font-size: 16px;
      margin-bottom: 25px;
  }
  
  .ho-form.ho-form-boxed {
      padding: 30px;
      border-radius: 0;
      border: 1px solid #d5d5d5;
  }
  
  .ho-form-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: -20px;
  }
  
      .ho-form-inner .single-input {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 20px;
      }
  
          .ho-form-inner .single-input.single-input-half {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(50% - 15px);
              flex: 0 0 calc(50% - 15px);
              max-width: calc(50% - 15px);
          }
  
          .ho-form-inner .single-input label {
              font-family: "IRANSans", sans-serif;
              font-weight: 400;
              margin-bottom: 8px;
              display: block;
              color: #454545;
          }
  
          .ho-form-inner .single-input input,
          .ho-form-inner .single-input select,
          .ho-form-inner .single-input textarea,
          .ho-form-inner .single-input .nice-select {
              border-radius: 3px;
              border: 1px solid #e5e5e5;
          }
  
              .ho-form-inner .single-input input + input {
                  margin-top: 20px;
              }
  
          .ho-form-inner .single-input .checkbox-input {
              display: inline-block;
          }
  
              .ho-form-inner .single-input .checkbox-input label {
                  display: inline-block;
              }
  
      .ho-form-inner a {
          color: #7e7e7e;
          font-size: 13px;
      }
  
          .ho-form-inner a:hover {
              color: #0B88EE;
          }
  
  @media only screen and (max-width: 767px) {
      .ho-form .single-input.single-input-half {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
      }
  }
  
  /**
   * Form Styles
   */
  .ho-form.ho-form-boxed {
      padding: 30px;
      border-radius: 0;
      border: 1px solid #d5d5d5;
  }
  
  .ho-form-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: -20px;
  }
  
      .ho-form-inner .single-input {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 20px;
      }
  
          .ho-form-inner .single-input.single-input-half {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(50% - 15px);
              flex: 0 0 calc(50% - 15px);
              max-width: calc(50% - 15px);
          }
  
          .ho-form-inner .single-input label {
              font-family: "PeydaWebFaNum-Reg", sans-serif !important;
              font-weight: 400;
              margin-bottom: 8px;
              display: block;
              color: #454545;
          }
  
          .ho-form-inner .single-input input,
          .ho-form-inner .single-input select,
          .ho-form-inner .single-input textarea,
          .ho-form-inner .single-input .nice-select {
              border-radius: 10px;
              border: 1px solid #e5e5e5;
          }
  
              .ho-form-inner .single-input input + input {
                  margin-top: 20px;
              }
  
          .ho-form-inner .single-input .checkbox-input {
              display: inline-block;
          }
  
              .ho-form-inner .single-input .checkbox-input label {
                  display: inline-block;
              }
  
      .ho-form-inner a {
          color: #7e7e7e;
          font-size: 13px;
      }
  
          .ho-form-inner a:hover {
              color: #0B88EE;
          }
  
  @media only screen and (max-width: 767px) {
      .ho-form .single-input.single-input-half {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
      }
  }
  
  /**
   * Progress Bar
   */
  .sn-progress-wrap {
      margin-top: -30px;
  }
  
  .sn-progress {
      position: relative;
      margin-right: 30px;
      padding: 15px 0;
      margin-top: 30px;
  }
  
      .sn-progress .progress-bar-count {
          position: absolute;
          display: block;
          background: #FFE11B;
          border-radius: 100%;
          height: 60px;
          width: 60px;
          right: 0;
          top: 50%;
          line-height: 60px;
          margin-top: -30px;
          margin-right: -30px;
          text-align: center;
          font-size: 14px;
          color: #454545;
          z-index: 1;
      }
  
      .sn-progress .progress {
          background: #f2f2f2;
          height: 30px;
          line-height: 30px;
          border-radius: 0;
      }
  
          .sn-progress .progress h6 {
              color: #ffffff;
              font-family: "IRANSans", sans-serif;
              font-weight: 400;
              font-size: 14px;
              margin-bottom: 0;
              padding-right: 45px;
          }
  
      .sn-progress .progress-bar {
          background: #0B88EE;
          text-align: right;
          -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
          transform: translateX(100%);
          -webkit-transition: all 1s ease-out 0s;
          -o-transition: all 1s ease-out 0s;
          transition: all 1s ease-out 0s;
      }
  
          .sn-progress .progress-bar.fill {
              -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
              transform: translateX(0);
          }
  
  /**
   * Team Member
   */
  .team-member {
      background: #f5f5f5;
      padding-top: 6px;
      margin-top: 30px;
      -webkit-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;
  }
  
      .team-member img {
          width: 100%;
      }
  
      .team-member .team-member-content {
          text-align: center;
          padding: 15px 15px;
      }
  
          .team-member .team-member-content h5 {
              margin-bottom: 0;
              font-weight: 400;
              color: #454545;
              font-size: 16px;
              margin-bottom: 5px;
              -webkit-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;
          }
  
          .team-member .team-member-content p {
              margin-bottom: 0;
              letter-spacing: 5px;
              text-transform: uppercase;
              -webkit-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;
          }
  
      .team-member:hover {
          background: #0B88EE;
      }
  
          .team-member:hover h5,
          .team-member:hover p {
              color: #ffffff;
          }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .team-member {
          margin-right: 0;
          margin-left: 0;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .team-member {
          margin-right: 0;
          margin-left: 0;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .team-member {
          margin-right: 0;
          margin-left: 0;
      }
  }
  
  /**
   * Shop Widgets
   */
  .shop-widgets .widget-title {
      font-size: 18px;
      font-weight: 700;
      color: #454545;
      position: relative;
      display: block;
      text-transform: uppercase;
  }
  
  .shop-widgets .single-widget ul {
      padding-right: 0;
      margin-bottom: 0;
  }
  
      .shop-widgets .single-widget ul li {
          list-style: none;
          display: block;
      }
  
  .shop-widgets .shop-widgetbox {
      border: 1px solid #e5e5e5;
  }
  
      .shop-widgets .shop-widgetbox .single-widget {
          padding: 20px;
          border-top: 1px solid #e5e5e5;
      }
  
          .shop-widgets .shop-widgetbox .single-widget:first-child {
              border-top: 0;
          }
  
  .shop-widgets .widget-categories {
      border: 1px solid #e5e5e5;
      padding: 20px;
  }
  
      .shop-widgets .widget-categories ul li {
          padding: 8px 0;
          border-top: 1px solid #e5e5e5;
      }
  
          .shop-widgets .widget-categories ul li:first-child {
              border-top: none;
          }
  
          .shop-widgets .widget-categories ul li:last-child {
              padding-bottom: 0;
          }
  
          .shop-widgets .widget-categories ul li a {
              text-transform: uppercase;
              color: #7e7e7e;
              font-weight: 600;
              display: block;
          }
  
              .shop-widgets .widget-categories ul li a::after {
                  content: "";
                  clear: both;
                  display: table;
              }
  
              .shop-widgets .widget-categories ul li a:hover {
                  color: #0B88EE;
              }
  
              .shop-widgets .widget-categories ul li a span {
                  float: left;
                  background: #0B88EE;
                  padding: 0 10px;
                  border-radius: 5px;
                  color: #fff;
                  font-size: 12px;
              }
  
  .shop-widgets .widget-color ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  
      .shop-widgets .widget-color ul li {
          min-width: 50%;
      }
  
  .shop-widgets .widget-filters .single-widget-range-price {
      margin-top: 20px;
      font-weight: 600;
      color: #454545;
  }
  
      .shop-widgets .widget-filters .single-widget-range-price b {
          color: #7e7e7e;
      }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-widgets {
          margin-top: 50px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .shop-widgets {
          margin-top: 50px;
      }
  }
  
  /**
   * Blog Widgets
   */
  .blog-widgets {
      margin-top: -30px;
  }
  
      .blog-widgets .widget-title {
          border-bottom: 1px solid #e5e5e5;
          padding-bottom: 5px;
          position: relative;
          margin-bottom: 20px;
      }
  
          .blog-widgets .widget-title::after {
              content: "";
              position: absolute;
              right: 0;
              bottom: -1px;
              height: 2px;
              width: 80px;
              background: #0B88EE;
          }
  
      .blog-widgets .single-widget {
          margin-top: 30px;
      }
  
      .blog-widgets .widget-search-form {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
      }
  
          .blog-widgets .widget-search-form input[type="text"],
          .blog-widgets .widget-search-form input[type="search"] {
              width: calc(100% - 50px);
          }
  
              .blog-widgets .widget-search-form input[type="text"]::-webkit-input-placeholder,
              .blog-widgets .widget-search-form input[type="search"]::-webkit-input-placeholder {
                  color: #7e7e7e;
              }
  
              .blog-widgets .widget-search-form input[type="text"]:-moz-placeholder,
              .blog-widgets .widget-search-form input[type="search"]:-moz-placeholder {
                  color: #7e7e7e;
              }
  
              .blog-widgets .widget-search-form input[type="text"]::-moz-placeholder,
              .blog-widgets .widget-search-form input[type="search"]::-moz-placeholder {
                  color: #7e7e7e;
              }
  
              .blog-widgets .widget-search-form input[type="text"]:-ms-input-placeholder,
              .blog-widgets .widget-search-form input[type="search"]:-ms-input-placeholder {
                  color: #7e7e7e;
              }
  
          .blog-widgets .widget-search-form [type="submit"] {
              display: inline-block;
              border: 1px solid #0B88EE;
              background: #0B88EE;
              color: #ffffff;
              font-size: 18px;
              width: 50px;
              height: 50px;
              line-height: 50px;
              text-align: center;
          }
  
              .blog-widgets .widget-search-form [type="submit"]:hover {
                  background: #0B88EE;
              }
  
      .blog-widgets .widget-categories ul {
          margin-bottom: 0;
          padding-right: 0;
      }
  
          .blog-widgets .widget-categories ul li {
              display: block;
              list-style: none;
          }
  
              .blog-widgets .widget-categories ul li:not(:last-child) {
                  margin-bottom: 8px;
              }
  
              .blog-widgets .widget-categories ul li a {
                  display: block;
                  color: #454545;
              }
  
                  .blog-widgets .widget-categories ul li a:hover {
                      color: #0B88EE;
                  }
  
      .blog-widgets .widget-tags ul {
          padding-right: 0;
          margin-bottom: 0;
          font-size: 0;
          margin-right: -5px;
          margin-top: -5px;
      }
  
          .blog-widgets .widget-tags ul li {
              list-style: none;
              display: inline-block;
              font-size: 14px;
              margin-right: 5px;
              margin-top: 5px;
          }
  
              .blog-widgets .widget-tags ul li a {
                  display: inline-block;
                  background: #0B88EE;
                  padding: 6px 15px 5px 15px;
                  color: #fff;
                  text-transform: uppercase;
              }
  
      .blog-widgets .widget-recentblogs ul {
          padding-right: 0;
          margin-bottom: 0;
      }
  
          .blog-widgets .widget-recentblogs ul li {
              list-style: none;
              position: relative;
              padding-right: 100px;
              min-height: 52px;
          }
  
              .blog-widgets .widget-recentblogs ul li:not(:last-child) {
                  margin-bottom: 15px;
              }
  
              .blog-widgets .widget-recentblogs ul li .image {
                  width: 80px;
                  position: absolute;
                  right: 0;
                  top: 0;
              }
  
              .blog-widgets .widget-recentblogs ul li h6 {
                  font-size: 15px;
                  margin-bottom: 3px;
              }
  
                  .blog-widgets .widget-recentblogs ul li h6 a {
                      color: #454545;
                  }
  
                      .blog-widgets .widget-recentblogs ul li h6 a:hover {
                          color: #0B88EE;
                      }
  
              .blog-widgets .widget-recentblogs ul li span a {
                  color: #454545;
              }
  
                  .blog-widgets .widget-recentblogs ul li span a:hover {
                      color: #0B88EE;
                  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .blog-widgets {
          margin-top: 0;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .blog-widgets {
          margin-top: 0;
      }
  }
  
  /**************************************
      Blocks Styles
  ***************************************/
  /**
   * Header
   */
  .header {
      position: relative;
      z-index: 65;
  }
  
  .header-welcomemsg {
      margin-bottom: 0;
      color: #454545;
      font-size: 13px;
  }
  
      .header-welcomemsg span {
          color: #0B88EE;
      }
  
  .header-langcurr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
  }
  
      .header-langcurr .select-currency,
      .header-langcurr .select-language {
          position: relative;
          font-size: 13px;
          padding: 0 20px;
      }
  
          .header-langcurr .select-currency img,
          .header-langcurr .select-language img {
              margin-left: 10px;
              display: inline-block;
              vertical-align: middle;
          }
  
      .header-langcurr .select-language {
          padding-left: 0;
          position: relative;
      }
  
          .header-langcurr .select-language::before {
              content: "";
              right: 0;
              top: 0;
              height: 15px;
              width: 1px;
              background: #333333;
              position: absolute;
              top: 50%;
              margin-top: -7.5px;
          }
  
      .header-langcurr .select-currency-current,
      .header-langcurr .select-language-current {
          border: none;
          outline: none;
          padding: 0;
          height: 45px;
          line-height: 45px;
          font-size: 12px;
          color: #454545;
      }
  
          .header-langcurr .select-currency-current:after,
          .header-langcurr .select-language-current:after {
              content: "\f3d0";
              font-family: "Ionicons";
              padding-right: 10px;
              vertical-align: middle;
          }
  
      .header-langcurr .select-currency-list,
      .header-langcurr .select-language-list {
          position: absolute;
          left: 0;
          top: 100%;
          z-index: 10;
      }
  
  .header-middle {
      /*! border-bottom: 1px solid rgba(255, 255, 255, 0.15); */
      padding: 35px 0;
      border-radius: 30px 30px 0 0;
  }
  
  .header-logo {
      display: inline-block;
      vertical-align: middle;
  }
  
  .header-searchbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      background: #ffffff;
      border-radius: 7px;
  }
  
      .header-searchbox .nice-select {
          width: auto;
          border: 0;
          height: 48px;
          line-height: 48px;
          min-width: 150px;
      }
  
          .header-searchbox .nice-select::after {
              left: 20px;
              top: 12px;
              color: #7e7e7e;
          }
  
          .header-searchbox .nice-select .current {
              height: 48px;
              line-height: 48px;
              padding: 0;
              position: relative;
              font-size: 13px;
          }
  
              .header-searchbox .nice-select .current::before {
                  content: "";
                  position: absolute;
                  left: -15px;
                  top: 15px;
                  width: 1px;
                  height: 20px;
                  background: #d5d5d5;
              }
  
          .header-searchbox .nice-select .list {
              width: 200px;
          }
  
          .header-searchbox .nice-select .option {
              color: #7e7e7e;
              font-size: 13px;
          }
  
      .header-searchbox input {
          border: 0;
          padding-right: 30px;
          font-size: 14px;
          color: #7e7e7e;
          height: 48px;
          line-height: 48px;
      }
  
          .header-searchbox input::-webkit-input-placeholder {
              color: #b4b4b4;
          }
  
          .header-searchbox input:-moz-placeholder {
              color: #b4b4b4;
          }
  
          .header-searchbox input::-moz-placeholder {
              color: #b4b4b4;
          }
  
          .header-searchbox input:-ms-input-placeholder {
              color: #b4b4b4;
          }
  
          .header-searchbox button[type="submit"],
          .header-searchbox input[type="submit"] {
              position: absolute;
              left: 0;
              top: 0;
              background: #C6B685;
              top: 4px;
              left: 5px;
              height: 40px;
              line-height: 1;
              text-align: center;
              width: 40px;
              color: #454545;
              padding: 0;
              border: 0;
              font-size: 18px;
              border-radius: 7px;
              -webkit-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;
          }
  
              .header-searchbox button[type="submit"] i,
              .header-searchbox input[type="submit"] i {
                  line-height: 40px;
              }
  
              .header-searchbox button[type="submit"]:hover,
              .header-searchbox input[type="submit"]:hover {
                  background: #80734E;
                  color: #ffffff;
              }
  
  .header-icons {
      text-align: left;
      position: relative;
  }
  
  .header-account {
      display: inline-block;
      position: relative;
      margin-left: 30px;
      vertical-align: middle;
  }
  
      .header-account button {
          padding: 0;
          color: white;
          background: transparent;
          line-height: 50px;
          height: 50px;
          font-size: 14px;
          border: none;
          font-weight: 700;
      }
  
          .header-account button span {
              font-size: 20px;
              margin-left: 10px;
              vertical-align: -3px;
          }
  
          .header-account button i {
              font-size: 12px;
              vertical-align: -1px;
              margin-right: 3px;
          }
  
  .header-cart {
      display: inline-block;
      position: relative;
  }
  
  .header-carticon {
      display: inline-block;
      position: relative;
      text-align: center;
      background: #ffffff;
      color: #454545;
      border-radius: 100%;
      font-size: 24px;
      font-weight: 700;
      height: 48px;
      width: 48px;
      line-height: 1;
      vertical-align: middle;
      border: 1px solid #ffffff;
  }
  
      .header-carticon i {
          line-height: 48px;
      }
  
      .header-carticon span.count {
          position: absolute;
          top: -3px;
          left: -6px;
          overflow: hidden;
          width: 25px;
          height: 25px;
          line-height: 25px;
          font-weight: 400;
          font-size: 13px;
          color: #454545;
          background: #FFDB6E;
          text-align: center;
          border-radius: 100%;
      }
  
      .header-carticon:visited {
          color: #454545;
      }
  
      .header-carticon:hover,
      .header-carticon.is-active {
          background: #c6b685;
          color: #ffffff;
      }
  
  .header-minicart {
      position: absolute;
      left: 0;
      top: 100%;
      z-index: 9;
      display: none;
  }
  .header-bottom {
      border-radius: 0 0 30px 30px;
  }
  
  .header-contactinfo {
      position: relative;
      padding-right: 48px;
      color: #ffffff;
  }
  
      .header-contactinfo i {
          font-size: 38px;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      }
  
      .header-contactinfo span {
          display: block;
          line-height: 20px;
      }
  
  .header-tags {
      padding: 10px 0;
  }
  
      .header-tags h6 {
          display: inline-block;
          font-weight: 700;
          margin-bottom: 0;
          margin-left: 30px;
      }
  
      .header-tags ul {
          display: inline-block;
          padding-right: 0;
          margin-bottom: 0;
          list-style: none;
      }
  
          .header-tags ul li {
              list-style: none;
              display: inline-block;
              margin-left: 30px;
          }
  
              .header-tags ul li a {
                  color: #7e7e7e;
              }
  
                  .header-tags ul li a:hover {
                      color: #0B88EE;
                  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .header-contactinfo {
          padding-right: 35px;
      }
  
          .header-contactinfo i {
              font-size: 28px;
          }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-searchbox {
          margin-top: 30px;
      }
  
      .header-bottom {
          padding-top: 15px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .header-searchbox {
          margin-top: 30px;
      }
  
      .header-bottom {
          padding-top: 15px;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .header-welcomemsg {
          text-align: center;
          padding-top: 11px;
          padding-bottom: 11px;
          border-bottom: 1px solid #e5e5e5;
      }
  
      .header-langcurr {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }
  
          .header-langcurr .select-currency-list,
          .header-langcurr .select-language-list {
              right: 50%;
              left: auto;
              -webkit-transform: translateX(50%);
              -ms-transform: translateX(50%);
              transform: translateX(50%);
          }
  
      .header-middle {
          padding: 10px 0;
      }
  
      .header-logo {
          display: block;
          text-align: center;
      }
  
      .header-icons {
          text-align: center;
          margin-top: 15px;
      }
  
      .header-searchbox {
          margin-top: 20px;
      }
  
          .header-searchbox .nice-select {
              min-width: 115px;
              max-width: 115px;
              padding: 0 10px;
          }
  
              .header-searchbox .nice-select::after {
                  left: 10px;
              }
  
              .header-searchbox .nice-select .current::before {
                  left: -10px;
              }
  
          .header-searchbox input {
              padding-right: 10px;
          }
  
      .header-accountbox {
          right: 50%;
          left: 0;
          -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
          transform: translateX(50%);
      }
  
      .header-cart {
          position: initial;
      }
      .halfw {
        width: 50% !important;
      }
  }
  
  /* Mobile Menu */
  .mobile-menu {
      margin-top: -15px;
  }
  
      .mobile-menu .mean-bar {
          z-index: 7;
      }
  
      .mobile-menu .mean-nav {
          padding-top: 15px;
      }
  
          .mobile-menu .mean-nav > ul {
              margin-bottom: 15px;
          }
  
  /* Header Style 2 */
  .header-2 .header-welcomemsg {
      color: #ffffff;
  }
  
      .header-2 .header-welcomemsg span {
          color: #ffffff;
      }
  
  .header-2 .header-langcurr .select-currency-current,
  .header-2 .header-langcurr .select-language-current {
      color: #ffffff;
  }
  
  .header-2 .header-langcurr .select-language::before {
      background: #ffffff;
  }
  
  .header-2 .header-searchbox {
      border: 1px solid #e5e5e5;
      background: #f9f9f9;
  }
  
  .header-2 .header-account button {
      color: #454545;
  }
  
  .header-2 .header-carticon {
      background: #0B88EE;
      border-color: #0B88EE;
      color: #ffffff;
  }
  
      .header-2 .header-carticon:hover,
      .header-2 .header-carticon.is-active {
          background: transparent;
          border-color: #0B88EE;
          color: #0B88EE;
      }
  
  .header-2 .header-bottom {
      border-top: 1px solid #e5e5e5;
  }
  
  .header-2 .header-contactinfo a,
  .header-2 .header-contactinfo span,
  .header-2 .header-contactinfo i,
  .header-2 .header-contactinfo b {
      color: #454545;
  }
  
  .header-2 .header-catmenu {
      float: right;
      margin-top: 10px;
  }
  
  .header-2 .mean-container a.meanmenu-reveal {
      color: #454545;
  }
  
  .header-2 .mean-container .mean-nav ul {
      border: 1px solid rgba(11, 136, 238, 0.7);
  }
  
      .header-2 .mean-container .mean-nav ul li a {
          background: rgba(11, 136, 238, 0.7);
      }
  
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
      .header-2 .header-catmenu {
          margin-top: 0;
          position: relative;
          z-index: 8;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .header-2 .header-catmenu {
          margin-bottom: 15px;
          display: block;
          width: 100%;
      }
  
          .header-2 .header-catmenu .catmenu-trigger {
              width: 100%;
          }
  
          .header-2 .header-catmenu .catmenu-body {
              width: 100%;
          }
  }
  
  /* Header Style 3 */
  .header-3 .header-welcomemsg span {
      color: #ffffff;
  }
  
  .header-3 .header-top {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  
  .header-3 .header-langcurr .select-language-current,
  .header-3 .header-langcurr .select-currency-current {
      color: #ffffff;
  }
  
  .header-3 .header-langcurr .select-language::before {
      background: #ffffff;
  }
  
  .header-3 .header-contactinfo a,
  .header-3 .header-contactinfo span,
  .header-3 .header-contactinfo i,
  .header-3 .header-contactinfo b {
      color: #454545;
  }
  
  .header-3 .mean-container a.meanmenu-reveal {
      color: #454545;
  }
  
  .header-3 .mean-container .mean-nav ul {
      border: 1px solid rgba(11, 136, 238, 0.7);
  }
  
      .header-3 .mean-container .mean-nav ul li a {
          background: rgba(11, 136, 238, 0.7);
      }
  
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
      .header-3 .header-catmenu {
          margin-top: 0;
          position: relative;
          z-index: 8;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .header-3 .header-catmenu .catmenu-trigger {
          margin-bottom: 15px;
      }
  }
  
  /**
   * Navigation
   */
  .ho-navigation {
      position: relative;
      z-index: 5;
  }
  
      .ho-navigation ul {
          padding-right: 0;
          margin-bottom: 0;
          list-style: none;
      }
  
          .ho-navigation ul li {
              list-style: none;
          }
  
              .ho-navigation ul li a {
                  color: #454545;
              }
  
      .ho-navigation > ul {
          font-size: 0;
          padding: 10px 0;
      }
  
          .ho-navigation > ul > li {
              display: inline-block;
              font-size: 14px;
              position: relative;
          }
  
              .ho-navigation > ul > li > a {
                  display: block;
                  line-height: 30px;
                  margin: 0 2px;
                  padding: 5px 20px;
                  height: 40px;
                  font-size: 15px;
                  font-weight: 200;
                  color: white;
                  background: transparent;
                  text-transform: uppercase;
                  position: relative;
                  border: 1px solid transparent;
                  border-radius: 7px;
              }
  
              .ho-navigation > ul > li.dropdown-holder > a::after,
              .ho-navigation > ul > li.megamenu-holder > a::after {
                  content: "\f3d0";
                  font-family: 'Ionicons';
                  font-weight: 400;
                  padding-right: 10px;
              }
  
              .ho-navigation > ul > li.megamenu-holder {
                  position: inherit;
              }
  
              .ho-navigation > ul > li:hover > a,
              .ho-navigation > ul > li.active > a {
                  background: rgba(255, 255, 255, 0.1);
                  border-color: rgba(255, 255, 255, 0.15);
              }
  
              .ho-navigation > ul > li .hodropdown {
                  position: absolute;
                  right: 0;
                  top: 100%;
                  background: #ffffff;
                  z-index: 9;
                  width: 250px;
                  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                  border-bottom: 3px solid #0B88EE;
                  padding: 10px 0;
                  -webkit-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;
                  visibility: hidden;
                  opacity: 0;
                  -webkit-transform: translateY(30px);
                  -ms-transform: translateY(30px);
                  transform: translateY(30px);
                  z-index: -0;
              }
  
                  .ho-navigation > ul > li .hodropdown li {
                      display: block;
                      position: relative;
                  }
  
                      .ho-navigation > ul > li .hodropdown li a {
                          color: #7e7e7e;
                          display: block;
                          padding: 5px 20px;
                      }
  
                          .ho-navigation > ul > li .hodropdown li a i {
                              font-size: 16px;
                              margin-left: 5px;
                          }
  
                      .ho-navigation > ul > li .hodropdown li:hover > a {
                          color: #0B88EE;
                      }
  
                      .ho-navigation > ul > li .hodropdown li ul {
                          position: absolute;
                          right: 100%;
                          top: 0;
                          width: 250px;
                          background: #ffffff;
                          -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                          border-bottom: 3px solid #0B88EE;
                          padding: 10px 0;
                          -webkit-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;
                          visibility: hidden;
                          opacity: 0;
                          -webkit-transform: translateY(30px);
                          -ms-transform: translateY(30px);
                          transform: translateY(30px);
                          z-index: -0;
                      }
  
                      .ho-navigation > ul > li .hodropdown li:hover > ul {
                          -webkit-transform: scaleY(1);
                          -ms-transform: scaleY(1);
                          transform: scaleY(1);
                          visibility: visible;
                          opacity: 1;
                          z-index: 1;
                      }
  
              .ho-navigation > ul > li .megamenu {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                  justify-content: space-between;
                  padding: 30px 15px;
                  -webkit-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;
                  visibility: hidden;
                  opacity: 0;
                  -webkit-transform: translateY(30px);
                  -ms-transform: translateY(30px);
                  transform: translateY(30px);
                  z-index: -0;
                  position: absolute;
                  left: auto;
                  padding: 30px 15px;
                  right: 0;
                  top: 100%;
                  background: #fff;
                  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
                  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
                  border-bottom: 3px solid #B6A36C;
              }
  
                  .ho-navigation > ul > li .megamenu > li {
                      padding: 0 15px;
                      min-width: 120px;
                  }
  
                      .ho-navigation > ul > li .megamenu > li > a {
                          font-weight: 700;
                          color: #967720;
                          text-transform: uppercase;
                          padding: 8px 0;
                          display: block;
                          border-bottom: 1px solid #B6A36C;
                          padding-bottom: 5px;
                          margin-bottom: 10px;
                      }
  
                          .ho-navigation > ul > li .megamenu > li > a:hover {
                              color: #B6A36C;
                          }
  
                  .ho-navigation > ul > li .megamenu li ul {
                      padding-right: 0;
                      margin-bottom: 0;
                  }
  
                      .ho-navigation > ul > li .megamenu li ul li {
                          list-style: none;
                      }
  
                          .ho-navigation > ul > li .megamenu li ul li a {
                              color: #7e7e7e;
                              font-size: 14px;
                              padding: 7px 0;
                              display: block;
                          }
  
                              .ho-navigation > ul > li .megamenu li ul li a:hover {
                                  color: #7e7e7e;
                              }
  
                  .ho-navigation > ul > li .megamenu.is-visible {
                      -webkit-transform: scaleY(1);
                      -ms-transform: scaleY(1);
                      transform: scaleY(1);
                      visibility: visible;
                      z-index: 1;
                  }
  
              .ho-navigation > ul > li:hover .hodropdown {
                  -webkit-transform: scaleY(1);
                  -ms-transform: scaleY(1);
                  transform: scaleY(1);
                  visibility: visible;
                  opacity: 1;
                  z-index: 1;
              }
  
              .ho-navigation > ul > li:hover .megamenu {
                  -webkit-transform: scaleY(1);
                  -ms-transform: scaleY(1);
                  transform: scaleY(1);
                  visibility: visible;
                  opacity: 1;
                  z-index: 1;
              }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ho-navigation > ul > li > a {
          padding: 5px 10px;
      }
  }
  
  .ho-navigation-2 ul li a,
  .ho-navigation-3 ul li a {
      color: #454545;
  }
  
      .ho-navigation-2 ul li a:hover,
      .ho-navigation-3 ul li a:hover {
          color: #7e7e7e;
      }
  
  .ho-navigation-2 {
      float: right;
  }
  
  .ho-navigation-3 {
      z-index: 70;
  }
  
      .ho-navigation-3 ul li:first-child a {
          padding-right: 0;
      }
  
  /**
   * Product Slider
   */
  .product-slider {
      margin-right: -15px;
      margin-left: -15px;
  }
  
      .product-slider .slick-list {
          padding-right: 15px;
          padding-left: 15px;
      }
  
      .product-slider .product-slider-col {
          margin-top: 7px;
          margin-bottom: 7px;
      }
  
  .recommended-products-slider .hoproduct-4,
  .recommended-products-slider-2 .hoproduct-4 {
      margin-top: 30px;
  }
  
  .featured-product-slider {
      padding-top: 48px;
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .featured-product-slider {
          padding-top: 20px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .featured-product-slider {
          padding-top: 20px;
      }
  }
  
  /**
   * Ourproduct 2
   */
  .ourproduct-2 {
      padding-top: 10px;
  }
  
  .ourproduct-2-slider {
      margin-top: 10px;
  }
  
      .ourproduct-2-slider .slick-list {
          background: #ffffff;
          margin-right: 15px;
          margin-left: 15px;
          padding: 0;
      }
  
  .ourproduct-2-product {
      background: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  
      .ourproduct-2-product .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 298px;
          flex: 0 0 298px;
          max-width: 298px;
      }
  
      .ourproduct-2-product .hoproduct-content {
          padding: 30px;
      }
  
          .ourproduct-2-product .hoproduct-content .ho-button {
              margin-top: 20px;
          }
  
      .ourproduct-2-product .hoproduct-actionbox {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          top: auto;
          bottom: 0;
          left: auto;
          right: calc(100% + 15px);
          text-align: right;
      }
  
          .ourproduct-2-product .hoproduct-actionbox li a {
              text-align: center;
              height: 40px;
              width: 40px;
          }
  
              .ourproduct-2-product .hoproduct-actionbox li a i {
                  line-height: 40px;
              }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ourproduct-2 .hoproduct-4 {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }
  
          .ourproduct-2 .hoproduct-4 .hoproduct-image {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 150px;
              flex: 0 0 150px;
              max-width: 150px;
          }
  }
  
  @media only screen and (max-width: 767px) {
      .ourproduct-2-product .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 220px;
          flex: 0 0 220px;
          max-width: 220px;
      }
  
      .ourproduct-2 .hoproduct-4 {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }
  
          .ourproduct-2 .hoproduct-4 .hoproduct-image {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 150px;
              flex: 0 0 150px;
              max-width: 150px;
          }
  }
  
  @media only screen and (max-width: 575px) {
      .ourproduct-2 .hoproduct-4 .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          max-width: 100px;
      }
  
      .ourproduct-2-product {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
      }
  
          .ourproduct-2-product .hoproduct-image {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              max-width: 100%;
          }
  
          .ourproduct-2-product .hoproduct-content {
              padding: 15px;
          }
  }
  
  /**
   * Product Details
   */
  .pdetails-largeimages {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  }
  
  .pdetails-thumbs {
      max-width: 450px;
      margin: 0 auto;
      margin-top: 10px;
  }
  
      .pdetails-thumbs .slick-slide {
          margin: 10px;
      }
  
  .pdetails-singlethumb {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  }
  
  .pdetails .rattingbox {
      margin-bottom: 10px;
  }
  
  .pdetails-pricebox {
      margin-bottom: 20px;
  }
  
      .pdetails-pricebox .oldprice {
          font-weight: 400;
          font-size: 20px;
          line-height: 30px;
          color: #ababab;
          margin-left: 10px;
      }
  
      .pdetails-pricebox .price {
          font-weight: 700;
          font-size: 24px;
          line-height: 30px;
          color: #0B88EE;
      }
  
      .pdetails-pricebox .badge {
          font-weight: 700;
          font-size: 12px;
          line-height: 30px;
          color: #ffffff;
          padding: 0 10px;
          background: #d31129;
          vertical-align: 5px;
          border-radius: 5px;
          margin-right: 10px;
      }
  
  .pdetails p {
      margin-top: 20px;
  }
  
  .pdetails-quantity {
      margin-top: 30px;
      margin-bottom: 20px;
  }
  
      .pdetails-quantity .ho-button,
      .pdetails-quantity .ho-button:link {
          padding: 6.5px 15px;
      }
  
  .pdetails-categories,
  .pdetails-tags,
  .pdetails-socialshare,
  .pdetails-color,
  .pdetails-size {
      padding: 12px 0;
  }
  
      .pdetails-categories > span,
      .pdetails-tags > span,
      .pdetails-socialshare > span,
      .pdetails-color > span,
      .pdetails-size > span {
          display: inline-block;
          margin-left: 20px;
          color: #454545;
          font-weight: 500;
      }
  
      .pdetails-categories ul,
      .pdetails-tags ul,
      .pdetails-socialshare ul,
      .pdetails-color ul,
      .pdetails-size ul {
          display: inline-block;
          padding-right: 0;
          margin-bottom: 0;
      }
  
          .pdetails-categories ul li,
          .pdetails-tags ul li,
          .pdetails-socialshare ul li,
          .pdetails-color ul li,
          .pdetails-size ul li {
              list-style: none;
              display: inline-block;
          }
  
      /*.pdetails-categories ul li::after,
  .pdetails-tags ul li::after,
  .pdetails-socialshare ul li::after,
  .pdetails-color ul li::after,
  .pdetails-size ul li::after {
    content: ",";
  }*/
  
  
      .pdetails-tags li {
          display: inline-block;
          background: #e5e5e5;
          color: #454545;
          border-radius: 5px;
          padding: 5px 15px;
          min-width: 55px;
          text-align: center;
          line-height: 25px;
          font-size: 13px;
          font-weight: 400;
          text-transform: uppercase;
          margin: 3px;
      }
  
      .pdetails-categories ul li:last-child::after,
      .pdetails-tags ul li:last-child::after,
      .pdetails-socialshare ul li:last-child::after,
      .pdetails-color ul li:last-child::after,
      .pdetails-size ul li:last-child::after {
          display: none;
      }
  
      .pdetails-categories ul li a,
      .pdetails-tags ul li a,
      .pdetails-socialshare ul li a,
      .pdetails-color ul li a,
      .pdetails-size ul li a {
          color: #7e7e7e;
          font-style: italic;
      }
  
          .pdetails-categories ul li a:hover,
          .pdetails-tags ul li a:hover,
          .pdetails-socialshare ul li a:hover,
          .pdetails-color ul li a:hover,
          .pdetails-size ul li a:hover {
              color: #0B88EE;
          }
  
      .pdetails-socialshare ul li + li {
          margin-right: 5px;
      }
  
      .pdetails-socialshare ul li::after {
          display: none;
      }
  
      .pdetails-socialshare ul li a {
          display: inline-block;
          height: 35px;
          width: 35px;
          line-height: 1;
          text-align: center;
          color: #7e7e7e;
          border: 1px solid #c5c5c5;
          border-radius: 100%;
          font-size: 16px;
      }
  
          .pdetails-socialshare ul li a i {
              line-height: 33px;
          }
  
          .pdetails-socialshare ul li a:hover {
              color: #ffffff;
              border-color: #0B88EE;
              background: #0B88EE;
          }
  
      .pdetails-color ul li + li,
      .pdetails-size ul li + li {
          margin-right: 5px;
      }
  
      .pdetails-color ul li::after,
      .pdetails-size ul li::after {
          display: none;
      }
  
      .pdetails-color ul li span,
      .pdetails-size ul li span {
          display: inline-block;
          height: 18px;
          width: 18px;
          background: #0B88EE;
          vertical-align: middle;
          border: 1px solid #e5e5e5;
          position: relative;
          cursor: pointer;
      }
  
          .pdetails-color ul li span::before,
          .pdetails-size ul li span::before {
              content: "";
              position: absolute;
              right: 50%;
              top: 50%;
              height: calc(100% + 2px);
              width: calc(100% + 2px);
              -webkit-transform: translate(50%, -50%);
              -ms-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
              border: 1px solid black;
              visibility: hidden;
              opacity: 0;
              -webkit-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;
          }
  
      .pdetails-color ul li.checked span::before,
      .pdetails-size ul li.checked span::before {
          visibility: visible;
          opacity: 1;
      }
  
      .pdetails-color ul li.red span,
      .pdetails-size ul li.red span {
          background: #d858b1;
      }
  
      .pdetails-color ul li.green span,
      .pdetails-size ul li.green span {
          background: #5834fb;
      }
  
      .pdetails-color ul li.blue span,
      .pdetails-size ul li.blue span {
          background: #b1b1b1;
      }
  
      .pdetails-color ul li.black span,
      .pdetails-size ul li.black span {
          background: black;
      }
  
      .pdetails-size ul li span {
          width: 26px;
          height: 26px;
          text-align: center;
          line-height: 24px;
          background: transparent;
          font-size: 10px;
      }
  
  .pdetails-allinfo {
      margin-top: 30px;
  }
  
  .pdetails-allinfotab {
      background: #f4f4f4;
      padding: 15px 0;
  }
  
      .pdetails-allinfotab li {
          display: inline-block;
      }
  
          .pdetails-allinfotab li a {
              display: inline-block;
              vertical-align: middle;
              text-transform: uppercase;
              color: #7e7e7e;
              font-weight: 700;
              font-size: 16px;
              padding: 3px 25px;
          }
  
              .pdetails-allinfotab li a.active {
                  color: #454545;
              }
  
  .pdetails-description,
  .pdetails-moreinfo,
  .pdetails-reviews {
      margin-top: 30px;
  }
  
  .pdetails-description {
      line-height: 30px;
  }
  
      .pdetails-description ul {
          padding-right: 0;
          margin-bottom: 0;
          list-style: none;
      }
  
          .pdetails-description ul li {
              list-style: none;
          }
  
  .pdetails-moreinfo a {
      display: inline-block;
      border: 1px solid #e5e5e5;
      margin-bottom: 15px;
  }
  
  .pdetails-moreinfo b {
      color: #454545;
  }
  
  .pdetails-moreinfo p {
      margin-bottom: 0;
  }
  
  .pdetails-affiliatebox {
      margin-top: 28px;
      margin-bottom: 5px;
  }
  
      .pdetails-affiliatebox .ho-button,
      .pdetails-affiliatebox .ho-button:link {
          margin-left: 10px;
          padding: 9px 20px 9px 20px;
          vertical-align: top;
          margin-bottom: 15px;
      }
  
      .pdetails-affiliatebox .hoproduct-actionbox {
          -webkit-transform: translate(0);
          -ms-transform: translate(0);
          transform: translate(0);
          position: relative;
          display: inline-block;
          width: auto;
          margin-top: 0;
          margin-bottom: 15px;
      }
  
          .pdetails-affiliatebox .hoproduct-actionbox li a {
              opacity: 1;
              visibility: visible;
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1);
          }
  
  .pdetails-imagesgallery {
      margin-right: -15px;
      margin-top: -15px;
  }
  
      .pdetails-imagesgallery::after {
          content: "";
          clear: both;
          display: table;
      }
  
      .pdetails-imagesgallery .pdetails-singleimage {
          margin-right: 15px;
          margin-top: 15px;
          max-width: calc(50% - 15px);
          float: right;
          border: 1px solid #e5e5e5;
      }
  
  .pdetails-sliderimages {
      margin-right: -15px;
      margin-left: -15px;
  }
  
      .pdetails-sliderimages .slick-slide {
          padding: 0 15px;
      }
  
      .pdetails-sliderimages .slider-navigation-arrow {
          visibility: hidden;
          opacity: 0;
      }
  
      .pdetails-sliderimages:hover .slider-navigation-arrow {
          visibility: visible;
          opacity: 1;
      }
  
  .pdetails-slidersingleimage {
      border: 1px solid #e5e5e5;
  }
  
  .pdetails-groupproduct {
      margin-top: 25px;
  }
  
      .pdetails-groupproduct .table,
      .pdetails-groupproduct .table-bordered {
          border-color: #e5e5e5;
          margin-bottom: 0;
      }
  
          .pdetails-groupproduct .table tr,
          .pdetails-groupproduct .table td,
          .pdetails-groupproduct .table-bordered tr,
          .pdetails-groupproduct .table-bordered td {
              text-align: center;
              vertical-align: middle;
          }
  
          .pdetails-groupproduct .table .product-quantity,
          .pdetails-groupproduct .table-bordered .product-quantity {
              min-width: 145px;
          }
  
          .pdetails-groupproduct .table .quantity-select,
          .pdetails-groupproduct .table-bordered .quantity-select {
              margin-left: 0;
              margin-right: 10px;
          }
  
          .pdetails-groupproduct .table .pro-title,
          .pdetails-groupproduct .table-bordered .pro-title {
              font-weight: 700;
              color: #454545;
              min-width: 200px;
          }
  
          .pdetails-groupproduct .table .pro-price,
          .pdetails-groupproduct .table-bordered .pro-price {
              font-weight: 700;
          }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pdetails-content {
          margin-top: 50px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .pdetails-content {
          margin-top: 30px;
      }
  
      .pdetails-sliderimages .slider-navigation-arrow {
          visibility: visible;
          opacity: 1;
      }
  }
  
  .pdetails-images-vertical .pdetails-images::after {
      content: "";
      clear: both;
      display: table;
  }
  
  .pdetails-images-vertical .pdetails-largeimages {
      max-width: 428px;
      float: left;
  }
  
  .pdetails-images-vertical .pdetails-thumbs {
      float: right;
      max-width: 110px;
      margin-top: -5px;
      margin-right: -5px;
  }
  
      .pdetails-images-vertical .pdetails-thumbs .slick-list {
          padding: 0 !important;
      }
  
      .pdetails-images-vertical .pdetails-thumbs .slick-slide {
          margin: 5px;
      }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .pdetails-images-vertical .pdetails-largeimages {
          max-width: 359px;
      }
  
      .pdetails-images-vertical .pdetails-thumbs {
          max-width: 90px;
      }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pdetails-images-vertical .pdetails-largeimages {
          max-width: 577px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .pdetails-images-vertical .pdetails-largeimages {
          max-width: 408px;
      }
  
      .pdetails-images-vertical .pdetails-thumbs {
          max-width: 100px;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .pdetails-images-vertical .pdetails-largeimages {
          max-width: 100%;
      }
  
      .pdetails-images-vertical .pdetails-thumbs {
          max-width: 100%;
          margin-right: 0;
          margin-top: 8px;
      }
  }
  
  /* Quantify Select Styles */
  .quantity-select {
      display: inline-block;
      position: relative;
      max-width: 80px;
      vertical-align: middle;
      margin-left: 10px;
      overflow: hidden;
  }
  
      .quantity-select input {
          text-align: center;
          padding: 0 10px 0 33px;
          height: 40px;
      }
  
      .quantity-select .qtybutton {
          position: absolute;
          height: 20.5px;
          width: 24px;
          line-height: 1;
          cursor: pointer;
          border: 1px solid #e5e5e5;
          left: 0;
          text-align: center;
          z-index: 1;
          font-size: 0;
      }
  
          .quantity-select .qtybutton i {
              font-size: 12px;
              line-height: 20px;
          }
  
          .quantity-select .qtybutton.inc {
              top: 0;
              bottom: auto;
          }
  
          .quantity-select .qtybutton.dec {
              bottom: 0;
              top: auto;
          }
  
  /**
   * Quickview Modal
   */
  .quickmodal {
      position: fixed;
      right: 0;
      top: 0;
      height: 100vh;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 40px 0;
      z-index: -2;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }
  
      .quickmodal.is-visible {
          opacity: 1;
          visibility: visible;
          z-index: 100;
      }
  
      .quickmodal .body-overlay {
          background: rgba(22, 21, 21, 0.85);
          position: absolute;
          z-index: 1;
          height: 100%;
          width: 100%;
          right: 0;
          top: 0;
      }
  
  .quickmodal-inside {
      position: relative;
      background: #ffffff;
      padding: 30px 15px;
      max-height: 100%;
      overflow-y: auto;
      z-index: 2;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
      -webkit-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
  }
  
  .quickmodal.is-visible .quickmodal-inside {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
  }
  
  .quickmodal-close {
      position: absolute;
      right: auto;
      left: 0;
      top: -10px;
      z-index: 1;
      border: none;
      color: #fff;
      font-size: 50px;
      padding: 10px;
  }
  
  /**
   * Shop Page Styles
   */
  /* Shop Filters */
  .shop-filters {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 10px 15px;
      border: 1px solid #e5e5e5;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  
  .shop-filters-viewmode button {
      border: none;
      padding: 0;
      font-size: 24px;
      margin-left: 15px;
  }
  
      .shop-filters-viewmode button.is-active {
          color: #80734E;
      }
  
  .shop-filters-sortby {
      position: relative;
  }
  
      .shop-filters-sortby .select-sortby {
          display: inline-block;
      }
  
      .shop-filters-sortby .select-sortby-current {
          height: 35px;
          line-height: 35px;
          border: none;
          position: relative;
          padding-left: 20px;
          padding-right: 10px;
      }
  
          .shop-filters-sortby .select-sortby-current::after {
              content: "\f3d0";
              font-family: 'Ionicons';
              position: absolute;
              left: 0;
              font-size: 15px;
              top: 0;
              height: 100%;
          }
  
      .shop-filters-sortby .select-sortby-list {
          min-width: 200px;
      }
  
  .shop-filters-viewitemcount {
      font-weight: 700;
      font-size: 20px;
      font-family: "PeydaWebFaNum-Bold", sans-serif !important;
  }
  
  .shop-page-products .hoproduct .hoproduct-content-description {
      display: none;
      padding-top: 10px;
  }
  
  .shop-page-products.list-view-active [class*="col-"] {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
  
  .shop-page-products.list-view-active .hoproduct {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  
      .shop-page-products.list-view-active .hoproduct .hoproduct-image {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 33%;
          flex: 0 0 33%;
          max-width: 33%;
      }
  
      .shop-page-products.list-view-active .hoproduct .hoproduct-content {
          padding: 15px 15px 0 0;
          width: 100%;
          padding-bottom: 55px;
      }
  
          .shop-page-products.list-view-active .hoproduct .hoproduct-content .hoproduct-content-description {
              display: block;
          }
  
      .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          top: auto;
          bottom: 10px;
          left: auto;
          right: calc(100% + 15px);
          text-align: right;
          width: auto;
          white-space: nowrap;
      }
  
          .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a {
              text-align: center;
              height: 40px;
              width: 40px;
          }
  
              .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a i {
                  line-height: 40px;
              }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          opacity: 1;
          visibility: visible;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox {
          margin-top: 95px;
      }
  
          .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox li a {
              -webkit-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1);
              opacity: 1;
              visibility: visible;
          }
  }
  
  @media only screen and (max-width: 575px) {
      .shop-page-products.list-view-active .hoproduct {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      }
  
          .shop-page-products.list-view-active .hoproduct .hoproduct-image {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              max-width: 100%;
          }
  
          .shop-page-products.list-view-active .hoproduct .hoproduct-actionbox {
              width: 100%;
              right: 0;
              margin-top: 15px;
          }
  
          .shop-page-products.list-view-active .hoproduct .hoproduct-content {
              padding-bottom: 0;
              text-align: right;
              padding: 0;
          }
  }
  
  /**
   * Cart Page
   */
  .cart-table .table td,
  .cart-table .table th {
      vertical-align: middle;
      text-align: center;
  }
  
  .cart-table .table thead th {
      border-width: 1px;
      font-family: "IRANSans", sans-serif;
      padding: 15px 10px;
  }
  
  .cart-table .table-hover tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.02);
  }
  
  .cart-table .table thead th.cart-column-image {
      min-width: 145px;
  }
  
  .cart-table .table thead th.cart-column-remove {
      min-width: 130px;
  }
  
  .cart-table .table thead th.cart-column-quantity {
      min-width: 145px;
  }
  
  .cart-table .table thead th.cart-column-productname {
      min-width: 200px;
  }
  
  .cart-table .table thead th.cart-column-price,
  .cart-table .table thead th.cart-column-total {
      min-width: 130px;
  }
  
  .cart-table .table thead th.cart-column-addtocart {
      min-width: 160px;
  }
  
  .cart-table .product-image {
      display: inline-block;
      width: 75px;
      padding: 5px 0;
  }
  
  .cart-table .product-title {
      display: inline-block;
      font-size: 14px;
      font-weight: 700;
      color: #7e7e7e;
  }
  
      .cart-table .product-title:hover {
          color: #0B88EE;
      }
  
  .cart-table .total-price {
      display: inline-block;
      font-weight: 700;
  }
  
  .cart-table .remove-product {
      color: #7e7e7e;
      display: inline-block;
      width: 26px;
      height: 26px;
      font-size: 20px;
      text-align: center;
      line-height: 18px;
      border: 1px solid #e5e5e5;
      border-radius: 0;
      padding: 0;
      -webkit-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
  }
  
      .cart-table .remove-product:hover {
          color: #ffffff;
          background: #0B88EE;
          border-color: #0B88EE;
      }
  
  .cart-content-left {
      margin-top: 30px;
  }
  
  .cart-content-coupon {
      margin-top: 30px;
  }
  
      .cart-content-coupon > h6 {
          font-weight: 700;
          font-size: 16px;
          margin-bottom: 5px;
      }
  
      .cart-content-coupon .coupon-form {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-top: 20px;
      }
  
          .cart-content-coupon .coupon-form input,
          .cart-content-coupon .coupon-form button {
              margin-top: 10px;
          }
  
              .cart-content-coupon .coupon-form input[type="text"] {
                  width: 170px;
                  margin-left: 10px;
              }
  
  .cart-content-right {
      margin-top: 30px;
      text-align: left;
  }
  
      .cart-content-right h2 {
          margin-top: -8px;
          display: inline-block;
          border-bottom: 2px solid #454545;
          margin-bottom: 25px;
      }
  
  .cart-pricing-table {
      border: none;
      font-family: "IRANSans", sans-serif;
  }
  
      .cart-pricing-table th,
      .cart-pricing-table td {
          text-align: left;
          border: none;
          padding: 0;
      }
  
      .cart-pricing-table td {
          color: #0B88EE;
          font-weight: 700;
      }
  
      .cart-pricing-table .cart-total {
          font-size: 24px;
      }
  
          .cart-pricing-table .cart-total th,
          .cart-pricing-table .cart-total td {
              padding-top: 10px;
          }
  
  @media only screen and (max-width: 767px) {
      .cart-content-right {
          text-align: right;
      }
  
      .cart-pricing-table th,
      .cart-pricing-table td {
          text-align: right;
      }
  }
  
  /**
   * Checkout
   */
  .checkout-info {
      position: relative;
      background-color: #f7f6f7;
      color: #515151;
      border-top: 3px solid #FFE11B;
      width: auto;
      word-wrap: break-word;
      padding: 15px;
      margin-bottom: 30px;
  }
  
      .checkout-info i {
          margin-left: 10px;
          vertical-align: middle;
      }
  
      .checkout-info a {
          color: #7e7e7e;
      }
  
          .checkout-info a:hover {
              color: #0B88EE;
          }
  
  .checkout-info-collapsebox {
      padding-bottom: 30px;
  }
  
  .checkout-info-coupon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: -10px;
  }
  
      .checkout-info-coupon input,
      .checkout-info-coupon button {
          margin-top: 10px;
      }
  
          .checkout-info-coupon input[type="text"] {
              width: 170px;
              margin-left: 10px;
          }
  
  .billing-info {
      margin-top: 50px;
  }
  
  .order-infobox {
      background: #f7f7f78c;
      padding: 30px 40px 45px;
  }
  
      .order-infobox .small-title {
          margin-bottom: 20px;
      }
  
      .order-infobox .table {
          color: #454545;
          border-bottom: none;
          min-width: 280px;
      }
  
          .order-infobox .table td,
          .order-infobox .table th {
              vertical-align: middle;
              text-align: center;
              padding: 10px 0;
          }
  
          .order-infobox .table tbody td span {
              font-weight: 700;
          }
  
          .order-infobox .table thead th {
              border-top: none;
              border-width: 1px;
              font-family: "IRANSans", sans-serif;
          }
  
          .order-infobox .table tfoot th {
              font-family: "IRANSans", sans-serif;
          }
  
          .order-infobox .table tfoot th,
          .order-infobox .table tfoot td {
              font-weight: 700;
              border-bottom: none;
          }
  
          .order-infobox .table tfoot .total-price th {
              font-size: 20px;
          }
  
          .order-infobox .table tfoot .total-price td {
              font-size: 30px;
              color: #0B88EE;
          }
  
  .different-address {
      margin-top: 40px;
  }
  
  .different-address-form-trigger {
      font-size: 18px;
      font-weight: 700;
      font-family: "IRANSans", sans-serif;
  }
  
  .different-address-form {
      margin-top: 15px;
      display: none;
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .order-infobox {
          margin-top: 50px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .different-address-form-trigger {
          font-size: 16px;
      }
  
      .order-infobox {
          margin-top: 50px;
      }
  
          .order-infobox .table tfoot .total-price td {
              font-size: 24px;
          }
  }
  
  @media only screen and (max-width: 575px) {
      .order-infobox {
          padding: 20px 20px 20px;
      }
  }
  
  /**
   * Product Compare
   */
  .compare-table .table td,
  .compare-table .table th {
      vertical-align: middle;
      text-align: center;
  }
  
  .compare-table .table thead th {
      border-width: 1px;
      font-family: "IRANSans", sans-serif;
      padding: 15px 10px;
  }
  
  .compare-table .table-hover tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.02);
  }
  
  .compare-table .table tbody th {
      min-width: 200px;
      font-family: "IRANSans", sans-serif;
  }
  
  .compare-table .table tbody td {
      min-width: 250px;
  }
  
  .compare-pdoduct-image {
      max-width: 200px;
      display: inline-block;
      padding: 20px 0;
  }
  
      .compare-pdoduct-image a {
          display: inline-block;
      }
  
      .compare-pdoduct-image .ho-button {
          margin-top: 25px;
      }
  
  h5.compare-product-name {
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 0;
      color: #555555;
  }
  
      h5.compare-product-name a {
          color: #555555;
          -webkit-transition-property: color;
          -o-transition-property: color;
          transition-property: color;
      }
  
          h5.compare-product-name a:hover {
              color: #0B88EE;
          }
  
  /**
   * My Account
   */
  .myaccount-tab-trigger {
      display: block;
  }
  
      .myaccount-tab-trigger li {
          display: block;
      }
  
          .myaccount-tab-trigger li + li {
              margin-top: -1px;
          }
  
          .myaccount-tab-trigger li a {
              border: 1px solid #444444;
              display: block;
              background: #555555;
              color: #ffffff;
              text-transform: uppercase;
              font-weight: 600;
              font-family: "IRANSans", sans-serif;
              padding: 10px 20px;
          }
  
              .myaccount-tab-trigger li a.active {
                  background: #0B88EE;
                  border-color: #0B88EE;
                  color: #ffffff;
              }
  
              .myaccount-tab-trigger li a:hover:not(.active) {
                  color: #0B88EE;
              }
  
  .myaccount-tab-content {
      border: 1px solid #e5e5e5;
      padding: 30px;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -o-transition: all 0.4s ease-in-out 0s;
      transition: all 0.4s ease-in-out 0s;
  }
  
  .myaccount-dashboard p {
      margin-bottom: 20px;
  }
  
      .myaccount-dashboard p:last-child {
          margin-bottom: 0;
      }
  
      .myaccount-dashboard p a {
          color: #7e7e7e;
      }
  
          .myaccount-dashboard p a:hover {
              color: #0B88EE;
          }
  
  .myaccount-orders .table {
      margin-bottom: 0;
  }
  
      .myaccount-orders .table .account-order-id {
          color: #7e7e7e;
      }
  
          .myaccount-orders .table .account-order-id:hover {
              color: #0B88EE;
          }
  
  .myaccount-orders .table-hover tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.02);
  }
  
  .myaccount-orders .table td,
  .myaccount-orders .table th {
      vertical-align: middle;
      text-align: center;
  }
  
  .myaccount-address .small-title {
      margin-bottom: 15px;
  }
  
  /**
   * Contact Styles
   */
  .contact-content {
      padding-left: 80px;
  }
  
      .contact-content .single-content {
          border-top: 1px solid #e5e5e5;
          padding: 15px 0;
          position: relative;
          padding-right: 65px;
      }
  
          .contact-content .single-content:last-child {
              padding-bottom: 0;
          }
  
          .contact-content .single-content:first-child {
              border-top: none;
          }
  
          .contact-content .single-content a {
              color: #7e7e7e;
          }
  
              .contact-content .single-content a:hover {
                  color: #0B88EE;
              }
  
      .contact-content .single-content-icon {
          font-size: 22px;
          position: absolute;
          right: 0;
          top: 15px;
          border: 1px solid #aaaaaa;
          width: 50px;
          line-height: 1;
          text-align: center;
          height: 50px;
          border-radius: 100px;
      }
  
          .contact-content .single-content-icon i {
              line-height: 48px;
          }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .contact-content {
          padding-left: 0;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .contact-content {
          padding-left: 0;
      }
  }
  
  .google-map {
      min-height: 452px;
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .google-map {
          min-height: 380px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .google-map {
          min-height: 320px;
      }
  }
  
  /**
   * About Styles
   */
  .about-image {
      margin-left: 70px;
      border-radius: 20px;
  }
  
      .about-image img {
          width: 100%;
          border-radius: 20px;
      }
  
  .about-content {
      background: #f5f5f5;
      padding: 65px 50px;
      margin-right: -150px;
      border-radius: 20px;
  }
  
      .about-content h2 {
          font-size: 60px;
          color: #666666;
          margin: 0 0 10px;
          font-weight: 400;
      }
  
          .about-content h2 span {
              font-size: 100px;
              font-weight: 700;
              color: #0B88EE;
              line-height: 1;
              display: block;
          }
  
      .about-content h5 {
          border-bottom: 1px solid #e5e5e5;
      }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .about-content {
          padding: 40px 50px;
      }
  
          .about-content h2 {
              font-size: 50px;
          }
  
              .about-content h2 span {
                  font-size: 75px;
              }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-image {
          margin-left: 0;
      }
  
      .about-content {
          margin-right: 0;
          padding: 40px 50px;
      }
  
          .about-content h2 {
              font-size: 50px;
          }
  
              .about-content h2 span {
                  font-size: 75px;
              }
  }
  
  @media only screen and (max-width: 767px) {
      .about-image {
          margin-left: 0;
      }
  
      .about-content {
          margin-right: 0;
          padding: 40px 50px;
      }
  
          .about-content h2 {
              font-size: 45px;
          }
  
              .about-content h2 span {
                  font-size: 60px;
              }
  }
  
  @media only screen and (max-width: 575px) {
      .about-content {
          padding: 25px 20px;
      }
  
          .about-content h2 {
              font-size: 38px;
          }
  
              .about-content h2 span {
                  font-size: 50px;
              }
  }
  
  /**
   * Blog Details
   */
  .blog-details .blogitem2 {
      margin-top: 0;
  }
  
      .blog-details .blogitem2:hover .blogitem2-image img {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
      }
  
  .blog-details .blogitem2-content p {
      line-height: 28px;
  }
  
  .blog-details-footer {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 30px;
  }
  
  .blog-details-tags,
  .blog-details-share {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10px 0;
  }
  
      .blog-details-tags h5,
      .blog-details-share h5 {
          margin-bottom: 0;
          margin-left: 10px;
          line-height: 26px;
      }
  
      .blog-details-tags ul,
      .blog-details-share ul {
          margin-bottom: 0;
          padding-right: 0;
      }
  
          .blog-details-tags ul li,
          .blog-details-share ul li {
              list-style: none;
              display: inline-block;
          }
  
              .blog-details-tags ul li a,
              .blog-details-share ul li a {
                  display: inline-block;
                  color: #7e7e7e;
                  line-height: 26px;
              }
  
                  .blog-details-tags ul li a:hover,
                  .blog-details-share ul li a:hover {
                      color: #0B88EE;
                  }
  
  .blog-details-tags {
      padding-left: 15px;
  }
  
      .blog-details-tags ul li::after {
          content: ",";
          padding: 0 5px;
      }
  
      .blog-details-tags ul li:last-child::after {
          display: none;
      }
  
  .blog-details-share ul li:not(:last-child) {
      margin-left: 10px;
  }
  
  .blog-details-share ul li a {
      font-size: 18px;
  }
  
  /**
   * Footer
   */
  .footer-toparea {
      padding-top: 30px;
      padding-bottom: 60px;
      background-color: #ececec;
      margin-top: 50px;
      border-radius: 30px;
  }
  
  .footer-widget {
      margin-top: 30px;
  }
  
      .footer-widget ul {
          padding-right: 0;
          margin-bottom: 0;
          list-style: none;
      }
  
          .footer-widget ul li {
              list-style: none;
          }
  
  .footer-widget-title {
      text-transform: uppercase;
      margin-bottom: 25px;
  }
  
  .footer-widget.widget-info {
      letter-spacing: 0.4px;
  }
  
      .footer-widget.widget-info ul li {
          color: #454545;
          margin-bottom: 10px;
      }
  
          .footer-widget.widget-info ul li i {
              color: #CAB46E;
              padding-left: 10px;
              font-size: 18px;
              vertical-align: middle;
          }
  
          .footer-widget.widget-info ul li a {
              color: #CAB46E;
          }
  
              .footer-widget.widget-info ul li a:hover {
                  text-decoration: underline;
              }
  
  .footer-widget.widget-links ul li a {
      display: block;
      margin-bottom: 10px;
      color: #7e7e7e;
  }
  
      .footer-widget.widget-links ul li a:hover {
          color: #0B88EE;
          padding-right: 15px;
      }
  
  .footer-widget.widget-customerservice {
      background: #454545;
      text-align: center;
      padding: 35px 20px;
      border-radius: 7px;
  }
  
      .footer-widget.widget-customerservice .footer-widget-title {
          color: #ffffff;
          margin-bottom: 5px;
      }
  
      .footer-widget.widget-customerservice .info {
          padding-bottom: 15px;
      }
  
          .footer-widget.widget-customerservice .info h2,
          .footer-widget.widget-customerservice .info h3,
          .footer-widget.widget-customerservice .info h4,
          .footer-widget.widget-customerservice .info h5,
          .footer-widget.widget-customerservice .info h6 {
              color: #a5a5a5;
              margin-bottom: 5px;
          }
  
              .footer-widget.widget-customerservice .info h2 a,
              .footer-widget.widget-customerservice .info h3 a,
              .footer-widget.widget-customerservice .info h4 a,
              .footer-widget.widget-customerservice .info h5 a,
              .footer-widget.widget-customerservice .info h6 a {
                  color: #FFE11B;
              }
  
      .footer-widget.widget-customerservice .payment {
          padding-top: 20px;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
      }
  
          .footer-widget.widget-customerservice .payment h6 {
              margin-bottom: 15px;
              color: #ffffff;
          }
  
  .footer-copyright {
      border-top: 1px solid #e5e5e5;
      padding: 20px 0;
  }
  
      .footer-copyright .copyright {
          margin-bottom: 0;
      }
  
          .footer-copyright .copyright a {
              color: #0B88EE;
              font-weight: 500;
          }
  
  /*****************************************/
  /*>>>>>>>>>>>>>>>(THE END)<<<<<<<<<<<<<<<*/
  /*****************************************/
  
  /* RTL CSS */
  body {
      direction: rtl;
  }
  
  .slick-slide {
      float: right;
  }
  
  .header-langcurr .select-currency-current:after,
  .header-langcurr .select-language-current:after {
      float: left;
  }
  
  .nice-select span.current {
      text-align: right;
  }
  
  .nice-select .list {
      left: auto;
      right: 0;
  }
  
      .nice-select .list li {
          text-align: right;
      }
  
  .ho-navigation > ul > li.dropdown-holder > a::after,
  .ho-navigation > ul > li.megamenu-holder > a::after {
      float: left;
  }
  
  .category-productlink i {
      padding-left: 5px;
      padding-right: 0;
      float: right;
      line-height: 1.3;
  }
  
  .header-account button span {
      line-height: 47px;
      float: right;
  }
  
  .catmenu-dropdown > a::after {
      content: "\f3cf";
  }
  
  .catmenu-2 .catmenu-trigger span::before {
      float: right;
      line-height: 46px;
  }
  
  .ho-breadcrumb ul li::after {
      content: "\f3cf";
      float: left;
  }
  
  .lg-outer .lg-img-wrap,
  .lg-outer .lg-item {
      right: 0;
      left: auto;
  }
  
  .mean-container a.meanmenu-reveal {
      right: 0 !important;
      left: auto !important;
  }
  
      .mean-container a.meanmenu-reveal i:before {
          margin-left: 0;
      }
  
  @media only screen and (max-width: 991px) and (min-width: 768px), only screen and (max-width: 767px) {
      .catmenu-body > ul li.has-children > a::after {
          content: "\f3cf";
      }
  }
  
  .spprod {
      float: right;
      border: 5px;
      border-color: #fff;
      border-style: solid;
      background-color: #efefef;
      padding: 5px 5px 5px 5px;
  }
  
  .spprodval {
      float: right;
      border: 5px;
      border-color: #fff;
      border-style: solid;
      background-color: #f7f7f7;
      padding: 5px 5px 5px 5px;
  }
  
  .basketcell {
      vertical-align: middle;
      text-align: center;
  }
  
  .table-responsive .dropdown-menu {
      position: static !important;
  }
  
  .hp-100 {
      height: 100px;
  }
  
  .f-left {
      float: left;
  }
  
  .f-right {
      float: right;
  }
  
  .mt-10- {
      margin-top: -10px;
  }
  
  .red {
      color: red;
  }
  
  .mt-50 {
      margin-top: 50px;
  }
  
  .overflow-y {
      overflow-y: auto;
  }
  
  .text-green {
      color: green;
  }
  
  .text-red {
      color: red;
  }
  
  .minh-247 {
      /*! min-height: 247.5px; */
  }
  .brd30 {
    border-radius: 30px;
  }
  .shadow {
    box-shadow: 0 .4rem 1rem rgba(0,0,0,.10) !important;
  }


  .faq-drawer {
	margin-bottom: 10px;
  }
  
  .faq-drawer__content-wrapper {
	font-size: 1.1em;
	line-height: 1.4em;
	max-height: 0;
	overflow: hidden;
	transition: 0.25s ease-in-out;
  }
  
  .faq-drawer__title {
	cursor: pointer;
	display: block;
	font-size: 1.25em;
	padding: 20px;
	position: relative;
	margin-bottom: 10px;
	background-color: #f2f2f2;
    border-radius: 20px;
	transition: 0.35s ease-in-out;
  }
  
  .faq-drawer__title::after {
	border-style: solid;
	border-width: 1px 1px 0 0;
	content: " ";
	display: inline-block;
	float: left;
	height: 10px;
	position: relative;
	left: 30px;
	top: 4px;
	transform: rotate(135deg);
	transition: 0.35s ease-in-out;
	vertical-align: top;
	width: 10px;
  }
  
  .faq-drawer__title:hover { 
	color: #4E4B52  ;
  }
  
  .faq-drawer__trigger:checked
	+ .faq-drawer__title
	+ .faq-drawer__content-wrapper {
	max-height: 550px;
  }
  
  .faq-drawer__trigger:checked + .faq-drawer__title::after {
	transform: rotate(-45deg);
	transition: 0.25s ease-in-out;
  }
  
  input[type="checkbox"] {
	display: none;
  }