.clr {
  clear: both !important
}

.fleft {
  float: left
}

.fright {
  float: right
}

li {
  list-style-type: none;
}

body {
  font-family: 'pelak';
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}


.bc-resize {
  width: 100%;
  height: 100%;
  font-family: 'Shabnam-Light';
  font-size: 17px;
}

.weight {
  font-family: Shabnam-Medium;
}

.bc-container:after, .bc-row:after, .bc-row-padding:after, .bc-topnav:after, .bc-clear:after, .bc-btn-group:before, .bc-btn-group:after {
  content: "";
  display: table;
  clear: both
}

.bc-col.s1 {
  width: 8.33333%
}

.bc-col.s2 {
  width: 16.66666%
}

.bc-col.s3 {
  width: 24.99999%
}

.bc-col.s4 {
  width: 33.33333%
}

.bc-col.s5 {
  width: 41.66666%
}

.bc-col.s6 {
  width: 49.99999%
}

.bc-col.s7 {
  width: 58.33333%
}

.bc-col.s8 {
  width: 66.66666%
}

.bc-col.s9 {
  width: 74.99999%
}

.bc-col.s10 {
  width: 83.33333%
}

.bc-col.s11 {
  width: 91.66666%
}

.bc-col.s12, .bc-half, .bc-third, .bc-twothird, .bc-quarter {
  width: 99.99999%
}

@media only screen and (min-width: 601px) {
  .bc-col.m1 {
      width: 8.33333%
  }

  .bc-col.m2 {
      width: 16.66666%
  }

  .bc-col.m3, .bc-quarter {
      width: 24.99999%
  }

  .bc-col.m4, .bc-third {
      width: 33.33333%
  }

  .bc-col.m5 {
      width: 41.66666%
  }

  .bc-col.m6, .bc-half {
      width: 49.99999%
  }

  .bc-col.m7 {
      width: 58.33333%
  }

  .bc-col.m8, .bc-twothird {
      width: 66.66666%
  }

  .bc-col.m9 {
      width: 74.99999%
  }

  .bc-col.m10 {
      width: 83.33333%
  }

  .bc-col.m11 {
      width: 91.66666%
  }

  .bc-col.m12 {
      width: 99.99999%
  }
}

@media only screen and (min-width: 769px) {

  .bc-col.pc1 {
      width: 8.33333%
  }

  .bc-col.pc2 {
      width: 16.66666%
  }

  .bc-col.pc3, .bc-quarter {
      width: 24.99999%
  }

  .bc-col.pc4, .bc-third {
      width: 33.33333%
  }

  .bc-col.pc5 {
      width: 41.66666%
  }

  .bc-col.pc6, .bc-half {
      width: 49.99999%
  }

  .bc-col.pc7 {
      width: 58.33333%
  }

  .bc-col.pc8, .bc-twothird {
      width: 66.66666%
  }

  .bc-col.pc9 {
      width: 74.99999%
  }

  .bc-col.pc10 {
      width: 83.33333%
  }

  .bc-col.pc11 {
      width: 91.66666%
  }

  .bc-col.pc12 {
      width: 99.99999%
  }
}

@media only screen and (min-width: 1024px) {
  .bc-col.l1 {
      width: 8.33333%
  }

  .bc-col.l2 {
      width: 16.66666%
  }

  .bc-col.l3, .bc-quarter {
      width: 24.99999%
  }

  .bc-col.l4, .bc-third {
      width: 33.33333%
  }

  .bc-col.l5 {
      width: 41.66666%
  }

  .bc-col.l6, .bc-half {
      width: 49.99999%
  }

  .bc-col.l7 {
      width: 58.33333%
  }

  .bc-col.l8, .bc-twothird {
      width: 66.66666%
  }

  .bc-col.l9 {
      width: 74.99999%
  }

  .bc-col.l10 {
      width: 83.33333%
  }

  .bc-col.l11 {
      width: 91.66666%
  }

  .bc-col.l12 {
      width: 99.99999%
  }
}

.bc-content {
  max-width: 1200px;
  margin: 0 auto
}

.width1300 {
  max-width: 1300px;
  margin: 0 auto
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/_fonts/fontawesome-webfont.eot');
  src: url('/_fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/_fonts/fontawesome-webfont.woff') format('woff'), url('/_fonts/fontawesome-webfont.ttf') format('truetype'), url('/_fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'B Homa_0';
  src: url('../fonts/font/B Homa_0.ttf') format('truetype');
}


@font-face {
  font-family: 'pelak';
  src: url('../fonts/PelakFA-Regular.eot');
  src: url('../fonts/PelakFA-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PelakFA-Regular.ttf') format('truetype'),
     url('../fonts/PelakFA-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}





@font-face {
  font-family: 'Jelytta';
  src: url('../fonts/en/Jelytta.ttf') format('truetype');
}

@font-face {
  font-family: 'BarlowCondensed-Light';
  src: url('../fonts/en/barlow-condensed/BarlowCondensed-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'BarlowCondensed-Medium';
  src: url('../fonts/en/barlow-condensed/BarlowCondensed-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'BarlowCondensed-Regular';
  src: url('../fonts/en/barlow-condensed/BarlowCondensed-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'BarlowCondensed-Bold';
  src: url('../fonts/en/barlow-condensed/BarlowCondensed-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Jelytta 400';
  src: url('../fonts/en/Jelytta_Font_Family_(Fontmirror)/Jelytta_Font_Family_(Fontmirror)/Jelytta 400.ttf') format('truetype');
}

.font_fa {
  font-family: 'pelak';
}

.font_en{
  font-family: 'BarlowCondensed-Light';
}
.font_anim {
  font-family: 'Jelytta';
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

  .fa-ul > li {
      position: relative
  }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

  .fa-li.fa-lg {
      left: -1.85714286em
  }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before, .fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before, .fa-users:before {
  content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before, .fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"
}

.fa-won:before, .fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-tv:before, .fa-television:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

@font-face {
  font-family: 'Jelytta-pvlv';
  src: url('../fonts/Jelytta-pvlv.ttf') format('truetype');
}

.transition {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}


.colorGold {
  color: #d4b24e;
}

.colorBlack {
  color: #0a0e21;
}

.textRight {
  text-align: right;
}

.bold {
  font-weight: bold;
}



@font-face {
  font-family: 'Yekan';
  src: url('../fonts/Yekan.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'Yekan';
  src: url('../fonts/Yekan.ttf') format('truetype');
}

@font-face {
  font-family: 'Yekan';
  src: url('../fonts/Yekan.woff') format('woff');
}

@font-face {
  font-family: 'IRANSansWeb';
  src: url('../fonts/IRANSansWeb.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'IRANSansWeb';
  src: url('../fonts/IRANSansWeb.ttf') format('truetype');
}

@font-face {
  font-family: 'IRANSansWeb';
  src: url('../fonts/IRANSansWeb.woff') format('woff');
}

@font-face {
  font-family: 'IRANSansWeb_Medium';
  src: url('../fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'IRANSansWeb_Medium';
  src: url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'IRANSansWeb_Medium';
  src: url('../fonts/IRANSansWeb_Medium.woff') format('woff');
}


.bc-resize {
  width: 100%;
  height: 100%;
  font-family: IRANSansWeb;
  font-size: 17px;
}

.bc-container:after,
.bc-row:after,
.bc-row-padding:after,
.bc-topnav:after,
.bc-clear:after,
.bc-btn-group:before,
.bc-btn-group:after {
  content: "";
  display: table;
  clear: both
}

.bc-col.s1 {
  width: 8.33333%
}

.bc-col.s2 {
  width: 16.66666%
}

.bc-col.s3 {
  width: 24.99999%
}

.bc-col.s4 {
  width: 33.33333%
}

.bc-col.s5 {
  width: 41.66666%
}

.bc-col.s6 {
  width: 49.99999%
}

.bc-col.s7 {
  width: 58.33333%
}

.bc-col.s8 {
  width: 66.66666%
}

.bc-col.s9 {
  width: 74.99999%
}

.bc-col.s10 {
  width: 83.33333%
}

.bc-col.s11 {
  width: 91.66666%
}

.bc-col.s12,
.bc-half,
.bc-third,
.bc-twothird,
.bc-quarter {
  width: 99.99999%
}

@media only screen and (min-width: 601px) {
  .bc-col.m1 {
      width: 8.33333%
  }

  .bc-col.m2 {
      width: 16.66666%
  }

  .bc-col.m3,
  .bc-quarter {
      width: 24.99999%
  }

  .bc-col.m4,
  .bc-third {
      width: 33.33333%
  }

  .bc-col.m5 {
      width: 41.66666%
  }

  .bc-col.m6,
  .bc-half {
      width: 49.99999%
  }

  .bc-col.m7 {
      width: 58.33333%
  }

  .bc-col.m8,
  .bc-twothird {
      width: 66.66666%
  }

  .bc-col.m9 {
      width: 74.99999%
  }

  .bc-col.m10 {
      width: 83.33333%
  }

  .bc-col.m11 {
      width: 91.66666%
  }

  .bc-col.m12 {
      width: 99.99999%
  }
}

@media only screen and (min-width: 769px) {
  .bc-col.pc1 {
      width: 8.33333%
  }

  .bc-col.pc2 {
      width: 16.66666%
  }

  .bc-col.pc3,
  .bc-quarter {
      width: 24.99999%
  }

  .bc-col.pc4,
  .bc-third {
      width: 33.33333%
  }

  .bc-col.pc5 {
      width: 41.66666%
  }

  .bc-col.pc6,
  .bc-half {
      width: 49.99999%
  }

  .bc-col.pc7 {
      width: 58.33333%
  }

  .bc-col.pc8,
  .bc-twothird {
      width: 66.66666%
  }

  .bc-col.pc9 {
      width: 74.99999%
  }

  .bc-col.pc10 {
      width: 83.33333%
  }

  .bc-col.pc11 {
      width: 91.66666%
  }

  .bc-col.pc12 {
      width: 99.99999%
  }
}

@media only screen and (min-width: 1024px) {
  .bc-col.l1 {
      width: 8.33333%
  }

  .bc-col.l2 {
      width: 16.66666%
  }

  .bc-col.l3,
  .bc-quarter {
      width: 24.99999%
  }

  .bc-col.l4,
  .bc-third {
      width: 33.33333%
  }

  .bc-col.l5 {
      width: 41.66666%
  }

  .bc-col.l6,
  .bc-half {
      width: 49.99999%
  }

  .bc-col.l7 {
      width: 58.33333%
  }

  .bc-col.l8,
  .bc-twothird {
      width: 66.66666%
  }

  .bc-col.l9 {
      width: 74.99999%
  }

  .bc-col.l10 {
      width: 83.33333%
  }

  .bc-col.l11 {
      width: 91.66666%
  }

  .bc-col.l12 {
      width: 99.99999%
  }
}

.bc-content {
  max-width: 1200px;
  margin: 0 auto
}

.transition {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.bold {
  font-weight: bold;
}


a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: 0 0;
  text-decoration: none;
  color: #666;
  cursor: pointer;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
td img {
  vertical-align: top
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  color: #666;
  font-family: RobotoRegular, arial, sans-serif
}

button,
input,
textarea {
  -webkit-appearance: none
}

  input[type=checkbox] {
      vertical-align: bottom
  }

  input[type=radio] {
      vertical-align: text-bottom
  }

sub {
  vertical-align: sub;
  font-size: smaller
}

sup {
  vertical-align: super;
  font-size: smaller
}

.clearfix:after,
.clearfix:before {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden
}

.clearfix:after {
  clear: both
}

.clearfix {
  zoom: 1
}



button,
input[type=button],
input[type=submit],
label {
  cursor: pointer
}

ul {
  list-style: none
}

input[type=text],
textarea {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none
}


/*......*/

/*brand-list*/

  #btS1 {
      border: solid 2px #fff;
      width: 17px;
      border-radius: 17px;
      height: 28px;
      bottom: 60px;
      left: 50%;
      margin-left: -10px;
      position: fixed;
      z-index: 903;
  }

  #btS2 {
      background-color: #fff;
      width: 3px;
      border-radius: 3px;
      height: 6px;
      bottom: 70px;
      left: 50%;
      margin-left: -1px;
      position: fixed;
      z-index: 903;
  }

  #btS3 {
      width: 200px;
      display: inline-block;
      color: #fff;
      text-align: center;
      position: fixed;
      bottom: 30px;
      left: 50%;
      margin-left: -100px;
      font-size: 0.95em;
      letter-spacing: 0.04em;
      z-index: 902;
      font-weight: 500;
  }

  #btS1,
  #btS2,
  #btS3 {
      visibility: hidden;
  }

  #bas {
      width: 55%;
      margin: 210px auto 0 auto;
      max-width: 1060px;
  }

  #logobas {
      width: 155px;
      margin: 0 auto;
      display: block;
      z-index: 903;
  }

      #logobas img {
          width: 100%;
          transform-origin: 0 0;
      }

  .filet {
      width: 100%;
      height: 1px;
      background-color: #1b1b1b;
      margin: 60px 0 50px 0;
  }

  .colbas {
      float: left;
      display: inline-block;
      font-size: 1.5em;
      line-height: 1.6em;
      -webkit-user-select: text;
      -moz-user-select: text;
      -khtml-user-select: text;
      -ms-user-select: text;
  }

      .colbas strong {
          font-weight: 400;
          color: #000;
          display: block;
          padding-bottom: 15px;
      }

      .colbas span {
          font-weight: 300;
          color: #4b4a4a;
      }

      .colbas a {
          color: #4b4a4a;
          text-decoration: none;
          display: inline-block;
      }

          .colbas a:hover {
              color: #000;
              text-decoration: underline;
          }

  #bcol1 {
      width: 42%;
  }

  #bcol2 {
      width: auto;
      display: inline-block;
  }

  #bcol3 {
      width: auto;
      display: inline-block;
      float: right;
  }

  .mentions {
      position: relative;
      padding: 230px 0 50px 0;
      color: #333;
      font-size: 0.95em;
      letter-spacing: 0.03em;
      font-weight: 300;
      text-align: center;
      width: 100%;
      display: block;
  }

      .mentions a {
          color: #333;
          text-decoration: none;
      }

          .mentions a:hover {
              color: #666;
              text-decoration: none;
          }

  .H .ani {
      visibility: hidden;
  }

  #marques {
      width: 100%;
      margin-top: 125px;
      position: relative;
      z-index: 20;
  }

  #intromarques {
      width: 100%;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      overflow: hidden;
  }

.fondm4 {
  background-image: url('../images/brand-list1.png');
  position: relative;
}
  .fondm4::after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.32);
      top: 0;
  }

  .H #intromarques {
      visibility: hidden;
  }

#interieurintro {
  margin-left: 140px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 100px;
  background-image: url('../images/arrow.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 70px;
  width: 70%;
  z-index: 7;
  position: relative;
  direction:rtl;
}

  #interieurintro h1 {
      position: relative;
      display: block;
      margin: 0;
      font-size: 1.5rem;
      font-family: 'pelak';
      line-height: 1.4em;
      font-weight: 100;
      color: #fff;
      padding-top: 20px;
  }

      #interieurintro h1 i {
          z-index: 7;
          display: block;
          width: 68px;
          background-color: #e8e8e8;
          height: 1px;
          position: absolute;
          top: 0;
          right: 0;
          transform-origin: 0 0;
      }

  #interieurintro   {
      margin: 0;
      display: block;
      font-size: 16px;
       line-height: 1.4em;
      color: #fff;
      padding-top: 9px;
   }

.H #interieurintro h1,
.H #interieurintro h1 i,
.H #interieurintro p {
  visibility: hidden;
}

  #listemarques {
      margin: 0;
      padding: 0;
  }

      #listemarques li {
          border-bottom: 1px solid #000;
      }

          #listemarques li a {
              display: block;
              width: 100%;
              background-color: #f6f6f6;
              color: #000;
              overflow: hidden;
              position: relative;
          }

              #listemarques li a img {
                  display: block;
                  width: 50%;
                  float: right;
                  opacity: 0;
                  visibility: hidden;
                  transform: matrix(1, 0, 0, 1, 90, 0);
                  transition: all 1000ms;
              }

          #listemarques li:hover img {
              visibility: visible;
              opacity: 1;
              transform: matrix(1, 0, 0, 1, 0, 0);
              transition: all 1000ms;
          }
          #listemarques li:hover a {
              transition: all 1000ms;
              background-color: #000000;
              color: #fff;
          }
          #listemarques li a p {
              display: block;
              width: 50%;
              float: left;
              margin: 0;
              padding: 0;
              margin-top: 124.138px;
          }

              #listemarques li a b {
                  clear: both;
                  height: 0;
                  width: 100%;
                  display: block;
              }

      #listemarques a strong {
          position: relative;
          display: block;
          margin: 0;
          margin-left: 140px;
          font-size: 2em;
          font-family: 'BarlowCondensed-Light';
          text-transform: uppercase;
          letter-spacing: 2px;
          line-height: 1.1em;
          padding-top: 16px;
      }

          #listemarques a strong i {
              display: block;
              width: 133px;
              background-color: #000;
              height: 1px;
              position: absolute;
              top: 0;
              left: 0;
              transform-origin: 0 0;
          }

      #listemarques li:hover strong i {
          background-color: #fff;
          transform: matrix(0.3, 0, 0, 1, 0, 0);
          transition: all 1000ms;
      }
      #listemarques a span {
          margin: 0;
          margin-left: 140px;
          display: block;
          font-size: 1.4em;
          font-weight: 300;
          letter-spacing: 0.04em;
          line-height: 1.4em;
          padding-top: 9px;
      }

  .H #listemarques li a img {
      visibility: hidden;
  }

  @media screen and (max-width: 1600px) {
      #btS1 {
          border: solid 2px #fff;
          width: 14px;
          border-radius: 14px;
          height: 24px;
          bottom: 48px;
          margin-left: -9px;
      }

      #btS2 {
          width: 2px;
          border-radius: 2px;
          height: 5px;
          bottom: 56px;
      }

      #btS3 {
          bottom: 25px;
      }

      #bas {
          width: 55%;
          margin: 170px auto 0 auto;
      }

      #logobas {
          width: 124px;
      }

      .filet {
          margin: 50px 0 40px 0;
      }

      .colbas strong {
          padding-bottom: 11px;
      }

      #bcol1 {
          width: 42%;
      }

      .mentions {
          padding: 180px 0 50px 0;
      }

      #marques {
          margin-top: 100px;
      }

      #interieurintro {
          margin-left: 110px;
          margin-top: 115px;
          margin-bottom: 59px;
          padding-bottom: 80px;
          background-size: 50px;
          width: 83%;
          direction: rtl;
      }

     
          #interieurintro p {
              padding-top: 7px;
          }


      #listemarques a strong {
          margin-left: 110px;
          padding-top: 12px;
      }

      #listemarques a span {
          margin-left: 110px;
          padding-top: 0;
      }
  }

  @media screen and (max-width: 1300px) {
      #bas {
          width: 60%;
          margin: 150px auto 0 auto;
      }

      #logobas {
          width: 114px;
      }

      .filet {
          margin: 45px 0 35px 0;
      }

      .colbas {
          font-size: 1.4em;
      }

          .colbas strong {
              padding-bottom: 8px;
          }

      #bcol1 {
          width: 42%;
      }

      .mentions {
          padding: 160px 0 50px 0;
      }
  }

  @media screen and (max-width: 1000px) {
      #bas {
          width: 70%;
      }

      .colbas {
          font-size: 1.2em;
      }

      #bcol1 {
          width: 40%;
      }

      #marques {
          margin-top: 80px;
      }

      #listemarques li a {
          font-size: 0.9em;
      }

      #listemarques a strong {
          padding-top: 8px;
      }

      #listemarques a span {
          padding-top: 4px;
      }
  }

  @media screen and (max-width: 890px) {
      #btS1,
      #btS2,
      #btS3 {
          display: none;
      }

      #bas {
          max-width: 80%;
          width: 80%;
          margin: 160px auto 0 auto;
      }

      #logobas {
          width: 100px;
      }

      .filet {
          width: 80%;
          height: 1px;
          margin: 40px auto 30px auto;
      }

      .colbas {
          float: none;
          display: block;
          font-size: 1em;
          padding-bottom: 20px;
          text-align: center;
      }

          .colbas strong {
              padding-bottom: 4px;
          }

      #bcol1 {
          width: 100%;
      }

      #bcol2 {
          width: 100%;
          display: block;
      }

      #bcol3 {
          width: 100%;
          display: block;
          float: none;
      }

      .mentions {
          padding: 110px 0 80px 0;
          font-size: 0.75em;
      }

      .H .ani {
          visibility: hidden;
      }

      #marques {
          width: 100%;
          margin-top: 0;
          position: relative;
          z-index: 20;
      }

      #interieurintro {
          margin-left: auto;
          margin-right: auto;
          width: 95%;
          margin-top: 60px;
          margin-bottom: 80px;
          padding-bottom: 80px;
          background-size: 40px;
          width: 83%;
          direction: rtl;
      }
       

              #interieurintro h1 i {
                  width: 60px;
              }

          #interieurintro p {
              font-size: 0.95em;
          }

              #interieurintro p br {
                  display: none;
              }

      #listemarques li {
          border: none;
      }

          #listemarques li a {
              font-size: 1em;
              width: 100%;
              overflow: visible;
          }

              #listemarques li a img {
                  display: block;
                  width: 100%;
                  float: none;
                  margin-top: 13px;
              }

              #listemarques li a p {
                  display: block;
                  float: none;
                  margin: 0;
                  padding: 0;
                  margin-top: 80px;
                  margin-left: auto;
                  margin-right: auto;
                  width: 95%;
              }


      #listemarques a strong {
          font-size: 1.6em;
          margin-left: 0;
      }

          #listemarques a strong i {
              width: 60px;
          }

      #listemarques a span {
          font-size: 0.8em;
          margin-left: 0;
      }

      .H #listemarques li a img {
          visibility: visible;
      }
  }

/*end-brand-list*/

/*about-us*/

.desc_about {
  width: 70%;
  direction: rtl;
  margin: 0 auto;
}
.title_about {
  font-size: 18px;
  color: #e9742f;
}

.dsc_about {
  font-size: 16px;
  line-height: 31px;
  color: #4f4f4f;
}

.imgTop_about {
  direction: rtl;
  margin: 3em 0;
  margin-bottom: 0;
  position: relative;
  min-height: 470px;
}
.square {
  position: absolute;
  width: 90px;
  height: 75px;
  right: 0;
  top: -26px;
  z-index: 3;
  background-color: #e9742f;
}

.descinner_about {
  padding-bottom: 77px;
   position: relative;
  direction: rtl;
}


.descLeft_about {
  width: 39%;
  right: unset;
  float: left;
  left: 10em;
  position: relative;
  color: #8a8a8a;
  font-size: 17px;
  line-height: 34px;
}
  .descLeft_about img {
      position: absolute;
      right: -36px;
      filter: brightness(0.0);
      width: 24px;
      top: 19px;
  }

.imgCenter_about {
  display: flex;
  direction: rtl;
  position: relative;
  margin-bottom: 24vh;
}

.imgCenter_L {
  position: absolute;
  left: 4em;
  width: 730px;
  height: 487px;
  overflow:hidden;
}

.imgCenter_about .imgCenter_L {
  position: absolute;
  left: 4.8em;
  top: 4em;
  height: 767px;
}

.imgCenter_about .imgCenter_R {
  left: -60px;
  position: relative;
  overflow:hidden
}
.project_show .imgCenter_R {
  margin-top: 7em;
  right: 0;
  width: 730px;
  height: 487px;
}
@media only screen and (min-width: 981px) {
  .project_show .imgCenter_about img {
      width: 100%;
      height: auto;
  }
}
.project_show .imgCenter_about img {
   transition: transform 500ms ease;
}
.project_show .box_Img:hover img {
  transform: scale3d(1.1, 1.1, 1);
  transition: transform 500ms ease;
}


.dsc_center {
  width: 50%;
  margin: 12px auto;
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  direction: rtl;
  margin-top: 0;
}

.descCenter_about {
  position: relative;
  color: #000;
  font-size: 17px;
  line-height: 34px;
  padding: 10em 0;
  padding-bottom: 8em;
  margin-top: 3em;
  overflow: hidden;
  top: 0;
  margin-bottom: 9em;
  /* background-color: #4a4a4a; */
}

  .desc_about_anim {
      color: #e3e3e3;
      font-size: 60px;
      line-height: unset;
      /* top: -70px; */
      /* position: relative; */
      display: flex;
      text-align: left;
  }

  .descCenter_about img {
      right: -36px;
      filter: brightness(0.0);
      width: 24px;
      top: 19px;
  }

.descCenter_about .square {
  width: 80px;
  height: 80px;
  left: 0;
  right: unset;
  top: 75px;
}

  .imgCenter_top, .imgCenter_btm {
      position: relative;
      overflow: hidden;
  }

      .imgCenter_top::before, .imgCenter_btm::before {
          content: "";
          width: 100%;
          height:100%;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.42);
          top: 0;
          left: 0;
      }

      .imgCenter_top img, .imgCenter_btm img {
          width: 100%;
          height: auto;
      }

  .title_imgBtm {
      position: absolute;
      left: 10vw;
      z-index: 55;
      top: 10vh;
      line-height: 65px;
      direction: rtl;
  }

  .small {
      color: #fff;
      font-size: 2rem;
  }

  .big {
      color: #fff;
      font-size: 5rem;
      text-transform: uppercase;
  }

  .title_imgBtm.right {
      right: 10vw;
      left: unset;
  }

  .count_about {
      display: flex;
      align-items: center;
      justify-content: center;
      direction: rtl;
      position: relative;
  }

      .count_about .square {
          top: 0;
      }

  #counter {
      width: 57%;
      display: flex;
      justify-content: space-between;
      position: relative;
      left: 0;
  }

      #counter li {
          flex: 1;
          text-align: center;
          font-size: 75px;
      }

      #counter span.percent:after {
          content: "+";
          display: inline-block;
      }

  .name_count {
      color: #8a8a8a;
      font-size: 18px;
      position: relative;
      top: -12px;
      right: 5px;
  }

  .dscEnd_center {
      margin-left: 35vw;
      margin-right: 13vw;
      direction: rtl;
      color: #8a8a8a;
  }


  @media (min-width: 992px) {
      .imgCenter_top:after, .imgCenter_btm:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          z-index: 10;
          display: block;
          width: 100%;
          height: 100%;
          background-color: #E30613;
          transform: translate3d(-100%, 0, 0);
          transition: transform 300ms ease;
      }

      .imgCenter_top:hover:after {
          transform: translate3d(0%, 0, 0);
          transition: transform 300ms 300ms ease;
      }

      .imgCenter_btm:after {
          transform: translate3d(100%, 0, 0);
      }

      .imgCenter_btm:hover:after {
          transform: translate3d(0%, 0, 0);
          transition: transform 300ms 300ms ease;
      }
  }

.imgCenter_top img, .imgTop_project img {
  transition: transform 500ms ease;
}

.imgCenter_top:hover img {
  transform: scale3d(1.1, 1.1, 1);
  transition: transform 500ms 500ms ease;
}

  .effect-right, .effect-top {
      position: relative;
      overflow: hidden;
  }

      .effect-right::after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          right: 0;
          background-color: #fff;
          -webkit-transform: translateX(100px);
          -ms-transform: translateX(100px);
          transform: translateX(100px);
          -webkit-transition: all 900ms ease;
          transition: all 900ms ease;
          z-index: 100;
      }

      .zoomIn::after, .effect-top::after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          right: 0;
          background-color: #fff;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: all 1000ms ease;
          transition: all 1000ms ease;
          z-index: 100;
      }

  .show1 .effect-right:not(.plx)::after,
  .show1 .effect-right:not(.plx)::after {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
      z-index: 100;
  }

.show2 .effect-top:not(.plx)::after,
.zoomIn.animated:not(.plx)::after {
  -webkit-transform: translateY(250%);
  -ms-transform: translateY(250%);
  transform: translateY(250%);
  z-index: 100;
}

  @keyframes waveScroll {
      0% {
          margin-left: -1600px;
      }

      100% {
          margin-left: 0;
      }
  }

  .backScroll {
      width: 100%;
      bottom: 0;
      position: relative;
  }


  .waveScroll {
      bottom: 0;
      top: 0;
      position: fixed;
      width: 4473px;
      height: 100vh;
      animation: waveScroll 80s cubic-bezier(0.36, 0.45, 0.36, 0.45) infinite;
      transform: translate3d(0, 0, 0);
      animation-play-state: paused;
      animation-delay: calc(var(--scroll) * -20s);
      animation-iteration-count: 3;
      animation-fill-mode: both;
  }

  .waveScroll {
      position: absolute;
      background-image: unset;
  }

  /*blog-list*/
  .listTab {
      max-width: 90.3%;
      margin: 0 auto;
  }

      .listTab .photo-name {
          position: relative;
          display: flex;
          align-items: center;
          top: 0;
          width: 100%;
          direction: rtl;
          text-align: right;
      }

          .listTab .photo-name p {
              font-size: 17px;
              color: #000;
              font-style: normal;
              line-height: 25px;
              position: relative;
              margin-left: 0;
              margin-bottom: 13px;
          }


      .listTab ul {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          margin: 0 auto;
      }

          .listTab ul li {
              list-style: none;
              display: inline-block;
              width: calc(100% / 3);
              text-align: center;
              z-index: 9;
              cursor: pointer;
              margin-bottom: 1.5em;
              position: relative;
          }





      .listTab .box-Inner {
          width: 100%;
          margin: 0 auto;
          position: relative;
          cursor: pointer;
          margin-bottom: 1.8em;
      }


      .listTab .text-blog {
          line-height: 26px;
          color: #8a8a8a;
          font-size: 15px;
          text-align: justify;
          direction: rtl;
          /* height: 59px; */
          /* overflow: hidden; */
      }

      .listTab .date {
          font-size: 14px;
          line-height: 23px;
          color: #e9742f;
          font-weight: 100;
          margin: 1em 0;
          margin-top: 4em;
          direction: rtl;
      }



      .listTab a {
          transition: all 0.5s;
          max-width: 445px;
          position: relative;
          overflow: hidden;
          margin: 0 auto;
          width: 100%;
      }

          .listTab a img {
              width: 445px;
              max-height: 297px;
          }

      .listTab .pdi-desc-blog {
          text-align: justify;
          width: 446px;
          max-width: 446px;
          overflow: hidden;
          margin: 5em auto;
           margin-top: 0;
      }

      .pdi-desc-blog .date {
          font-size: 15px;
        }

  @media only screen and (max-width: 980px) and (min-width: 780px) {
      .listTab .contentTab_themes ul li {
          width: calc(87% / 3);
          margin: 0 auto;
          margin-bottom: 1.5em;
      }
  }

  @media only screen and (max-width: 779px) and (min-width: 590px) {
      .listTab .contentTab_themes ul li {
          width: calc(87% / 2);
          margin: 0 auto;
          margin-bottom: 1.5em;
      }
  }

  @media only screen and (max-width: 589px) and (min-width: 384px) {
      .listTab .contentTab_themes ul li {
          width: calc(87% / 2);
          margin: 0 auto;
          margin-bottom: 1.5em;
      }
  }

  @media only screen and (max-width: 383px) {
      .listTab ul li {
          width: 100%;
          margin: 0 auto;
          margin-bottom: 1.5em;
      }
  }




  .listTab .fin_link {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 3em auto;
      margin-top: 6em;
      width: 30%;
  }

  .listTab ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
      direction: rtl;
      padding: 0;
      width: 100%;
  }

  @media only screen and (min-width: 1200px) {
      .listTab ul li:nth-child(3n + 1),
      .listTab ul li:nth-child(3n + 1) a {
          text-align: right;
          float: right;
      }
  }

  @media only screen and (min-width: 1200px) {
      .listTab ul li:nth-child(3n + 3),
      .listTab ul li:nth-child(3n + 3) a {
          text-align: left;
          float: left;
      }
  }

@media only screen and (max-width: 1310px) {
  .listTab a img,  .listTab .pdi-desc-blog {
      width: 95%;
  }
}

  @media only screen and (max-width: 1180px) {
      .listTab ul li {
          width: calc(97% / 2);
          margin: 0 auto;
      }

      .listTab .fin_link {
          width: 40%;
      }
  }

  @media only screen and (max-width: 980px) {

      .listTab ul li {
          width: 100%;
          margin-bottom: 1em;
          max-width: 100%;
      }

      .listTab a img {
          max-height: 297px;
          width: 100%;
          height: auto;
      }

      .listTab {
          padding-top: 0 !important;
      }

          .listTab .fin_link {
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 2em auto;
              margin-top: 2em;
              width: 95%;
          }
  }

  .view-all-cont {
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0 0.8em;
      margin-left: -0.3125em;
      margin-bottom: 5px;
      font-size: 13px;
      line-height: 1.25em;
      text-decoration: none;
      transition: color 300ms ease;
  }

      .view-all-cont:before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          display: block;
          height: 0.7em;
          transform: translateY(30%);
          background-color: #000;
          opacity: 0.1;
      }

  .listTab ul li:nth-child(3n+1) {
      padding-top: 50px;
  }

  .listTab ul li:nth-child(3n+2) {
      padding-top: 100px;
  }

  .listTab ul li:nth-child(3n+3) {
      padding-top: 0px;
  }





  .pagination {
      position: relative;
      display: flex;
      padding: 10px 20px;
      border-radius: 50px;
      align-items: center;
      justify-content: center;
  }

      .pagination li {
          list-style: none;
          line-height: 50px;
          margin: 0 5px;
          text-align: center !important;
          float: unset !important;
      }


          .pagination li.pageNumber {
              width: 23px;
              height: 25px;
              line-height: 30px;
              text-align: center !important;
              padding-top: 0 !important;
              font-size: 1.2rem;
          }

          .pagination li a {
              display: block;
              text-decoration: none;
              color: #000;
              font-weight: 600;
              text-align: center !important;
              font-family: yekan;
              font-size: 23px;
          }

          .pagination li.pageNumber:hover a,
          .pagination li.pageNumber.active a {
              color: #e9742f;
          }

          .pagination li.pageNumber.active a {
              color: #e9742f;
              border-bottom: 1px solid #e9742f;
          }


  /*end-blog-list*/


  .blog_top {
      margin-bottom: 4em;
  }

  .blog_show .listTab a {
      width: auto;
      font-size: unset;
  }


  .blog_top2 {
      position: relative;
      background-image: url('../images/blog-show8.png');
      padding-bottom: 7em;
  }

      .blog_top2 img {
          position: relative;
          top: -140px;
          left: 11vw;
          z-index: 7;
      }

      .blog_top2::after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          background-color: rgba(50, 50, 50, 0.89);
          top: 0;
          left: 0;
      }


      .blog_top2 .text-blog {
          position: absolute;
          left: 0;
          right: 0;
          width: 46%;
          margin: 0 auto;
          top: 27vh;
          direction: rtl;
          color: #fff;
          z-index: 7;
          font-size: 16px;
          line-height: 28px;
      }

  .black_secton1 {
      padding-top: 7em;
      padding-bottom: 7em;
      background-color: #141414;
  }

      .black_secton1 .desc_blogShow {
          width: 46%;
          margin: 3em auto;
          direction: rtl;
          color: #fff;
          font-size: 15px;
          margin-left: 20em;
      }

      .black_secton1 p {
          margin: 0;
          margin-bottom: 0.8em;
      }


  .Right_text {
      text-align: justify;
      width: 70%;
      line-height: 29px;
      color: #fff;
      font-size: 15px;
      direction: rtl;
      margin: 0 auto;
  }

  .black_secton1 img {
      width: 100%;
      height: auto;
  }

  .black_secton2 {
      margin-top: 7em;
  }

  .black_secton3 {
      position: relative;
  }

      .black_secton3 img {
          position: absolute;
          top: -19em;
      }


  .black_secton1 .Right_text {
      margin-top: 5em;
  }

  .black_secton3 .Right_text {
      color: #000;
      margin-top: 6em;
  }


  .image_center {
      margin-top: 13em;
      text-align: center;
      position: relative;
  }

  .small_img {
      position: absolute;
      right: 14em;
      bottom: -69px;
  }


  .news_related {
      margin: 0 auto;
      margin-top: 11em;
      text-align: center;
  }

      .news_related .view-all-cont.titr {
          font-size: 18px;
          padding: 0 1.8em;
          color: #e9742f;
      }

          .news_related .view-all-cont.titr:before {
              background-color: #e9742f;
              opacity: 0.2;
          }


  /*call-to-action*/

  .call_to_action {
      font-family: 'pelak';
      direction: rtl;
      max-width: 80%;
      margin: 4em auto;
      font-size: 18px;
      margin-bottom: 1em;
  }

      .call_to_action .font_anim {
          color: #e3e3e3;
          font-size: 60px;
          text-align: left;
          top: -100px;
          left: 2em;
          padding: 0;
          position: relative;
      }

  .title_call {
      font-size: 18px;
      color: #e9742f;
  }

  .desc_call {
      font-size: 25px;
      color: #000;
      margin-top: 18px;
  }

  .tell_call {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-top: 2.15em;
      position: relative;
      z-index: 88;
  }

      .tell_call .view-all-cont {
          font-size: 24px;
      }

  .call_to_action .desc_about_anim {
      direction: ltr;
      top: -40px;
  }


  .call_to_action .tell_call .view-all-cont::before {
      height: 0.5em;
  }


  .call_to_action a {
      color: #000;
  }
  /*end-call-to-action*/

  /*product-related*/

  .product_related {
      text-align: center;
      font-family: 'pelak';
      overflow: hidden;
      margin-bottom: 7em;
      position: relative;
  }

      .product_related .view-all-cont.titr {
          color: #e9742f;
          font-family: 'pelak';
          font-size: 18px;
          margin-bottom: 3.5em;
      }

          .product_related .view-all-cont.titr:before {
              background-color: #e9742f;
              opacity: 0.2;
          }

  .slide_img {
      width: 549px;
      height: 364px;
      position: relative;
  }

      .slide_img::after {
          width: 100%;
          height: 100%;
          position: absolute;
          content: "";
          top: 0;
          left: 0;
          background-color: rgba(0, 0, 0, 0.40);
      }

      .slide_img .title_product {
          color: #e9742f;
          font-size: 2rem !important;
          position: absolute !important;
          top: 40%;
          z-index: 7;
          left: -39px;
          font-weight: bold;
          width: 250px;
          overflow: hidden;
          text-align: left;
      }

  .desc_product {
      color: #d6d6d6;
      font-size: 16px;
      position: absolute;
      top: 53%;
      width: 250px;
      z-index: 7;
      left: -37px;
      line-height: 22px;
      direction: rtl;
      text-align: justify;
  }

  .product_related .swiper-container-horizontal > .swiper-pagination-bullets,
  .product_related .swiper-pagination-custom,
  .product_related .swiper-pagination-fraction {
      bottom: 0px;
  }

  .product_related .swiper-pagination-bullet {
      width: 9px;
      height: 9px;
      display: inline-block;
      border-radius: 100%;
      border: 1.5px solid #797979;
      background: #fff;
      opacity: 1;
  }



  .product_related .mySwiper {
      padding-bottom: 3.5em;
  }
  /*end*/
  .footer_main {
      direction: rtl;
      max-width: 90%;
      margin: 0 auto;
      padding-bottom: 5em;
  }

  .social_footer {
      padding: 0;
      padding-top: 5px;
  }

  .footer_main ul {
      display: flex;
  }

  .footer_main li {
      margin-left: 15px;
  }

  .menu_footer li {
      font-size: 16px;
      margin-left: 27px;
      color: #5f5f5f;
  }

  .copy_right {
      display: flex;
      font-size: 12px;
      align-items: center;
      color: #8b8b8b;
      margin-top: 16px;
  }

  .o-page--product-single .copy_right {
      margin-top: 0;
  }



  .copy_right img {
      margin-left: 10px;
  }

  .blog-show .title_product {
      color: #e9742f;
      font-size: 18px;
      z-index: 7;
      position: unset;
      margin-bottom: 10px;
      font-weight: 100;
  }

  .font-txt {
      font-size: 16px;
      line-height: 30px;
      direction: rtl;
      text-align: justify;
      margin-top: 7em;
  }

  .product-show .c-product-materials-wrapper .c-article p {
      font-size: 16px;
      line-height: 31px;
      direction: ltr;
      text-align: right;
      margin-bottom: 0;
  }

  .width_Slide .font_en {
      font-family: 'BarlowCondensed-medium';
  }

  .pg .arrowB {
      margin-left: -22px;
  }

  .pg .desc-slider .top {
      right: 37px;
      position: relative;
  }

  .pg .desc-slider span {
      position: relative;
      right: -30px;
  }

  /*.slider_product_related .title_product, .slider_product_related .desc_product {
  opacity: 0;
}

.slider_product_related .swiper-slide-active .title_product, .slider_product_related .swiper-slide-active .desc_product {
  opacity: 1;
}*/


  .title_product::before,
  .desc_product::before {
      /*background-color: rgb(255, 255, 255);*/
      content: "";
      position: absolute;
      transform: translateX(0);
      width: 250px;
      height: 100px;
  }


  .swiper-slide-active .title_product::before {
      background-color: rgb(255, 255, 255);
      content: "";
      position: absolute;
      transform: translateX(110%);
      -moz-transition: all 700ms;
      -webkit-transition: all 700ms;
      -o-transition: all 700ms;
      transition: all 700ms;
      transition: all 700ms;
      transition-delay: 1s;
  }

  .swiper-slide-active .desc_product::before {
      background-color: rgb(255, 255, 255);
      content: "";
      position: absolute;
      transform: translateX(110%);
      -moz-transition: all 700ms;
      -webkit-transition: all 700ms;
      -o-transition: all 700ms;
      transition: all 700ms;
      transition-delay: 1s;
  }


  .desc_product {
      visibility: hidden;
  }


.title_product {
  visibility: visible;
}
  .swiper-slide-active .title_product, .swiper-slide-active .desc_product {
      visibility: visible;
      overflow: hidden;
      width: 250px;
      overflow: hidden;
      height: auto;
  }

  .swiper-pagination-clickable .swiper-pagination-bullet {
      position: relative;
      width: 16px;
      height: 16px;
      display: inline-block;
      margin: 10px 6px;
      border-radius: 50%;
      border: 1px solid #000;
      background: 0 0;
      outline: 0;
  }

      .swiper-pagination-clickable .swiper-pagination-bullet::before {
          content: ".";
          position: absolute;
          top: 26%;
          left: 28%;
          width: 7px;
          height: 7px;
          transition: all .6s;
          background-color: #fff;
          overflow: hidden;
          border-radius: 50%;
      }

  .swiper-pagination-bullet-active.swiper-pagination-bullet::before {
      transition: all .6s;
      background-color: #000 !important;
  }



  /*end-product-show*/
  /*project-show*/
  .project_show .product_related .view-all-cont.titr {
      margin-bottom: 0;
  }

  .project_show .main {
      direction: rtl;
      overflow: hidden;
  }

  .imgTop_project img {
      width: 100%;
      height: auto;
  }

  .project_show .product_related {
      margin-top: 3em;
      margin-bottom: 3em;
  }

      .project_show .product_related .mySwiper {
          padding-bottom: 0;
      }

  .title_project {
      /*font-weight:bold;*/
  }

  .inner_desc .dsc_about {
      max-width: 64%;
      margin: 4em auto;
      text-align: justify;
  }

  .box_Img {
      position: relative;
      overflow: hidden;
  }

  .title_box_Img {
      position: absolute;
      bottom: 9.5px;
      right: 12em;
      background-color: #e9712a;
      width: 250px;
      height: 90px;
      color: #fff;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .imgCenter_about .title_box_Img {
      left: 0;
      right: unset;
  }

  .paddingR {
      padding-right: 5em;
      position: relative;
      top: 45vh;
      padding-left: 25px;
  }

  .project_show .imgCenter_about {
      display: flex;
      direction: rtl;
      position: relative;
      margin-bottom: 24vh;
      /*max-width: 92%;*/
  }




  @media only screen and (min-width: 980px) {
      .not_mrg .imgCenter_R {
          margin-top: 0;
      }

      .not_mrg.imgCenter_about {
          width: unset;
          max-width: unset;
      }

      .project_show .not_mrg.imgCenter_about img {
          width: 90%;
          float: left;
          height: auto;
      }

      .not_mrg .imgCenter_L {
          position: absolute;
          left: 0;
          top: 5em;
      }

      .imgCenter_about.not_mrg .title_box_Img {
          bottom: 0;
      }
  }

  @media only screen and (min-width: 768px) {
      .project_show .button__svg {
          width: 1.0694444444vw;
          height: 0.2729166667vw;
      }
  }

  .project_show .button__svg {
      display: block;
      position: absolute;
      width: 4.2777777778vw;
      height: 1.0916666667vw;
      fill: none;
      stroke: var(--color-grey-darker);
      stroke-linecap: round;
      stroke-miterlimit: 10;
  }

  .project_show .product-list .swiper-container {
      /* margin-left: -50em !important; */
      margin-bottom: 5em;
      padding-bottom: 4em;
  }

  @media only screen and (hover: hover) and (min-width: 768px) {
      .project_show .button:hover > .button__icon > .button__svg--clone {
          opacity: 1;
          transform: translateX(0);
          transition: transform .62s cubic-bezier(0.34, 0, 0.18, 1);
      }
  }

  @media only screen and (hover: hover) and (min-width: 768px) {
      .project_show .button:hover > .button__icon > .button__svg {
          opacity: 0;
          transform: translateX(var(--spacing-40));
          transition: .3s cubic-bezier(0.34, 0, 0.18, 1);
          transition-property: opacity, transform;
      }
  }

  .project_show .button:hover .button__title {
      margin-top: -40px;
  }

  .project_show .button:hover .button__title--secondary {
      transform: rotate(0deg);
      margin-top: 10px;
  }

  .project_show .button {
      margin-top: 10px;
      transition: all 1000ms;
  }

      .project_show .button:hover .button {
          height: 32px;
          margin-top: 10px;
          overflow: hidden;
          transition: all 1000ms;
      }

  .project_show .product-list .swiper-container-horizontal > .swiper-scrollbar {
      bottom: 0;
      height: 2px;
      width: 85%;
      margin: 0 auto;
      opacity: 1 !important;
      overflow: hidden;
      left: 0;
  }


  .project_show .product-list .width_Slide {
      max-width: 491px;
      height: 100%;
      position: relative;
  }


      .project_show .product-list .width_Slide::after {
          content: "";
          width: 100%;
          height: 98.5%;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.32);
          top: 0;
          left: 0;
      }

  .project_show .swiper-button-next.swiper-button-disabled, .project_show .swiper-button-prev.swiper-button-disabled {
      opacity: 1;
      cursor: auto;
      pointer-events: none;
  }



  .project_show .swiper-button-next::after, .project_show .swiper-button-prev::after {
      font-size: .9rem;
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 5px 10px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
  }

  .project_show .swiper-button-next::after, .project_show .swiper-button-prev::after {
      font-size: .9rem;
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 5px 10px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
  }

  .project_show .swiper-button-prev, .project_show .swiper-button-next {
      background-image: unset;
  }

  .project_show .swiper-button-prev, .project_show .swiper-button-next {
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 7px 10px;
      height: 30px;
      width: 30px;
      text-align: center;
      border-radius: 50%;
  }

      .project_show .swiper-button-prev img, .project_show .swiper-button-next img {
          height: auto;
          width: auto;
      }

  .project_show .swiper-button-prev {
      top: 42px;
      left: unset;
      right: 10vw !important;
  }

  .project_show .slider-product-list .swiper-button-next {
      top: 42px;
      right: 7.2vw;
      left: unset;
  }

  .project_show .about-image-div {
      position: relative;
      margin-top: 8em;
  }

  .project_show .width_Slide ul {
      position: absolute;
      top: 35%;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      z-index: 7;
      text-align: center;
      padding: 0;
      direction: rtl;
  }
  /* 
  .project_show .product-list .swiper-container {
      margin-left: -30em !important;
  } */

  .project_show .product-list .font_en {
      font-size: 40px;
  }

  .project_show .product-list .desc-slider img {
      position: relative;
      top: 0;
  }
  /*end-project-show*/


  /*menu*/
  @media all {

      ::-moz-focus-inner {
          padding: 0;
          border-style: none;
      }

      .container {
          width: 100%;
          padding-right: var(--bs-gutter-x, 0.75rem);
          padding-left: var(--bs-gutter-x, 0.75rem);
          margin-right: auto;
          margin-left: auto;
      }

      @media (min-width: 576px) {
          .container {
              max-width: 540px;
          }
      }

      @media (min-width: 768px) {
          .container {
              max-width: 720px;
          }
      }

      @media (min-width: 992px) {
          .container {
              max-width: 960px;
          }
      }

      @media (min-width: 1250px) {
          .container {
              max-width: 1216px;
          }
      }

      @media (min-width: 992px) {
          .container {
              max-width: 100%;
          }

              .container.wide {
                  max-width: 100%;
                  padding-left: 31px;
                  padding-right: 31px;
              }
      }

      .headerSections nav.nav-bar {
          position: relative;
          top: 0;
          left: 0;
          z-index: 1000;
          display: flex;
          align-items: center;
          width: 100%;
          height: 88px;
          pointer-events: none;
      }

          .headerSections nav.nav-bar .container {
              max-width: none;
          }

          .headerSections nav.nav-bar .toggle-languages {
              display: flex;
          }

              .headerSections nav.nav-bar .toggle-languages .language-wrapper {
                  margin-right: 15px;
                  position: relative;
              }

                  .headerSections nav.nav-bar .toggle-languages .language-wrapper::before {
                      content: "";
                      background-color: #343333;
                      width: 0;
                      left: -5px;
                      transition: all 300ms ease;
                      height: 12px;
                      position: absolute;
                      top: 6px;
                      cursor: pointer;
                      opacity: 0;
                      z-index: -1;
                  }

                  .headerSections nav.nav-bar .toggle-languages .language-wrapper a {
                      font-weight: 600;
                      font-size: 23px;
                      line-height: 12px;
                      color: #0a0a0a;
                      text-decoration: none;
                      opacity: 0.8;
                  }

                  .headerSections nav.nav-bar .toggle-languages .language-wrapper.active::before {
                      opacity: 0.25;
                      width: calc(100% + 10px);
                  }

                  .headerSections nav.nav-bar .toggle-languages .language-wrapper.active a {
                      opacity: 1;
                  }

          .headerSections nav.nav-bar .top-bar {
              position: relative;
              z-index: 1100;
              display: flex;
              justify-content: space-between;
              align-items: flex-start;
              background-color: transparent;
              transition: all 300ms ease;
              pointer-events: none;
          }

              .headerSections nav.nav-bar .top-bar .header-right-wrapper {
                  display: flex;
                  align-items: center;
                  margin-bottom: -20px;
                  pointer-events: all;
                  gap: 100px;
                  margin-top: 22px;
              }

                  .headerSections nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {
                      display: none;
                  }

              .headerSections nav.nav-bar .top-bar .logo-wrapper {
                  pointer-events: all;
              }

              .headerSections nav.nav-bar .top-bar .ico-menu {
                  display: inline-block;
                  width: 63px;
                  height: 62px;
                  position: relative;
                  background-color: #f0f0f0;
                  text-align: center;
                  margin: 0 auto;
              }

                  .headerSections nav.nav-bar .top-bar .ico-menu i {
                      display: block;
                      width: 17px;
                      height: 1px;
                      position: absolute;
                      top: -4px;
                      bottom: 0;
                      margin: auto;
                      background-color: #343333;
                      transition: all 300ms ease;
                      left: 38%;
                  }

                      .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(1) {
                          transform: translate3d(0, -5px, 0);
                      }

                      .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(2) {
                          transform: translate3d(0, 0px, 0);
                      }

                      .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(3) {
                          transform: translate3d(0, 5px, 0);
                      }

          .headerSections nav.nav-bar .menu {
              display: flex !important;
              flex-direction: column;
              align-items: center;
              position: fixed;
              top: 0;
              left: 100%;
              z-index: 1100;
              width: 100%;
              height: calc(100 * var(--vh));
              padding: 100px 35px;
              overflow: auto;
              transition: all 400ms ease-in-out;
              background-color: #FFF;
              pointer-events: all;
          }

              .headerSections nav.nav-bar .menu .close-menu {
                  position: absolute;
                  top: 0;
                  right: 0;
                  opacity: 0;
                  width: 70px;
                  height: 70px;
                  pointer-events: none;
                  transition: all 300ms ease;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background-color: #f36f24;
              }

                  .headerSections nav.nav-bar .menu .close-menu svg {
                      fill: #FFF;
                      width: 25px;
                      height: 25px;
                  }

              .headerSections nav.nav-bar .menu .home-link {
                  padding-bottom: 10px;
              }

                  .headerSections nav.nav-bar .menu .home-link h4.active-h4 {
                      cursor: pointer;
                      max-width: unset;
                  }

                      .headerSections nav.nav-bar .menu .home-link h4.active-h4::before {
                          content: "";
                          background-color: #f36f24;
                          opacity: 0.25;
                          width: 0;
                          left: -5px;
                          transition: all 300ms ease;
                          height: 6px;
                          position: absolute;
                          top: 16px;
                          cursor: pointer;
                          opacity: 0;
                          z-index: -1;
                      }

                      .headerSections nav.nav-bar .menu .home-link h4.active-h4 a {
                          font-family: "Barlow Condensed", Arial, Helvetica, sans-serif;
                          font-size: 18px;
                          line-height: 24px;
                          font-weight: 500;
                          color: #f36f24;
                          text-transform: uppercase;
                          text-decoration: none;
                      }

              .headerSections nav.nav-bar .menu .terms {
                  text-align: center;
                  margin-top: 10px;
              }

                  .headerSections nav.nav-bar .menu .terms h4 a {
                      font-family: "Barlow", Arial, Helvetica, sans-serif;
                      font-size: 16px;
                      line-height: 22px;
                      font-weight: 400;
                      text-transform: none;
                  }

              .headerSections nav.nav-bar .menu .sketch {
                  position: absolute;
                  z-index: -1;
                  top: 65px;
              }

                  .headerSections nav.nav-bar .menu .sketch svg {
                      fill: #EAEAEA;
                  }

              .headerSections nav.nav-bar .menu .bottom-section {
                  position: absolute;
                  left: 25px;
                  right: 25px;
                  bottom: 30px;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  max-width: 1170px;
                  margin: 0 auto;
              }

                  .headerSections nav.nav-bar .menu .bottom-section .toggle-languages .language-wrapper::before {
                      background-color: #343333;
                  }

                  .headerSections nav.nav-bar .menu .bottom-section .toggle-languages .language-wrapper a {
                      color: #343333;
                  }

                  .headerSections nav.nav-bar .menu .bottom-section .social {
                      display: flex;
                      color: #343333;
                      font-family: "Barlow Condensed", Arial, Helvetica, sans-serif;
                      font-weight: 500;
                      font-size: 18px;
                      line-height: 24px;
                      text-transform: uppercase;
                  }

                      .headerSections nav.nav-bar .menu .bottom-section .social a:first-child {
                          margin-left: 20px;
                      }

                      .headerSections nav.nav-bar .menu .bottom-section .social a svg {
                          width: 24px;
                          height: 24px;
                          margin-left: 10px;
                          fill: #343333;
                          transition: all 300ms ease;
                      }

              .headerSections nav.nav-bar .menu h4 {
                  margin-bottom: 20px;
                  cursor: pointer;
              }

                  .headerSections nav.nav-bar .menu h4.active-h4::before {
                      width: calc(100% + 10px);
                      opacity: 0.25;
                  }

                  .headerSections nav.nav-bar .menu h4::before {
                      content: "";
                      background-color: #f36f24;
                      opacity: 0.25;
                      width: 0;
                      left: -5px;
                      transition: all 300ms ease;
                      height: 20px;
                      position: absolute;
                      top: 32px;
                      cursor: pointer;
                      opacity: 0;
                      z-index: -1;
                  }

                  .headerSections nav.nav-bar .menu h4 a {
                      font-weight: 500;
                      font-size: 30px;
                      line-height: 40px;
                      letter-spacing: 0;
                      color: #343333;
                      text-transform: uppercase;
                      opacity: 1;
                      cursor: pointer !important;
                      text-decoration: none;
                  }

                      .headerSections nav.nav-bar .menu h4 a.active {
                          opacity: 1;
                          color: #f36f24;
                      }

      .headerSections.nav-white nav.nav-bar .top-bar .ico-menu i {
          background-color: #191919;
      }

      .headerSections.nav-white nav.nav-bar .top-bar .toggle-languages .language-wrapper::before {
          background-color: #FFF;
      }

      .headerSections.nav-white nav.nav-bar .top-bar .toggle-languages .language-wrapper a {
          color: #FFF;
      }

      .number-phon a {
          /* color: #0b0b0b; */
          font-size: 15px;
          color: #4f4f4f;
      }

      @media (min-width: 992px) {
          .headerSections nav.nav-bar .language-wrapper {
              position: relative;
          }

              .headerSections nav.nav-bar .language-wrapper:hover a {
                  opacity: 1;
              }

              .headerSections nav.nav-bar .language-wrapper:hover::before {
                  width: calc(100% + 10px);
                  opacity: 0.25;
              }

          .headerSections nav.nav-bar .top-bar {
              align-items: center;
          }

              .headerSections nav.nav-bar .top-bar .header-right-wrapper {
                  display: flex;
                  margin-bottom: 0;
              }

                  .headerSections nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {
                      display: flex;
                      flex-direction: row-reverse;
                  }

              .headerSections nav.nav-bar .top-bar .ico-menu {
                  cursor: pointer;
              }

          .headerSections nav.nav-bar .menu {
              padding-top: 150px;
          }

              .headerSections nav.nav-bar .menu .close-menu {
                  width: 95px;
                  height: 95px;
              }

              .headerSections nav.nav-bar .menu .terms {
                  display: none;
              }

              .headerSections nav.nav-bar .menu .sketch {
                  width: 100%;
                  top: 300px;
              }

                  .headerSections nav.nav-bar .menu .sketch svg {
                      width: 100%;
                      height: 164px;
                  }

              .headerSections nav.nav-bar .menu .home-link {
                  padding-bottom: 50px;
              }

              .headerSections nav.nav-bar .menu .bottom-section {
                  bottom: 50px;
              }

                  .headerSections nav.nav-bar .menu .bottom-section .toggle-languages {
                      display: none;
                  }

                  .headerSections nav.nav-bar .menu .bottom-section .social a:hover svg {
                      fill: #f36f24;
                  }

              .headerSections nav.nav-bar .menu h4 {
                  margin-bottom: 20px;
                  z-index: 2;
                  position: relative;
                  max-width: 40%;
                  cursor: pointer;
              }

                  .headerSections nav.nav-bar .menu h4:hover::before {
                      width: calc(100% + 10px);
                      opacity: 0.25;
                  }

                  .headerSections nav.nav-bar .menu h4:hover a {
                      color: #f36f24;
                  }

                  .headerSections nav.nav-bar .menu h4 a {
                      font-size: 40px;
                      line-height: 53px;
                      opacity: 1;
                      transition: color 300ms ease;
                      cursor: pointer;
                      user-select: none;
                  }

                      .headerSections nav.nav-bar .menu h4 a:hover {
                          opacity: 1;
                      }

          .number-phon {
              margin-right: -30px;
          }
      }

      @media (max-width: 575.98px) {
          nav.nav-bar .menu .link-basic.soon:before {
              font-size: 16px;
          }
      }
  }

  @media all {
      body[data-aos-duration="500"] [data-aos] {
          transition-duration: .5s;
      }

      body[data-aos-easing=ease] [data-aos] {
          transition-timing-function: ease;
      }

      [data-aos^=fade][data-aos^=fade] {
          opacity: 0;
          transition-property: opacity,transform;
      }

          [data-aos^=fade][data-aos^=fade].aos-animate {
              opacity: 1;
              transform: translateZ(0);
          }

      [data-aos=fade-down] {
          transform: translate3d(0,-100px,0);
      }
  }



  .logo-wrapper img {
      width: 180px;
      height: 64px;
      margin-top: 2em;
  }

  .scrolbar .product-list .swiper-container {
      /*margin-left: -30em !important;*/
  }

  .scrolbar .product-list .swiper-container-horizontal > .swiper-scrollbar {
      bottom: 0;
      height: 2px;
      width: 86%;
      margin: 0 auto;
      opacity: 1 !important;
      overflow: hidden;
      left: 0;
      position: absolute;
  }

  .scrolbar .product-list .swiper-container img {
      width: 100%;
      height: auto;
  }

  .scrolbar .desc-slider img {
      width: auto !important;
      height: auto;
  }
  /* .project_list .product-list .swiper-container {
  margin-left: -33em !important;
} */


  /*menu*/

  #navigation {
      width: 100%;
      opacity: 0;
      height: 100%;
      z-index: 889;
      position: absolute;
  }


  .open_menu #navigation_back:before {
      width: 100%;
      height: 100%;
      left: inherit;
      top: 0;
      transform: translateY(-100%);
      -webkit-transition: .8s;
      transition: .8s;
      -webkit-transition-delay: .1s;
      transition-delay: .1s;
      -webkit-transition-delay: .1s;
      transition-delay: .1s;
  }


  #navigation_back:before {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      background-color: #fff;
      transform: translateY( 0%);
      z-index: 888;
  }
  /* 
.headerSections {
  z-index: 8888;
} */

  .ret {
      clear: both;
      width: 0;
      height: 0;
      line-height: 0;
      margin: 0;
      padding: 0;
      float: none;
  }

  .open_menu .headerSections nav.nav-bar {
      z-index: 99999;
  }

  .open_menu .line_left_fix {
      z-index: 99;
  }

  #navint {
      direction: rtl;
  }

      #navint ul {
          opacity: 0;
      }

  .open_menu #navint ul {
      opacity: 1;
      transition-delay: 3s;
      -webkit-transition: opacity 1s ease-in 0s;
      transition: opacity 1s ease-in 0s;
      margin-top: 0;
      margin-bottom: 0;
  }

  .open_menu #navigation {
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      transition-delay: .9s;
      background-color: #2b2b2bdb;
      opacity: 1;
      width: 100%;
      position: fixed;
      top: 0;
  }


  #navint {
      display: inline-block;
      position: relative;
      width: 1050px;
      height: auto;
      margin-top: 50px;
      margin-left: 20%;
  }

  #navlogo {
      position: fixed;
      top: 42%;
      right: 11em;
      margin-top: 0;
      display: block;
      z-index: 903;
  }

      #navlogo img {
          width: 100%;
          display: block;
      }

  #navcol1 {
      margin-right: 517px;
      display: inline-block;
      float: right;
      padding: 15px 50px 15px 0;
      position: relative;
  }

      #navcol1 li {
          display: block;
      }

          #navcol1 li a {
              display: inline-block;
              font-weight: 300;
              letter-spacing: 0;
              font-size: 26px;
              line-height: 2em;
              padding: 8px 0;
              position: relative;
              color: #FFF;
          }

              #navcol1 li a i {
                  display: block;
                  position: absolute;
                  bottom: 19px;
                  width: 0;
                  height: 3px;
                  background-color: #e84d1c;
              }

          #navcol1 li.active_themes a i {
              width: 100%;
              transition: all 700ms;
          }


  .line2 {
      content: "";
      position: absolute;
      top: 34%;
      height: 100px;
      transition-delay: 1s;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.5);
      transform-origin: 50% 50%;
      left: -176px;
  }


      .line2::after {
          content: "";
          position: absolute;
          top: 96%;
          height: 0;
          transition-delay: 1s;
          -moz-transition: all 1s;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.5);
          transform-origin: 50% 50%;
      }

      .line2::before {
          content: "";
          position: absolute;
          top: 50%;
          height: 0;
          transition-delay: 1s;
          -moz-transition: all 1s;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.5);
          transform-origin: 50% 50%;
      }

.open_menu .line2::before {
  content: "";
  position: absolute;
  top: -45px;
  height: 45px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition-delay: 0s;
  transition-delay: 0s;
  -o-transition: all 1s;
  transition-delay: 1s;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  transform-origin: 50% 50%;
}

  .open_menu .line2::after {
      content: "";
      position: absolute;
      top: 100px;
      height: 100px;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      transition-delay: 0s;
      transition-delay: 0s;
      -o-transition: all 1s;
      transition-delay: 1s;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.5);
      transform-origin: 50% 50%;
  }

  .contentTab_themes {
      position: relative;
      left: 0px;
      float: left;
      top: 0px;
  }

  #navcol2 li a {
      display: inline-block;
      color: #FFF;
  }

  #navcol2 li {
      display: block;
      font-weight: 300;
      letter-spacing: 0;
      font-size: 1.4em;
      line-height: 1.6em;
      padding: 10px 0;
      position: relative;
      color: #FFF;
      cursor: pointer;
  }

      #navcol2 li a i {
          display: block;
          position: absolute;
          bottom: 12px;
          width: 0;
          height: 2px;
          background-color: #e84d1c;
      }



  #navcol1 .tverti,
  #navcol2 .tverti {
      width: 1px;
      height: 0;
      position: absolute;
      top: 40%;
      right: -56px;
      background-color: rgba(255, 255, 255, 0.5);
      transform-origin: 50% 50%;
  }

  #navcol3 .tverti {
      height: 100px;
      transition-delay: 1s;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      position: absolute;
      left: 30%;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.5);
      transform-origin: 50% 50%;
      top: 45%;
  }

  #navcol1 .tverti,
  #navcol2 .tverti {
      height: 100px;
      transition-delay: 1s;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
  }

      #navcol1 .tverti::before {
          content: "";
          position: absolute;
          top: 50%;
          height: 0;
          transition-delay: 1s;
          -moz-transition: all 1s;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.5);
          transform-origin: 50% 50%;
      }

  .open_menu #navcol1 .tverti::before {
      content: "";
      position: absolute;
      top: -160px;
      height: 160px;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition-delay: 1s;
  }

  #navcol1 .tverti::after {
      content: "";
      position: absolute;
      bottom: 50%;
      height: 0;
      transition-delay: .1s;
      -moz-transition: all .1s;
      -webkit-transition: all .1s;
      -o-transition: all .1s;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.5);
      transform-origin: 50% 50%;
  }

  .open_menu #navcol1 .tverti::after {
      content: "";
      position: absolute;
      bottom: -160px;
      height: 160px;
      -moz-transition: all .1s;
      -webkit-transition: all .1s;
      -o-transition: all .1s;
      transition-delay: .5s;
  }

  #social {
      position: absolute;
      top: 53px;
      left: 60px;
  }

      #social li {
          display: inline-block;
      }

          #social li a {
              display: block;
              width: 51px;
              text-decoration: none;
              margin-left: 21px;
          }

              #social li a img {
                  display: block;
                  width: 100%;
              }

  .mentions2 {
      position: absolute;
      bottom: 35px;
      right: 60px;
      color: #FFF;
      font-size: 0.95em;
      letter-spacing: 0.03em;
      font-weight: 300;
      text-align: right;
      display: inline-block;
  }

      .mentions2 a {
          color: #fff;
          text-decoration: none;
      }

          .mentions2 a:hover {
              color: #CCC;
              text-decoration: none;
          }

  @media screen and (max-width: 1600px) {
      #navint {
          width: 1100px;
          margin-left: 20%;
      }



      #navcol1 {
          margin-right: 517px;
          padding: 0 50px 12px 0;
      }

          #navcol1 li a {
              padding: 5px 0;
          }

              #navcol1 li a i {
                  bottom: 10px;
                  height: 5px;
              }

      #navcol2 {
          padding-right: 12em;
      }

          #navcol2 li a {
              padding: 2px 0;
          }

              #navcol2 li a i {
                  bottom: 10px;
                  height: 2px;
              }

      #social {
          top: 50px;
          left: 40px;
      }

          #social li a {
              width: 52px;
              margin-left: 4px;
          }

      .mentions2 {
          bottom: 25px;
          right: 50px;
      }
  }

  .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i {
      left: 36%;
  }

  @media screen and (max-width: 1300px) {
      #navint {
          width: 720px;
          margin-left: 14%;
      }


      #navcol1 {
          margin-right: 240px;
          padding: 12px 50px 12px 0;
      }

          #navcol1 li a {
              padding: 12px 0;
          }

              #navcol1 li a i {
                  bottom: 14px;
                  height: 3px;
              }

      #navcol2 {
          padding-left: 40px;
      }

          #navcol2 li a {
              padding: 7px 0;
          }

              #navcol2 li a i {
                  bottom: 9px;
                  height: 2px;
              }

      #social {
          top: 30px;
          left: 40px;
      }

          #social li a {
              width: 35px;
              margin-left: 12px;
          }

      .mentions2 {
          bottom: 20px;
          right: 40px;
      }
  }

  @media screen and (max-width: 1000px) {
      #navint {
          width: 610px;
          margin-left: 13%;
          font-size: 0.9em;
      }


      #navcol1 {
          margin-right: 175px;
          padding: 10px 40px 10px 0;
      }

          #navcol1 li a {
              padding: 10px 0;
          }

              #navcol1 li a i {
                  bottom: 12px;
                  height: 2px;
              }

      #navcol2 {
          padding-left: 35px;
      }

          #navcol2 li a {
              padding: 6px 0;
          }

              #navcol2 li a i {
                  bottom: 8px;
                  height: 1px;
              }

      #social {
          top: 20px;
          left: 30px;
      }

          #social li a {
              width: 35px;
              margin-left: 12px;
          }

      .mentions2 {
          bottom: 15px;
          right: 30px;
      }
  }

  @media screen and (max-width: 890px) {
      #navigation {
          width: 100%;
          height: 900px;
          position: relative;
          display: block;
          background-color: #000;
          z-index: 2000;
      }


    .menu  #navint {
        margin-top: 14vh !important;
    }
      #navint {
          display: inline-block;
          position: relative;
          width: 100%;
          height: auto;
          margin-top: 14vh;
          margin-left: 0%;
          position: relative;
      }

      #navlogo {
          display: none;
      }

      #navcol1 {
          margin-right: 20px;
          display: inline-block;
          float: none;
          padding: 8px 0 8px 0px;
          position: relative;
      }

          #navcol1 li {
              display: block;
          }

              #navcol1 li a {
                  display: inline-block;
                  font-size: 16px;
                  line-height: 1.6em;
                  padding: 6px 0;
              }

                  #navcol1 li a i {
                      bottom: 6px;
                      width: 0;
                      height: 3px;
                  }


      #navcol2 {
          display: block;
          float: none;
          padding-left: 0px;
          margin-top: 15px;
          margin-left: 20px;
          position: relative;
      }

          #navcol2 li {
              display: block;
          }

              #navcol2 li a {
                  display: inline-block;
                  font-size: 1.05em;
                  line-height: 1.6em;
                  padding:  0;
              }

                  #navcol2 li a i {
                      bottom: 3px;
                      width: 0;
                      height: 1px;
                  }



          #navcol1 .tverti,
          #navcol2 .tverti {
              display: none;
          }

      #social {
          position: relative;
          top: 0;
          top: auto;
          left: unset;
          right: auto;
          margin-top: 4px;
          margin-right: 4px;
          direction: rtl;
          padding: 0;
      }

          #social li {
              display: inline-block;
          }

              #social li a {
                  width: 30px;
                  margin-left: 0;
                  margin-right: 12px;
              }

      .mentions2 {
          position: relative;
          bottom: 0;
          bottom: auto;
          right: 0;
          right: auto;
          left: 0;
          color: #FFF;
          font-size: 0.8em;
          letter-spacing: 0.03em;
          font-weight: 300;
          text-align: left;
          display: block;
          margin-top: 20px;
          padding-bottom: 70px;
          margin-left: 20px;
      }
  }

  .open_menu .logo-wrapper,
  .open_menu .toggle-languages,
  .open_menu .number-phon,
  .open_menu .language-wrapper {
      display: none;
  }

  .open_menu .headerSections nav.nav-bar .top-bar .ico-menu {
      right: 4em;
      top: 2em;
      left: unset !important;
      position: absolute;
      width: 63px;
      height: 62px;
  }

  .open_menu .headerSections nav.nav-bar .top-bar {
      width: 100%;
  }

      .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(1) {
          transform: rotate(135deg);
          height: 2px;
      }

      .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(2) {
          transform: rotate(45deg);
          height: 2px;
      }

      .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(3) {
          display: none;
      }

  @media only screen and (min-width:1600px) {
    .menu  #navint {
          margin-top: 135.175px !important;
      }

      #navcol2 {
          margin-top: 97.8438px !important;
          padding-left: 2rem;
      }
  }

  .themes_page .in_contentTab_themes {
      display: none;
  }

      .themes_page .in_contentTab_themes.active_themes {
          display: block;
      }


  .active_inner {
      height: auto;
  }

  .inner_menu {
      display: none;
      padding-right: 20px;
  }

  .active_inner .inner_menu {
      display: block;
  }

  .inner_menu a {
      font-size: 17px;
      line-height: 25px;
      margin: 0;
      padding: 0;
  }

  .inner_menu li {
      line-height: 10px !important;
      padding: 0 !important;
  }

      .inner_menu li:first-child {
          margin-top: 5px;
      }

  @media only screen and (max-width:980px) {
      .open_menu .headerSections {
          background-color: #2b2b2bdb;
          z-index: 9999999;
          width: fit-content;
          position: relative;
          padding-bottom: 13px;
          -moz-transition: all 1s ease-in;
          -webkit-transition: all 1s ease-in;
          -o-transition: all 1s ease-in;
          transition: all 1s ease-in;
      }

          .open_menu .headerSections nav.nav-bar .top-bar .ico-menu {
              right: unset;
              top: -10px;
              left: 2em !important;
              position: absolute;
              width: 53px;
              height: 52px;
          }
  }


  .click::after {
      width: 7px;
      height: 7px;
      border-right: 2px solid #b8b8b8;
      border-bottom: 2px solid #b8b8b8;
      content: "";
      position: absolute;
      top: 50%;
      margin-top: 0;
      -webkit-transition: all .35s ease-in-out;
      transition: all .35s ease-in-out;
      margin-right: 25px;
      top: 25px;
      left: 50px;
  }

  .click::after {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
  }
  /*end-menu*/


  .line_left_fix {
      width: 77px;
      height: 100vh;
      position: fixed;
      left: 0;
      top: 16vh;
      border-right: 1px solid #d2d2d2;
      z-index: 999999999;
  }

      .line_left_fix a {
          color: #222;
      }

  .tell_fix {
      width: 166px;
      height: 77px;
      transform: rotate(-90deg);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      position: absolute;
      left: -51px;
      background-color: white;
      line-height: 71px;
      padding-top: 13px;
      top: 45vh;
  }

  .scrolbar .desc-slider {
      direction: rtl;
      font-size: 14px;
      height: 43px;
      overflow: hidden;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }

      .scrolbar .desc-slider .top {
          transform: translateY(0%);
          -moz-transition: all 600ms;
          -webkit-transition: all 600ms;
          -o-transition: all 600ms;
          transition: all 600ms;
          text-align: center;
          right: 33px;
          position: relative;
      }

      .scrolbar .desc-slider span {
          transform: translateY(120%);
          -moz-transition: all 600ms;
          -webkit-transition: all 600ms;
          -o-transition: all 600ms;
          transition: all 600ms;
          position: relative;
          right: -48px;
      }

  .scrolbar .arrowB {
      width: 35px;
      height: 35px;
      background-color: #fff;
      border-radius: 50%;
      left: -22px;
      overflow: hidden;
      position: relative;
  }

  .menu {
      height: 0;
  }

  .open_menu .menu {
      height: 100vh;
      position: fixed;
      overflow: hidden;
      z-index: 9999;
      top: 0;
  }

  .blog-show .menu,
  .brand_list .menu, .Home_page .menu {
      visibility: hidden;
  }

  .open_menu.blog-show .menu,
  .open_menu.brand_list .menu,
  .open_menu.Home_page .menu {
      visibility: visible;
  }

  /*responsive*/
  @media (max-width: 1200px) {
      img {
          width: 100%;
          height: auto;
          position: unset !important;
      }

      .desc-slider img {
          width: auto;
          height: auto;
      }

      .image_center {
          text-align: center;
          position: relative;
          width: 90%;
          margin: 0 auto;
          margin-top: 0px;
          margin-top: 2em;
      }

      .blog_top2 img {
          position: relative !important;
          width: auto;
      }
  }

  @media (max-width: 980px) {
      .call_to_action .font_anim {
          display: none;
      }

      .open_menu #navigation {
          background-color: #2b2b2b;
      }

      .line2 {
          display: none !important;
      }

      #navcol2 {
          padding-right: 0;
      }

      .line_left_fix {
          display: none;
      }

      .headerSections nav.nav-bar .top-bar .header-right-wrapper {
          margin-top: 0;
      }

      .logo_black {
          display: block;
      }

      .logo_white {
          display: none;
      }

      .desc_about {
          width: 95%;
          text-align: justify;
      }

      #navcol2 {
          padding-left: 0;
          margin-top: 30px;
          margin-left: 20px;
          padding-right: 0;
      }

          #navcol2 li {
              font-size: 16px;
              line-height: 21px;
              padding: 6px 13px;
              position: relative;
          }

      .click::after {
          top: 11px;
      }

      .inner_menu li a {
          font-size: 15px !important;
      }

      .effect-right img {
          width: 100%;
          height: auto;
      }

      .descLeft_about {
          width: 80%;
          left: 1em;
          font-size: 17px;
          line-height: 34px;
      }

      .imgCenter_about {
          display: block;
          margin-bottom: 0;
          width: 100%;
          text-align: center;
      }

      .imgCenter_L, .imgCenter_R {
          position: unset !important;
          width: 100%;
          height: auto !important;
      }

          .imgCenter_L img, .imgCenter_R img {
              width: 100%;
              height: auto !important;
          }

      .title_imgBtm {
          position: absolute;
          left: 0 !important;
          right: 0 !important;
          z-index: 55;
          top: 5%;
          line-height: 45px;
          direction: rtl;
          text-align: center;
      }

      .big {
          font-size: 2rem;
      }

      .small {
          font-size: 1rem;
      }

      .dscEnd_center {
          width: 93%;
          text-align: justify;
          margin: 0 auto;
      }

      .blog_show .listTab {
          padding-top: 0.5em;
      }

      .blog_top2 img, .blog_top img {
          position: unset !important;
          width: 100%;
          height: auto;
      }

      .blog_top2 .text-blog {
          width: 97%;
          margin: 0 auto;
          top: 5%;
          text-align: justify;
          direction: rtl;
          color: #fff;
      }

      .black_secton1 {
          padding-top: 0;
          padding-bottom: 1em;
          background-color: #000;
      }

          .black_secton1 .Right_text {
              margin-top: 1em;
              margin-bottom: 1em;
          }

      .Right_text {
          text-align: justify;
          width: 90%;
          margin-top: 1em !important;
          margin-bottom: 1em;
      }

      .black_secton3 img {
          position: unset;
          width: 90%;
          height: auto;
          margin:0 auto;
      }

      .image_center {
          margin-top: 0;
          text-align: center;
          position: unset;
      }

          .image_center img {
              width: 100%;
              height: auto;
          }

      .small_img {
          position: unset;
      }

      .black_secton1 .desc_blogShow {
          width: 91%;
          margin: 0 auto;
      }

      .news_related {
          margin: 0 auto;
          margin-top: 3em;
          text-align: center;
      }

      .copy_right img {
          width: auto;
      }

      .project_show .main {
          margin-top: 0;
      }

      .project_show .inner_desc .dsc_about {
          max-width: 90%;
          margin: 3em auto;
      }

      .paddingR {
          padding-right: 0;
          position: unset;
          padding-left: 0;
          width: 90%;
          margin: 0 auto;
      }

      .project_show .imgCenter_about {
          display: block;
          position: relative;
          margin-bottom: 0;
          width: 100%;
          margin: 0 auto;
          overflow:hidden;
      }
      .project_show .product_related {
          padding: 0 1em;
      }
  
      .project_list .product_related {
          padding: 0 1em;
      }

      .project_show .imgCenter_R {
          margin-top: 2em;
          right: 0;
          width: 100%;
          height: auto;
      }

      .project_show .not_mrg .imgCenter_L {
          position: unset;
      }

      .project_show .not_mrg.imgCenter_about img {
          width: 100%;
          float: unset;
          height: auto;
      }

      .project_show .box_Img {
          position: relative;
          width: 90%;
          margin: 0 auto;
          overflow: hidden;
      }

      .project_show .title_box_Img {
          left: 0;
          right: unset;
          height: 65px;
      }

      .project_show .product-list .swiper-container {
          margin-left: 0 !important;
      }

      .project_show .product_related .mySwiper {
          padding-bottom: 0;
          width: 100%;
          text-align: center;
          margin-bottom: 1em;
      }

      .project_show .product-list .swiper-container-horizontal > .swiper-scrollbar {
          bottom: -1px;
          height: 3px;
          width: 100%;
          margin: 0 auto;
          left: 0;
      }

      .logo-wrapper img {
          width: 120px;
          height: auto;
          margin-top: 0;
      }

      .headerSections nav.nav-bar {
          position: relative;
          top: 0;
          left: 0;
          width: 100%;
          height: 88px;
          margin-bottom: 1vh;
      }

          .headerSections nav.nav-bar .top-bar .header-right-wrapper {
              gap: 23px;
          }

      .project_show .about-image-div {
          position: relative;
          margin-top: 2em;
      }

      .listTab .pdi-desc-blog {
          max-width: 100%;
          width: 100%;
          overflow: hidden;
          margin: 0 auto;
          padding-left: 0;
      }
      .listTab .photo-name p {
           margin-top: 0;
      }
      .listTab .date {
          margin: 0;
          margin-top: 1em;
          direction: rtl;
      }

      .listTab ul li:nth-child(3n+2) {
          padding-top: 0;
      }

      .effect-right::after {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0);
      }
  }

  @media (max-width: 700px) {
      .footer_main ul {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
      }

      .call_to_action {
          max-width: 80%;
          margin: 2em auto;
      }

      .copy_right {
          justify-content: center;
          padding: 0;
      }

      .menu_footer li {
          margin: 0 9px;
          text-align: center;
          font-size:14px;
      }

      .tell_call {
          justify-content: center;
          padding-top: 1.15em;
      }

      .title_call {
          text-align: center;
      }

      .desc_about_anim {
          font-size: 25px;
      }

      .desc_call {
          text-align: center;
          font-size: 19px;
      }

      .dsc_center {
          width: 95%;
      }
      .contact_us .captcha img {
          width: 80px;
            margin-left: 0 !important;
          margin-top: 20px !important;
      }
      #counter {
          width: 100%;
          display: block;
          justify-content: center;
          position: relative;
          left: 0;
          right: 0;
          text-align: center;
      }

      .count_about {
          display: block;
          align-items: center;
          justify-content: center;
          direction: rtl;
          position: relative;
          text-align: center;
      }

      #counter li {
          flex: unset;
          text-align: center;
      }
  }

  .logo-wrapper .logo_white {
      display: none;
  }

  .logo-wrapper .logo_black {
      display: block;
  }

  .product-list .width_Slide img {
      width: 100%;
      height: auto;
  }

  .desc-slider img {
      width: auto !important;
  }

  .main {
      margin-top: 8em;
      position: relative;
      z-index: 99999999;
  }

  .product_cat.main {
      margin-top: 3em;
  }

  .open_menu .main {
      position: relative;
      z-index: 99;
  }
.sendForm .view-all-cont {
  font-size: 19px;
  color: #fff;
  height: 59px;
}

  @media screen and (max-width: 890px) {

      .main {
          margin-top: 1em;
      }

      .imgTop_about ul {
          margin-top: 0 !important;
          padding:0 1em;
      }
      .contact_us .imgTop_about {
          margin: 2em 0 !important;
          margin-bottom: 0 !important;
      }
      .formContact {
          max-width: 100% !important;
          padding: 1em !important;
      }
      .sendForm {
          text-align:center
      }
          .sendForm .view-all-cont {
              font-size: 15px;
               color: #fff;
          }

      .formContact input:not([type="button"]):not([type="submit"]) {
          width: 100% !important;
      }

          .formContact textarea {
              width: 100% !important;
              padding: 0 !important;
          }

      .formContact {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
      }

      .imgTop_about p {
          font-size: 18px !important;
          margin-bottom: 0 !important;
      }
  }


  .max-width3 {
      max-width: 1390px;
      margin: 0 auto;
  }

  .Home_page .logo_white {
      display: block;
  }

  .Home_page .logo_black {
      display: none;
  }

  .Home_page .publications .view-all-cont.titr::before {
      background-color: #e9742f;
  }


  .Home_page .publications .view-all-cont {
      margin-left: 0;
      margin-bottom: 5px;
      font-size: 18px;
      line-height: 1.25em;
      color: #e9742f;
      top: -4em;
  }

  .Home_page .headerSections i {
      color: #c4c4c4;
  }

  .Home_page .call_to_action .font_anim {
      font-size: 48px;
  }


  /*........*/

  /*product-cat*/


  .product_cat .width_Slide::after {
      content: "";
      width: 100%;
      height: 98%;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.42);
      top: 0;
  }

  .product_cat .button:hover .button__title {
      margin-top: -40px;
  }

  .product_cat .button:hover .button__title--secondary {
      transform: rotate(0deg);
      margin-top: 10px;
  }

  .product_cat .button {
      margin-top: 10px;
      transition: all 1000ms;
  }

      .product_cat .button:hover .button {
          height: 32px;
          margin-top: 10px;
          overflow: hidden;
          transition: all 1000ms;
      }

.product_cat .swiper-container-horizontal > .swiper-scrollbar {
  bottom: -4vh !important;
  height: 2px;
  width: 75%;
  margin: 0 auto;
  left: 13vw;
  opacity: 1 !important;
}

  .product_cat .width_Slide {
      max-width: 598px;
      height: 100%;
      position: relative;
  }


  .product_cat .swiper-button-next.swiper-button-disabled, .product_cat .swiper-button-prev.swiper-button-disabled {
      opacity: 1;
      cursor: auto;
      pointer-events: none;
  }



  .product_cat .swiper-button-next::after, .product_cat .swiper-button-prev::after {
      font-size: .9rem;
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 5px 10px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
  }

  .product_cat .swiper-button-next::after, .product_cat .swiper-button-prev::after {
      font-size: .9rem;
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 5px 10px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
  }

  .product_cat .swiper-button-prev, .product_cat .swiper-button-next {
      background-image: unset;
  }

  .product_cat .swiper-button-prev, .product_cat .swiper-button-next {
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 7px 10px;
      height: 30px;
      width: 30px;
      text-align: center;
      border-radius: 50%;
  }

      .product_cat .swiper-button-prev img, .product_cat .swiper-button-next img {
          height: auto;
          width: auto;
      }

  .product_cat .swiper-button-prev {
      top: 42px;
      left: unset;
      right: 10vw !important;
  }

  .product_cat .slider-product_cat .swiper-button-next {
      top: 42px;
      right: 7.2vw;
      left: unset;
  }


  @media only screen and (max-width: 980px) {
      .product_cat .swiper-container {
          margin-left: 0 !important;
      }

      .about-image-div {
          margin-top: 2em;
      }

      .product_cat .slider-product_cat .swiper-button-prev {
          top: 42px;
          right: unset;
          left: 35%;
      }

      .product_cat .slider-product_cat .swiper-button-next {
          top: 42px;
          right: 35%;
          left: unset;
      }
  }

  .product_cat .width_Slide ul {
      position: absolute;
      top: 35%;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      z-index: 7;
      text-align: center;
      padding: 0;
  }

  .product_cat .title-slider {
      font-size: 28px;
      margin-bottom: 5px;
  }

  .product_cat .desc-slider img {
      width: auto;
  }

  .product_cat .desc-slider {
      direction: rtl;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
  }


  .product_cat .grayColorTitr {
      color: #505050;
  }

  .product_cat .orangeColor {
      color: #ef4100;
  }

  .product_cat .font5 {
      font-size: .94rem;
  }



  .product_cat .drop-downOne .drop-down, .product_cat .drop-downTwo .drop-down {
      list-style: none;
      overflow: hidden;
      height: auto;
      width: 200px;
      margin: 0 auto;
      padding: 0;
      text-align: right;
      -webkit-transition: height 0.3s ease;
      transition: height 0.3s ease;
      margin-left: 2em;
  }

      .product_cat .drop-downOne .drop-down.closed, .product_cat .drop-downTwo .drop-down.closed {
          height: 30px;
      }

      .product_cat .drop-downOne .drop-down li {
          position: relative;
      }

          .product_cat .drop-downOne .drop-down li a {
              display: block;
              text-decoration: none;
              padding: 7px;
              line-height: 13px;
              font-size: 18px;
          }

          .product_cat .drop-downOne .drop-down li:first-child a:after {
              width: 7px;
              height: 7px;
              border-right: 3px solid #ef4100;
              border-bottom: 3px solid #ef4100;
              content: "";
              position: absolute;
              top: 50%;
              margin-top: -6px;
              -webkit-transition: all .35s ease-in-out;
              transition: all .35s ease-in-out;
              margin-right: 25px;
          }

  .product_cat .catBlog {
      display: flex;
      position: relative;
      z-index: 7;
      right: 12.7vw;
      direction: rtl;
      margin-bottom: 3em;
  }

  .product_cat .drop-down li:first-child a:after {
      transform: rotate(224deg);
      -webkit-transform: rotate(224deg);
  }

  .product_cat .drop-down.closed li:first-child a:after {
      transform: rotate(45deg);
  }

  .product_cat ul {
      list-style: none;
  }

  .product_cat .swiper-container {
      margin-left: 7em !important;
      margin-bottom: 5em;
      padding-bottom: 2em;
  }

  @media (max-width: 600px) {
      .product_cat .drop-downOne .drop-down, .drop-downTwo .drop-down {
          width: 93%;
      }
  }

  .arrowB {
      width: 35px;
      height: 35px;
      background-color: #fff;
      border-radius: 50%;
      margin-left: 8px;
      overflow: hidden;
      position: relative;
  }

  .button__svg1, .button__svg2 {
      display: block;
      position: absolute;
      width: 17px;
      height: 16px;
      fill: none;
      stroke: #000;
      stroke-linecap: round;
      stroke-miterlimit: 10;
      margin-top: 10px;
      margin-right: 9px;
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }


  .swiper-slide:hover .button__svg1 {
      transform: translateX(160%);
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }

  .button__svg2 {
      transform: translateX(-170%);
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }

  .swiper-slide:hover .button__svg2 {
      transform: translateX(0%);
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }

  .swiper-slide .desc-slider img {
      width: auto;
  }

  .swiper-slide .desc-slider {
      direction: rtl;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      height: 43px;
      line-height: 43px;
      overflow: hidden;
  }

  .desc-slider .top {
      transform: translateY(0%);
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }

  .swiper-slide:hover .top {
      transform: translateY(-120%);
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }

  .desc-slider span {
      transform: translateY(120%);
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
      position: relative;
      right: -67px;
  }

  .swiper-slide:hover span {
      transform: translateY(0%);
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }

  @media only screen and (max-width: 1550px) {
      .product_cat .width_Slide img {
          width: 100%;
          height: auto;
      }
  }

  .contact_us .call_to_action {
      margin: 0 auto;
      margin-bottom: 0;
  }
  /*end-product-cat*/
  .furniture-template-default .call_to_action .font_anim {
      color: #e3e3e3;
      font-size: 60px;
      text-align: left;
      margin-top: 0;
      padding: 0;
      margin: 3em 0;
  }

  .furniture-template-default .waveScroll {
      bottom: 0;
      top: 94px;
  }
  /*contact-us*/
  .contact_us .imgTop_about p {
      font-size: 27px;
      color: #8a8a8a;
      margin-bottom: 3em;
  }

  .contact_us .imgTop_about img {
      width: 100%;
      height: auto;
  }

  .contact_us .title {
      font-size: 18px;
      color: #000;
  }

  .contact_us .desc {
      font-size: 16px;
      color: #8a8a8a;
  }

  .contact_us .imgTop_about li {
      margin-bottom: 2em;
  }

  .contact_us .imgTop_about ul {
      margin-top: 6em;
      padding:0;
  }

.contact_us .formContact {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 5em;
  margin-bottom: 3em;
  background-color: #343333;
  padding: 1em 16em;
  padding-bottom: 2em;
}

  .contact_us .title-page h2 {
      margin: 0 auto;
      margin-bottom: 0px;
      font-size: 1.1rem;
      color: #000;
      direction: rtl;
      text-align: center;
      margin-bottom: 4em;
  }

.contact_us .formContact input:not([type="button"]):not([type="submit"]) {
  width: 97%;
  background-color: transparent;
  border: unset;
  border-bottom: 1.7px solid #999797;
  text-align: right;
  font-size: .8rem;
  padding: 0;
  margin-bottom: 3em;
  height: 59px;
  font-family: 'IRANSansWeb';
  opacity: .7;
}

  .contact_us .formContact input::placeholder, .contact_us .formContact input[type="text"], .contact_us .formContact textarea {
      color: #444 !important;
  }

  .contact_us .formContact textarea {
      width: 96%;
      font-family: "IRANSansWeb" !important;
      background-color: transparent;
      margin-bottom: 16px !important;
      margin: 0 auto;
      margin-bottom: 0px;
      direction: rtl;
      padding: 1em;
      font-size: .8rem;
  }

  .contact_us .formContact p {
      font-size: 18px;
      color: #e9742f;
      margin-bottom: 3em;
      text-align: center;
  }

  .contact_us .formContact input::placeholder, .contact_us .formContact input[type="text"], .contact_us .formContact textarea {
      color: #fff !important;
  }


  .contact_us .refresh, .contact_us .captcha {
      border-bottom: 1.7px solid #999797;
      height: 59px;
  }

      .contact_us .captcha img {
          position: absolute;
          margin-top: 11px;
          margin-left: 18px;
      }

      .contact_us .refresh img {
          margin-top: 3px;
          cursor: pointer;
          width: 52px;
          border-left: 2px solid rgba(255, 255, 255, 0.50);
          border-right: 2px solid rgba(255, 255, 255, 0.50);
          padding-left: 1em;
          padding-right: 1em;
          position: relative;
          right: 11px;
      }
  /*end-contact-us*/

  /*project-list*/


  .project_list .product_related .button__title, .project_list .product_related .button__title--secondary {
      color: #fff;
  }

  .project_list .product_related .button__circle {
      position: absolute;
      width: 40px;
      height: 40px;
      right: -55px;
      overflow: visible;
      background-color: #fff;
      border-radius: 50%;
  }

  .project_list .product_related .swiper-container {
      margin-left: -50em !important;
      margin-bottom: 5em;
      padding-bottom: 4em;
  }



  .project_list .product_related .swiper-container-horizontal > .swiper-scrollbar {
      bottom: 0;
      height: 2px;
      width: 100%;
      margin: 0 auto;
      opacity: 1 !important;
  }

  .project_list .product_related .width_Slide {
      max-width: 598px;
      height: 100%;
      position: relative;
  }


      .project_list .product_related .width_Slide::after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.32);
          top: 0;
          left: 0;
      }

  .project_list .product_related .swiper-button-next.swiper-button-disabled,
  .project_list .product_related .swiper-button-prev.swiper-button-disabled {
      opacity: 1;
      cursor: auto;
      pointer-events: none;
  }



  .project_list .product_related .swiper-button-next::after,
  .project_list .product_related .swiper-button-prev::after {
      font-size: .9rem;
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 5px 10px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
  }

  .project_list .product_related .swiper-button-next::after,
  .project_list .product_related .swiper-button-prev::after {
      font-size: .9rem;
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 5px 10px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
  }

  .project_list .product_related .swiper-button-prev,
  .project_list .product_related .swiper-button-next {
      background-image: unset;
  }

  .project_list .product_related .swiper-button-prev,
  .project_list .product_related .swiper-button-next {
      color: #fff;
      border: 1.2px solid #DA1A21;
      padding: 7px 10px;
      height: 30px;
      width: 30px;
      text-align: center;
      border-radius: 50%;
  }

      .project_list .product_related .swiper-button-prev img,
      .project_list .product_related .swiper-button-next img {
          height: auto;
          width: auto;
      }

  .project_list .product_related .swiper-button-prev {
      top: 42px;
      left: unset;
      right: 10vw !important;
  }

  .project_list .product_related .swiper-button-next {
      top: 42px;
      right: 7.2vw;
      left: unset;
  }

  .project_list .product_related .about-image-div {
      position: relative;
      margin-top: 3em;
  }


  .project_list .product_related .title-site .heading .red-color {
      color: #ec1b24;
      font-family: monument-bold;
      font-size: 2.7rem;
      letter-spacing: 3px;
      line-height: 57px;
      text-transform: uppercase;
  }

  .project_list .product_related .title-site .heading p {
      font-size: 2.7rem;
      font-family: monument-bold;
      text-transform: uppercase;
      line-height: 45px;
  }

  @media only screen and (max-width: 1550px) {
      .project_list .product_related .width_Slide img {
          width: 100%;
          height: auto;
      }
  }

  @media only screen and (max-width: 980px) {
      .project_list .product_related .swiper-container {
          margin-left: 0 !important;
      }

      .project_list .product_related .about-image-div {
          margin-top: 4em;
      }

      .project_list .product_related .swiper-button-prev {
          top: 42px;
          right: unset;
          left: 35%;
      }

      .project_list .product_related .swiper-button-next {
          top: 42px;
          right: 35%;
          left: unset;
      }
  }

  .project_list .product_related .width_Slide ul {
      position: absolute;
      top: 35%;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      z-index: 7;
      text-align: center;
      padding: 0;
  }

  .project_list .product_related .title-slider {
      font-size: 28px;
      margin-bottom: 5px;
  }

  .project_list .product_related .desc-slider img {
      width: auto;
  }

  .project_list .product_related .arrowB {
      margin-left: -22px;
  }

  .project_list .product_related .desc-slider span {
      position: relative;
      right: -30px;
  }

  .project_list .product_related .desc-slider .top {
      right: 37px;
      position: relative;
  }

  .project_list .swiper-container-horizontal > .swiper-scrollbar {
      bottom: 0;
      height: 2px;
      width: 41% !important;
      margin: 0 auto;
      opacity: 1 !important;
      overflow: hidden;
      left: 65vw;
  }

  @media (max-width: 980px) {

      .project_list .product_related .mySwiper {
          padding-bottom: 0;
          width: 100%;
      }

      footer .scrollup {
          display: none;
      }

      .descCenter_about {
          margin-bottom: 4em;
      }
      .product_cat .swiper-container {
          margin-left: 0 !important;
          margin-bottom: 2em;
          padding-bottom: 1em;
      }
      .product_cat.main {
           padding: 0 1em;
      }
      .product_cat .catBlog {
           right: 1vw;
       }
 
  }

  .project_list .main {
      margin-top: 0;
  }


.project_list .slider__item {
  width: 471px;
  height: 573px;
}

.project_list .swiper-slide {
  max-width: 471px;
  max-height: 573px;
  overflow: hidden;
  position: relative;
}

.project_list .project_list {
  margin-top: 3em;
}


.project_list .width_Slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.42);
  top: 0;
}

.project_list .swiper-container-horizontal > .swiper-scrollbar {
  height: 2px;
}


.project_list .slider {
  height: 100%;
  overflow: visible;
  top: 10vh;
}

.project_list .slider__wrapper {
  transition: var(--transition) !important;
  will-change: transform;
}

.project_list .slider__img {
  will-change: transform;
  width: 270%;
  position: absolute;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  left: -80%;
  transition: var(--transition) !important;
}

.project_list .slider__item {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: transform var(--transition), box-shadow var(--transition);
}



  .project_list .slider__item.opened {
      z-index: 3;
      transform: rotate(-15deg) scale(1.5);
      box-shadow: rgba(0,0,0,.75) 0 0 0 10000px;
  }

.project_list .slider_bg {
  z-index: 0;
  transform: rotate(-20deg) !important;
  top: -90vh;
  left: -10vh;
  opacity: .2;
  filter: blur(140px) saturate(9);
}

  .project_list .slider_bg .slider__item {
      max-height: 100vh;
      cursor: default;
  }

.project_list .swiper-container-free-mode > .swiper-wrapper {
  margin-left: 10em;
  padding-bottom: 32px;
}

@media screen and (max-width: 980px) {
  .project_list .swiper-container-free-mode > .swiper-wrapper {
      margin-left: 0;
  }

  .project_list .slider__img {
      width: 100%;
      left: 0;
  }
}

@media screen and (max-width: 780px) {
  .project_list .slider__item {
      width: 100%;
      height: 42vh;
  }
}

.project_list .product_related .desc-slider span {
  right: -45px;
}

.project_list .product_related .swiper-container-horizontal > .swiper-scrollbar {
  bottom: 0;
  left: 0;
  right: 0;
  width: 65% !important;
  margin: 0 auto;
  opacity: 1 !important;
}

.project_list .product_related {
  margin-top: 3em;
}
  /*end-project-list*/


  .project_show .product-list .swiper-container {
      margin-left: 10.5em !important;
      margin-bottom: 5em;
      padding-bottom: 2em;
  }

  footer .scrollup {
      position: absolute;
      right: 5em;
      bottom: 5em;
      cursor: pointer;
  }

  .o-page--product-single footer .scrollup {
      right: 3em;
      bottom: 8em;
  }

.nav-gray .nav-bar {
  background-color:#fff;
}
.nav-gray .number-phon a {
  color: #000;
  font-size: 14px;
}
.Home_page .nav-gray .headerSections i {
  color: #424040;
}
.Home_page .nav-gray .logo_black {
  display: block;
}
.Home_page .nav-gray .logo_white{
  display: none;
}
.Home_page .nav-gray .number-phon {
   margin-top: -10px;
}
.Home_page .nav-gray ul li img {
  -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
  filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
}
.Home_page .nav-gray ul li:first-child img {
  -webkit-filter: invert(100%) grayscale(100%) brightness(100%) contrast(3);
  filter: invert(100%) grayscale(100%) brightness(100%) contrast(3);
}
.Home_page .headerSections ul {
  margin-top: 0;
  margin-bottom: 0;
}

.Home_page .scroll-black .toggle-languages img {
  -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
  filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
}
.Home_page .scroll-black ul li:first-child img {
  -webkit-filter: invert(100%) grayscale(100%) brightness(100%) contrast(3);
  filter: invert(100%) grayscale(100%) brightness(100%) contrast(3);
}
.Home_page .scroll-black .headerSections i {
  color: #424040;
}

.Home_page .scroll-black .number-phon {
  margin-top: -10px;
}
.Home_page .scroll-black .nav-bar {
  background-color: #fff;
}

.Home_page .scroll-black .logo_black {
  display: block;
}

.Home_page .scroll-black .logo_white {
  display: none;
}
.Home_page .scroll-black .headerSections nav.nav-bar {
  height: 100px;
}
.Home_page .scroll-black .number-phon a {
  color: #000;
}
.Home_page footer .scrollup {
  display:none;
}
/*.Home_page .call_to_action {
  margin: 0 auto;
}
.Home_page .footer_main {
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .Home_page footer {
      height: 84px;
  }
}*/

.product_cat .width_Slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: unset;
  top: 0;
}

.product_cat .swiper-container-horizontal > .swiper-scrollbar {
  height: 2px;
}


.product_cat .slider {
  height: 100%;
  overflow: visible;
  top: 10vh;
}

.product_cat .slider__wrapper {
  transition: var(--transition) !important;
  will-change: transform;
}

.product_cat .slider__img {
  will-change: transform;
  width: 270%;
  position: absolute;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  left: -80%;
  transition: var(--transition) !important;
}

.product_cat .slider__item {
  width: 598px;
  height: 400px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: transform var(--transition), box-shadow var(--transition);
}

.product_cat .swiper-slide {
  max-width: 598px;
  max-height: 400px;
  overflow: hidden;
  position: relative;
}

.product_cat .slider__item.opened {
  z-index: 3;
  transform: rotate(-15deg) scale(1.5);
  box-shadow: rgba(0,0,0,.75) 0 0 0 10000px;
}

.product_cat .slider_bg {
  z-index: 0;
  transform: rotate(-20deg) !important;
  top: -90vh;
  left: -10vh;
  opacity: .2;
  filter: blur(140px) saturate(9);
}

  .product_cat .slider_bg .slider__item {
      max-height: 100vh;
      cursor: default;
  }

.product_cat .swiper-container-free-mode > .swiper-wrapper {
  margin-left: -18.5em;
}

@media screen and (max-width: 980px) {
  .product_cat .swiper-container-free-mode > .swiper-wrapper {
      margin-left: 0 !important;
  }

  .product_cat .slider__img {
      width: 100%;
      left: 0;
  }
  .bubble {
      display: none !important;
  }
  .product_related.slider_product_related .swiper-container-horizontal > .swiper-pagination-bullets,
  .product_related.slider_product_related .swiper-pagination-custom,
  .product_related.slider_product_related .swiper-pagination-fraction {
      bottom: 23px !important;
  }
  .product_related.slider_product_related .slide_img {
      width: 100%;
      height: auto;
  }
      .product_related.slider_product_related .slide_img .title_product {
          left: 17px;
      }
  .product_related.slider_product_related .swiper-slide-active .title_product::before {
      transform: translateX(141%);
  }
      .product_related.slider_product_related .slide_img::after {
       height: 98%;
  }

  .black_secton3 .fleft {
      margin:0 auto;
      text-align:center;
  }
  .blog_show .Right_text23 {
      text-align: justify;
      padding: 0 !important;
  }
  .width_form img {
      width: auto !important;
      height: auto;
  }
  }
@media screen and (max-width: 1500px) and (min-width: 980px) {
  .contact_us .copy_right {
      padding-left: 5px;
  }
  .imgCenter_L, .imgCenter_R {
      width: 45%;
      height: auto;
  }
      .imgCenter_L img, .imgCenter_R img {
          width: 100%;
          height: auto;
      }
}

  @media screen and (max-width: 1282px) and (min-width: 980px) {
      .Cont_Left iframe {
          width: 94%;
          height: 56vh;
      }
      .contact_us .formContact {
    
          margin-top: 0;
      }

      .contact_us .imgTop_about {
          min-height: 650px;
      }

      .contact_us .captcha img {
          margin-left: 9px;
          width: auto !important;
      }

      .contact_us .formContact {
          padding: 1em 8em;
      }

      #navlogo {
          right: 5em;
      }

          #navlogo img {
              width: 50%;
          }

      #navint {
          margin-top: 90px;
      }
  }

  @media screen and (max-width: 780px) {
      .product_cat .slider__item {
          width: 100%;
          height: 42vh;
      }

      .blog_show .call_to_action {
          margin: 5em auto;
          margin-bottom: 3em;
      }
  }

  @media screen and (min-width: 990px) {
      .Cont_Right {
          position: absolute;
          left: 0;
      }

      .Cont_Left {
          position: absolute;
          right: 0;
      }
  }


  @media screen and (max-width: 980px) {
      .Home_page .contacts .pdi-desc-blog {
          max-width: 100%;
          display: block;
      }

      .Home_page .contacts ul li:last-child {
          display: none;
      }
  }

  @media screen and (max-width: 890px) {
      #listemarques li img {
          visibility: visible !important;
          opacity: 1 !important;
          transform: unset !important;
      }

      #listemarques li:hover a {
          transition: all 1000ms;
          background-color: #fff;
          color: #000;
      }

      #listemarques li a {
          background-color: #fff;
      }

          #listemarques li a p {
              margin-top: 45px;
          }
  }

  .listTab ul li img, .listTab ul li {
      overflow: hidden;
      transition: transform 500ms ease;
  }

      .listTab ul li:hover img {
          transform: scale3d(1.1, 1.1, 1);
          overflow: hidden;
          transition: transform 500ms ease;
      }

  .listTab ul li {
      transform: translate3d(0,100px,0);
      transition-duration: .5s;
      transition-timing-function: ease;
  }

      .listTab ul li.fade.animated {
          transform: translateZ(0);
          transition-duration: .3s;
          transition-timing-function: ease;
      }

          .listTab ul li.fade.animated:nth-child(3n+2) {
              transition-delay: 0.2s;
          }

          .listTab ul li.fade.animated:nth-child(3n + 1) {
              transition-delay: 0.1s;
          }

  @media screen and (max-width: 980px) {
      #interieurintro p {
          padding: 0;
          margin: 6px auto;
      }

      .open_menu #navint ul {
          width: 100%;
      }

      .contentTab_themes {
          float: unset;
      }

      .click::after {
          left: unset;
          right: 78px;
      }
  }

  .count_about .font_en .percent {
      font-size: 63px;
      font-family: 'iransan' !important;
  }

  .count_about #counter {
      top: 0.7em;
      right: 5em;
  }

  .count_about .title_about {
      margin-top: 2.7em;
  }

  .progress-container {
      width: 100%;
      height: 8px;
      background: #ccc;
  }

  .progress-bar {
      height: 8px;
      background: #04AA6D;
      width: 0%;
  }

  .vertical-line-wrapper {
      z-index: 1;
  }

  @media (min-width: 992px) {
      .vertical-line-wrapper {
          left: 50px;
          top: 140px;
          height: calc(100 * var(--vh) - 140px);
      }
  }

  .vertical-line-wrapper {
      position: fixed;
      left: 25px;
      top: 100%;
      top: 88px;
      z-index: -1;
      height: calc(100 * var(--vh) - 88px);
      width: 1px;
      display: flex;
      flex-direction: column;
      transition: all 300ms ease;
  }

  .hasNavigation .vertical-line-wrapper .vertical-line {
      transition: all 300ms 300ms ease;
  }

  .scroll-white .vertical-line {
      background-color: rgba(255, 255, 255, 0.4);
  }

  .vertical-line-wrapper .vertical-line {
      flex-grow: 1;
      transition: all 300ms ease;
  }

  .vertical-line-wrapper .navigation-wrapper {
      left: 25px;
      bottom: 70px;
      width: 5px;
      transform: translateX(-50%);
      padding: 12px 0;
      z-index: 3;
  }

  .scroll-white .navigation-marker.active {
      background-color: rgb(255, 255, 255);
  }

  .hasNavigation .vertical-line-wrapper .navigation-marker {
      transition: all 300ms 300ms ease;
  }

  .vertical-line-wrapper .navigation-wrapper .navigation-marker {
      width: 5px;
      height: 5px;
      margin-bottom: 5px;
      transition: all 300ms ease;
  }

  .scroll-red .navigation-marker {
      background-color: rgba(255, 255, 255, 0.4);
  }

      .scroll-red .navigation-marker.one {
          background-color: #f36f24;
      }

      .scroll-red .navigation-marker.two {
          background-color: #f36f24 !important;
      }

  .scroll-gray .navigation-marker.five {
      background-color: rgb(184, 183, 183) !important;
  }

  .scroll-black .navigation-marker {
      background-color: rgba(184, 183, 183, 0.4);
  }

      .scroll-black .navigation-marker.four {
          background-color: rgb(184, 183, 183) !important;
      }

  .scroll-big-margin .navigation-marker.one {
      background-color: #fff !important;
  }

  .width_form {
      margin-right: 10em;
  }

      .width_form .view-all-cont:before {
          height: 0.6em;
          background-color: #eee;
      }

  .view-all-btn.h5 {
      height: 2px;
  }

  @media (min-width: 1700px) {
      #interieurintro {
          margin: 0 auto !important;
      }

      #navigation_back img {
          width: 100vw;
          height: 100vh;
      }
  }

  .ico-menu {
      overflow: hidden;
      -moz-transition: all 600ms;
      -webkit-transition: all 600ms;
      -o-transition: all 600ms;
      transition: all 600ms;
  }

  .back_menu {
      background-color: #2b2b2b;
      width: 100%;
      height: 100%;
      transform: translateX(100%);
  }

  .ico-menu:hover .back_menu {
      -moz-transition: all 1000ms;
      -webkit-transition: all 1000ms;
      -o-transition: all 1000ms;
      transition: all 1000ms;
      transform: translateX(-100%);
  }

  .ico-menu i {
      overflow: hidden;
  }

  .linee, .linee2, .linee3 {
      position: absolute;
      background-color: #ffffff;
      width: 100%;
      height: 100%;
      transform: translateX(100%);
  }

  .ico-menu i:nth-child(3) .linee {
      transform: translate3d(0, 5px, 0);
  }

  .ico-menu:hover .linee, .ico-menu:hover .linee2, .ico-menu:hover .linee3 {
      -moz-transition: all 1000ms;
      -webkit-transition: all 1000ms;
      -o-transition: all 1000ms;
      transition: all 1000ms;
      transform: translateX(-100%);
  }


  .Three_i {
      margin-bottom: 22px !important;
      height: 1.3px !important;
  }
  /*.open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(2) {
  transform: rotate(45deg);
  height: 2px;
}*/

  .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(2) {
      transform: rotate(45deg) !important;
      height: 1.5px !important;
      top: 0px;
      margin-left: 1px;
  }

  .blog-list .view-all-btn.h5 {
      height: unset;
  }

  .headerSections nav.nav-bar .top-bar .ico-menu i {
      top: -12px;
  }

      .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(4) {
          margin-top: 43px;
      }

  .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(4) {
      margin-top: 20px;
      transform: rotate(137deg) !important;
      height: 1.5px !important;
      top: 9.99px;
      margin-left: 1px;
  }

  .headerSections nav.nav-bar .top-bar .ico-menu i {
      top: -4px;
  }

  .formContact form select {
      direction: rtl;
      display: block;
      width: 97%;
      height: 60px;
      border: unset;
      background-color: transparent;
      border-bottom: 2px solid #7b7979;
      padding-top: 7px;
      padding-bottom: 7px;
      font-size: 13px;
      margin-bottom: 1rem;
      transition: all 500ms;
      font-family: 'IRANSansWeb';
      opacity: .7;
      color: #fff;
  }

  @media (max-width: 980px) {

      .headerSections nav.nav-bar .top-bar .ico-menu {
          width: 53px !important;
          height: 50px !important;
      }

          .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(4) {
              margin-top: 37px;
          }

      #navcol1 {
          padding-bottom: 0;
      }

      #navcol2 li {
          padding: 6px 20px;
      }

      #navcol2 {
          margin-top: 0;
      }

      .Home_page .nav-gray .number-phon {
          margin-top: 3px !important;
      }

      .about_us .imgTop_about {
          min-height: unset;
      }

      .about_us .descinner_about {
          padding-bottom: 20px;
      }

      .about_us .descCenter_about {
          padding: 0;
      }

      .about_us .zoomIn::after, .about_us .effect-top::after, .about_us .square {
          display: none;
      }

      .count_about #counter {
          right: 0;
          padding: 0;
      }

      .width_form {
          margin-right: 0;
      }

      .contact_us .imgTop_about ul {
          padding: 0 1em;
      }

      .contact_us .Cont_Left img {
          border: 0;
          width: 100% !important;
          height: 35vh !important;
      }

      .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(4) {
          top: 3.99px;
      }

      .open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(2) {
          top: -2px;
      }

      .product_cat .slider__item {
          width: 100% !important;
          height: 75% !important;
      }

      .product_cat .swiper-slide .desc-slider {
          height: 27px;
      }

      .product_cat .catBlog {
          right: 1vw;
          margin-bottom: 1em;
          display: block;
      }

      .scrolbar .arrowB {
          width: 27px;
          height: 27px;
      }

      .button__svg1, .button__svg2 {
          margin-top: 6px;
          margin-right: 5px;
      }

      .number-phon a {
          font-size: 14px;
          margin-right: 5px;
      }

      .formContact form select {
          width: 100%;
      }
      .title-slider {
          font-size: 27px !important;
          font-family: 'SaolDisplay' !important;
      }
  }

  .socialContact {
      display: flex;
  }

      .socialContact img {
          width: auto !important;
          height: auto;
          margin-left: 10px;
      }

      .socialContact .desc {
          margin-right: 2.5em;
      }

      .socialContact .title {
          position: relative;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          padding: 0 0.3em;
          margin-left: -0.3125em;
          margin-bottom: 9px;
          font-size: 15px;
          line-height: 2px;
          text-decoration: none;
          transition: color 300ms ease;
          color: #6a6a6a;
      }

          .socialContact .title::before {
              height: 0.5em;
          }

          .socialContact .title:before {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              display: block;
              height: 0.5em;
              transform: translateY(-8%);
              background-color: #000;
              opacity: 0.1;
          }

  @media only screen and (min-width: 1000px) {
      .about_us .call_to_action {
          max-width: 77%;
      }

      .contact_us .main .imgTop_about {
          min-height: 650px;
      }

      .about_us .dscEnd_center {
          margin-top: 6em;
          margin-right: 10vw;
      }

      .blog_show .image_center .Right_text23 {
          padding: 0 9em;
      }

      .home .call_to_action {
          margin-top: 1em;
      }

      .Home_page .contacts ul {
          padding: 4em 4.7em;
      }
  }
@media screen and (orientation:landscape) and (max-device-width: 1290px) {

  .product_cat.main {
      margin-top: 0;
  }

  .product_cat .catBlog {
      top: 10px;
  }

  .product_cat .slider__item {
      width: 100% !important;
      height: 42% !important;
  }
  .menu .DivTab_themes {
      display: flex;
      align-items: center;
  }
.open_menu #navint ul {
  width: auto;
}
  #navcol1 {
  
      padding: 22px 0 8px 0px;
      
  }
  .title-slider {
      font-size: 22px !important;
   }
   .product_cat .swiper-container-free-mode > .swiper-wrapper {
      margin-left: 8.5em !important;
  }
}



  @media screen and (orientation:landscape) and (max-device-width: 700px) {
      .product_cat .width_Slide {
          height: auto !important;
      }

      .product_cat .slider__item {
          height: 37%;
      }

      .product_cat.main {
          margin-top: 0em;
      }

      .product_cat .catBlog {
          margin-bottom: 0;
      }

      .product_cat .catBlog {
          text-align: right;
          float: right;
      }

      .product_cat .slider__img {
          height: 53%;
      }
      .product_cat.main {
          margin-top: 0em;
      }
      .product_cat .catBlog {
        
          top: 10px;
      }
      .product_cat .slider__item {
          width: 100% !important;
          height: 42% !important;
      }
      .product_cat .swiper-container-free-mode > .swiper-wrapper {
          margin-left: 8.5em !important;
      }
  }




  @media screen and (orientation:landscape) and (max-device-width: 890px) {
      .product_cat.main {
          margin-top: 0;
      }
      .product_cat .catBlog {
          top: 10px;
      }
      .product_cat .swiper-container-free-mode > .swiper-wrapper {
          margin-left: 8.5em;
      }
      .product_cat .swiper-container-free-mode > .swiper-wrapper {
          margin-left: 8.5em !important;
      }
  }
  
.listTab .photo-name h1 {
font-size: 17px;
color: #000;
font-style: normal;
line-height: 25px;
position: relative;
margin-left: 0;
margin-bottom: 13px;
}
.open_menu{
  overflow: hidden !important;
}






nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {
  flex-direction: row;
}

.headerSections nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {

  flex-direction: row;
}

.headerSections nav.nav-bar .top-bar .header-right-wrapper {

  gap: 60px;
}

.headerSections  .toggle-search {

  margin-left: 30px;
  margin-top: 2px;
  cursor: pointer;

}


.headerSections  .mainsearch.opened {
  top: 0px;
  opacity: 0.93;
}

.headerSections   .mainsearch {
  position: fixed;
  top: -200%;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 65px;
  z-index: 10;
  transition: all 1000ms;
  z-index: 99;
}

.headerSections .mainsearch form {

  position: relative;
  width: 80%;
  margin: 200px auto 0;
}

.headerSections  .closee {
  position: absolute;
  right: 70px;
}

.headerSections    .btn_search {
  position: absolute;
  border: navajowhite;
  background-color: inherit;
  left: 0;
  bottom: 15px;
}

.headerSections   .homesana .serach_btn {
  margin-bottom: 8px;
}

@media (max-width:769px) {
  .headerSections     .homesana .serach_btn {
      margin-bottom: 0px;
  }

  .headerSections    .mainsearch form {
      position: relative;
      width: 80%;
      margin: 350px auto 0;
  }

  .headerSections   .closee {
      position: absolute;
      right: 10px;
      top: 10px;
  }

  .headerSections  .closee img {
      width: 25px;
  }

  .headerSections .btn_search img {
      display: none;
  }

  .headerSections   .disnone {
      display: none !important;
  }

  .headerSections  .mainsearch {
      padding: 0px;
  }

  .headerSections .mainsearch form p {

      font-size: 30px;

  }

}



@font-face {
  font-family: 'IRANYekanLightFaNum';
  src: url('../../fonts/iranYekann/IRANYekanLightFaNum.ttf') format('truetype')
}

.lightfa {
  font-family: 'IRANYekanLightFaNum' !important
}

@font-face {
  font-family: 'IRANYekanRegularFaNum';
  src: url('../../fonts/iranYekann/IRANYekanRegularFaNum.ttf') format('truetype')
}

@font-face {
  font-family: 'IRANYekanLight';
  src: url('../../fonts/iranYekann/IRANYekanLight.ttf') format('truetype')
}

@font-face {
  font-family: 'IRANYekanLight';
  src: url('../../fonts/iranYekann/IRANYekanLight.woff') format('woff')
}

@font-face {
  font-family: 'IRANYekanRegular';
  src: url('../../fonts/iranYekann/IRANYekanRegular.ttf') format('truetype')
}

@font-face {
  font-family: 'IRANYekanRegular';
  src: url('../../fonts/iranYekann/IRANYekanRegular.woff') format('woff')
}

@font-face {
  font-family: 'IRANYekanMedium';
  src: url('../../fonts/iranYekann/IRANYekanMedium.ttf') format('truetype')
}

@font-face {
  font-family: 'IRANYekanMedium';
  src: url('../../fonts/iranYekann/IRANYekanMedium.woff') format('woff')
}

@font-face {
  font-family: 'IRANYekanBold';
  src: url('../../fonts/iranYekann/IRANYekanBold.ttf') format('truetype')
}

@font-face {
  font-family: 'IRANYekanBold';
  src: url('../../fonts/iranYekann/IRANYekanBold.woff') format('woff')
}

.headerSections   .mainsearch input {
  width: 100%;
  /* background-color: #000; */
  outline: unset;
  border: unset;
  border-bottom-color: unset;
  border-bottom-style: unset;
  border-bottom-width: unset;
  border-bottom-color: unset;
  border-bottom-style: unset;
  border-bottom-width: unset;
  height: 84px;
  border-bottom: 0.5px solid #8d8d8d52;
  color: #000;
  padding: 0px;
  direction: rtl;
  font-weight: normal;
  font-size: 18px;
  line-height: 48px;
  /* font-family: 'IRANYekanRegular'; */
}

.mainsearch.opened {}

.headerSections  .mainsearch {

  overflow: auto;
  width: 100%;
  height: 100%;
  /* background-color: #000; */

  padding-top: 100px;
  z-index: 99999999999990;
  transition: all 1000ms;
}

.headerSections   .mainsearch form {
  position: relative;
  width: 85%;
  margin: 70px auto 145px;
}

.headerSections .closee {
  position: absolute;
  right: 70px;
}

.headerSections   .btn_search {
  position: absolute;
  border: navajowhite;
  background-color: inherit;
  left: 0;
  bottom: 15px;
}


.headerSections  .d img {
  position: absolute;
  top: 30px;
  left: 0;
}

.headerSections nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {
  flex-direction: row !important;
}

.toggle-search img{
  
  filter: brightness(0.3);
}

.Home_page  .toggle-search img{
  
  filter: unset;
}

































.brand_list  .toggle-search {

  margin-left: 30px;
  margin-top: 2px;
  cursor: pointer;

}


.brand_list  .mainsearch.opened {
  top: 0px;
  opacity: 0.93;
}

.brand_list   .mainsearch {
  position: fixed;
  top: -200%;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 65px;
  z-index: 10;
  transition: all 1000ms;
  z-index: 99;
}

.brand_list .mainsearch form {

  position: relative;
  width: 80%;
  margin: 200px auto 0;
}

.brand_list  .closee {
  position: absolute;
  right: 70px;
}

.brand_list    .btn_search {
  position: absolute;
  border: navajowhite;
  background-color: inherit;
  left: 0;
  bottom: 15px;
}

.brand_list   .homesana .serach_btn {
  margin-bottom: 8px;
}

@media (max-width:769px) {
  .brand_list     .homesana .serach_btn {
      margin-bottom: 0px;
  }

  .brand_list    .mainsearch form {
      position: relative;
      width: 80%;
      margin: 350px auto 0;
  }

  .brand_list   .closee {
      position: absolute;
      right: 10px;
      top: 10px;
  }

  .brand_list  .closee img {
      width: 25px;
  }

  .brand_list .btn_search img {
      display: none;
  }

  .brand_list   .disnone {
      display: none !important;
  }

  .brand_list  .mainsearch {
      padding: 0px;
  }

  .brand_list .mainsearch form p {

      font-size: 30px;

  }

}






.brand_list   .mainsearch input {
  width: 100%;
  /* background-color: #000; */
  outline: unset;
  border: unset;
  border-bottom-color: unset;
  border-bottom-style: unset;
  border-bottom-width: unset;
  border-bottom-color: unset;
  border-bottom-style: unset;
  border-bottom-width: unset;
  height: 84px;
  border-bottom: 0.5px solid #8d8d8d52;
  color: #000;
  padding: 0px;
  direction: rtl;
  font-weight: normal;
  font-size: 18px;
  line-height: 48px;
  font-family: 'IRANYekanRegular';
}

.mainsearch.opened {}

.brand_list  .mainsearch {

  overflow: auto;
  width: 100%;
  height: 100%;
  /* background-color: #000; */

  padding-top: 100px;
  z-index: 99999999999990;
  transition: all 1000ms;
}

.brand_list   .mainsearch form {
  position: relative;
  width: 85%;
  margin: 70px auto 145px;
}

.brand_list .closee {
  position: absolute;
  right: 70px;
}

.brand_list   .btn_search {
  position: absolute;
  border: navajowhite;
  background-color: inherit;
  left: 0;
  bottom: 15px;
}


.brand_list  .d img {
  position: absolute;
  top: 30px;
  left: 0;
}

.brand_list nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {
  flex-direction: row !important;
}
.headerSections .number-phon.number-phon_sdf{
    display: none;
      }
@media (max-width: 980px) {
    .project_a {
        width: 100% !important;
        margin-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .title-slider {
        font-size: 16px !important;
   
    }

    .project_a .width_Slide {
        width: 100% !important;
        position: relative;
        height: 530px;
    }
    .title-slider {
        font-size: 16px !important;
     
    }

    .project_a img {
        width: 100% !important;
        height: auto !important;
    }


    .headerSections nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .headerSections nav.nav-bar .toggle-languages .language-wrapper {
       
        display: none;
    }
    .number-phon_sdf{
        display: none !important;  
    }
  .headerSections .number-phon{
    
    display: none !important;
 

  }
  .headerSections .number-phon.number-phon_sdf{
display: flex !important;
  }
  .toggle-search img {
    max-width: 20px;
}
    .headerSections .toggle-search {
        margin-left: 0;
        margin-top: 2px;
        cursor: pointer;
    }
    .nav-gray .number-phon a {
        font-size: 12px;
    }
 .logo_black {
        display: block;
        max-width: 100px;
        height: auto;
    }
    .headerSections .closee {
        position: absolute;
        right: 10px;
        top: 16px;
    }
    .headerSections .d img {
    
        position: absolute !important;
        bottom: 20px;  width: auto;
    }
    .headerSections nav.nav-bar .top-bar .header-right-wrapper {
        gap: 18px !important;
    }
    .headerSections  .mainsearch {

      
        padding-top: 300px;
      }
   
      
}

@media screen and (max-width: 767px) {
  #navigation_back img {
    height: 100vh;
    display: none !important;
   
  }
.open_menu   #navigation_back img {
  height: 100vh;
  width: auto !important;
  display: block !important;
}
.open_menu   .headerSections .number-phon.number-phon_sdf {
  display: none !important;
}
.open_menu  .headerSections nav.nav-bar .top-bar .header-right-wrapper .toggle-languages {
  display: none !important;
}
}

.catalog_section .slider__item img{
max-width: 450px !important;
}

.open_menu .toggle-search {

  display: none !important;
}


@media screen and (max-width: 767px) {
    #navigation_back img {
        height: 100vh;
        width: auto;
        display: none;
    }

}

#navint {
    margin-top: 0 !important;
}



.open_menu .headerSections nav.nav-bar .top-bar .ico-menu i {
    display: block;
    width: 17px;
    height: 1px;
    position: absolute;
    top: 4px;
    bottom: 0;
    margin: auto;
    background-color: #343333;
    transition: all 300ms ease;
    left: 38%;
}

.open_menu .headerSections nav.nav-bar .top-bar .ico-menu i {
    left: 36%;
    transform: rotate(-45deg);
}

.open_menu .headerSections nav.nav-bar .top-bar .ico-menu i:nth-child(2) {
    transform: rotate(35deg);
    height: 1px;
}

.headerSections nav.nav-bar .top-bar .header-right-wrapper {

    gap: 60px;
}