@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/iransans/eot/IRANSansWeb_Black.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Black.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Black.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Black.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Black.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/iransans/eot/IRANSansWeb_Bold.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Bold.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/iransans/eot/IRANSansWeb_Medium.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Medium.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/iransans/eot/IRANSansWeb_Light.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Light.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Light.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/iransans/eot/IRANSansWeb.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb.ttf") format("truetype"); }

* {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  color: inherit;
  box-sizing: border-box; }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/iransans/eot/IRANSansWeb_Black.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Black.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Black.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Black.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Black.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/iransans/eot/IRANSansWeb_Bold.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Bold.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/iransans/eot/IRANSansWeb_Medium.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Medium.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/iransans/eot/IRANSansWeb_Light.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Light.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Light.ttf") format("truetype"); }

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/iransans/eot/IRANSansWeb.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb.ttf") format("truetype"); }

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: maison;
  src: url(../fonts/Maison-Neue-Bold/Maison-Neue-Bold.eot) format("embedded-opentype"), url(../fonts/Maison-Neue-Bold/Maison-Neue-Bold.woff) format("woff"), url(../fonts/Maison-Neue-Bold/Maison-Neue-Bold.ttf) format("truetype"); }

body {
  font-family: maison, "sans-serif";
  background-color: #fff;
  font-weight: bold; }

a {
  text-decoration: none; }

ul, li {
  list-style-type: none; }

main, header, footer, div, span, button, a, h1, h2, h3, h4, h5, h6, p, section, aside, article {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  flex-shrink: 0; }

#main {
  position: relative;
  z-index: 9; }

header {
  position: relative;
  display: block;
  background: #000000;
  z-index: 10; }
  header > .h-row {
    margin: 0 auto;
    flex-direction: row;
    width: 100%; }
    @media (min-width: 992px) {
      header > .h-row {
        max-width: 990px; } }
    @media (min-width: 1200px) {
      header > .h-row {
        max-width: 1140px; } }
    header > .h-row:first-child {
      justify-content: flex-end; }
      header > .h-row:first-child:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 40px;
        background: red; }
      header > .h-row:first-child > * {
        position: relative; }
    header > .h-row .w-nav {
      flex-direction: row;
      flex-grow: 1;
      color: #fff; }
      header > .h-row .w-nav .w-nav-list {
        display: flex;
        justify-content: flex-end;
        flex-direction: row; }
    header > .h-row .w-socials {
      flex-direction: row-reverse;
      margin-right: 1.4rem; }
      header > .h-row .w-socials .item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0; }
    header > .h-row.top {
      line-height: 40px;
      height: 40px;
      direction: ltr; }
      header > .h-row.top .w-nav > ul li {
        font-size: 12px !important;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        color: #ffffff; }
        header > .h-row.top .w-nav > ul li > a {
          padding-left: 10px;
          padding-right: 10px;
          font-weight: 500; }
    header > .h-row.bottom {
      background: #000000;
      height: 50px;
      justify-content: space-between;
      direction: ltr; }
      header > .h-row.bottom div.at_left {
        flex-direction: row; }
      header > .h-row.bottom div.at_right > div {
        /* height: 100%; */
        justify-content: center; }

section.bg-dark {
  background-color: #000; }

.l-subheader-cell.at_left {
  justify-content: flex-start; }

.l-subheader-cell {
  display: flex;
  align-items: center;
  justify-content: center; }

.header_hor .l-subheader-cell.at_left > * {
  margin-left: 1.4rem;
  margin-right: 0; }

.w-image {
  flex-shrink: 0;
  transition: height 0.3s;
  margin-bottom: 5px;
  height: 35px;
  margin-right: 0.85rem; }

.w-image-h {
  height: inherit;
  display: block;
  border-radius: inherit;
  border-color: inherit !important;
  color: inherit !important; }

.w-image-h img {
  display: block;
  height: inherit;
  width: auto;
  vertical-align: top;
  border: 0;
  max-width: 100%; }

.w-nav-list.level_2 {
  flex-direction: column !important;
  visibility: hidden;
  position: absolute;
  display: block;
  transform: translate3d(-20px, 0, 0);
  opacity: 0;
  transition: transform 0.3s, opacity 0.2s, visibility 0.2s;
  text-align: right !important;
  min-width: 12rem;
  left: 5px;
  top: 34px;
  background: #2c2c2c;
  z-index: 1; }
  .w-nav-list.level_2 li {
    color: #ffffff !important;
    text-align: left; }
    .w-nav-list.level_2 li a {
      line-height: 1.5em;
      padding: 0.6em 20px;
      white-space: nowrap;
      transition: none; }
    .w-nav-list.level_2 li a:hover {
      color: #00addd; }
    .w-nav-list.level_2 li a span {
      border: none !important; }

.w-nav-control {
  display: none;
  line-height: 50px;
  height: 50px;
  padding: 0 0.8rem;
  color: inherit; }

.at_middle li {
  font-size: 15px !important;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  position: relative; }
  .at_middle li > ul {
    transform: translateX(-20px);
    transition: all 0.5s; }
    .at_middle li > ul li {
      transform: translateX(20px);
      transition: all 0.5s; }
  .at_middle li:hover > ul {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    z-index: 10; }
    .at_middle li:hover > ul li {
      transform: translateX(0); }
  .at_middle li:first-child {
    color: #cf974a; }
  .at_middle li a {
    padding-left: 3px;
    padding-right: 1px;
    font-weight: bold;
    font-size: 14px; }
    .at_middle li a span:first-child {
      border-left: 1px solid #777;
      padding-top: 3px !important;
      padding-left: 3px !important; }
  .at_middle li:first-child a span:first-child {
    border-left: none; }

li:hover {
  color: #00addd !important; }

.text-of-film {
  position: absolute;
  font-family: Raleway;
  color: #ffffff;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.48); }

.p1 {
  background-color: #ffffff; }

.p5 {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.48);
  text-align: left;
  text-transform: uppercase; }

#about-us {
  z-index: 0;
  background-color: #00aeef;
  font-family: maison !important;
  visibility: visible;
  text-align: center;
  letter-spacing: 0px;
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 3px;
  margin: 0px;
  border-radius: 0px;
  padding: 0px 48px;
  color: white;
  text-decoration: none;
  white-space: normal;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  filter: blur(0px) grayscale(0%) brightness(100%);
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform-origin: 50% 50% 0px;
  position: absolute;
  cursor: pointer; }
  #about-us:hover {
    background: transparent;
    border: 3px solid #00aeef;
    color: #00aeef; }

@media (min-width: 340px) {
  .text-of-film {
    left: 75px; }
  .p1 {
    top: 10px;
    font-size: 40px;
    font-weight: 400;
    width: 105px;
    height: 15px; }
  .p2 {
    top: 25px;
    font-size: 25px;
    font-weight: 900; }
  .p3 {
    top: 50px;
    font-size: 25px;
    font-weight: 900; }
  .p4 {
    top: 80px;
    font-size: 18px;
    font-weight: 400; }
  .p5 {
    top: 105px;
    font-size: 10px;
    font-weight: 400; }
  #about-us {
    line-height: 17px;
    font-size: 12px;
    width: 145px;
    height: 25px;
    top: 155px;
    left: 75px; } }

@media (min-width: 460px) {
  .text-of-film {
    left: 100px; }
  .p1 {
    top: 10px;
    font-size: 40px;
    font-weight: 400;
    width: 105px;
    height: 15px; }
  .p2 {
    top: 25px;
    font-size: 35px;
    font-weight: 900; }
  .p3 {
    top: 57px;
    font-size: 35px;
    font-weight: 900; }
  .p4 {
    top: 92px;
    font-size: 20px;
    font-weight: 400; }
  .p5 {
    top: 121px;
    font-size: 10px;
    font-weight: 400; }
  #about-us {
    line-height: 17px;
    font-size: 12px;
    width: 145px;
    height: 25px;
    top: 175px;
    left: 100px; } }

@media (min-width: 576px) {
  .text-of-film {
    left: 150px; }
  .p1 {
    top: 25px;
    font-size: 40px;
    font-weight: 400;
    width: 200px;
    height: 20px; }
  .p2 {
    top: 45px;
    font-size: 45px;
    font-weight: 900; }
  .p3 {
    top: 90px;
    font-size: 45px;
    font-weight: 900; }
  .p4 {
    top: 140px;
    font-size: 22px;
    font-weight: 400; }
  .p5 {
    top: 170px;
    font-size: 12px;
    font-weight: 400; }
  #about-us {
    line-height: 26px;
    font-size: 13px;
    width: 190px;
    height: 30px;
    top: 228px;
    left: 150px; } }

@media (min-width: 768px) {
  .text-of-film {
    left: 150px; }
  .p1 {
    top: 40px;
    font-size: 100px;
    font-weight: 400;
    width: 300px;
    height: 20px; }
  .p2 {
    top: 55px;
    font-size: 70px;
    font-weight: 900; }
  .p3 {
    top: 120px;
    font-size: 70px;
    font-weight: 900; }
  .p4 {
    top: 195px;
    font-size: 37px;
    font-weight: 400; }
  .p5 {
    top: 245px;
    font-size: 16px;
    font-weight: 400; }
  #about-us {
    line-height: 35px;
    font-size: 15px;
    width: 240px;
    height: 40px;
    top: 335px;
    left: 150px; } }

@media (min-width: 992px) {
  .text-of-film {
    left: 200px; }
  .p1 {
    top: 100px;
    font-size: 100px;
    font-weight: 400;
    width: 300px;
    height: 20px; }
  .p2 {
    top: 110px;
    font-size: 100px;
    font-weight: 900; }
  .p3 {
    top: 200px;
    font-size: 100px;
    font-weight: 900; }
  .p4 {
    top: 300px;
    font-size: 37px;
    font-weight: 400; }
  .p5 {
    top: 350px;
    font-size: 16px;
    font-weight: 400; }
  #about-us {
    line-height: 35px;
    font-size: 15px;
    width: 240px;
    height: 40px;
    top: 440px;
    left: 200px; } }

@media (min-width: 1280px) {
  .text-of-film {
    left: 230px; }
  .p1 {
    top: 140px;
    font-size: 128px;
    font-weight: 400;
    width: 300px;
    height: 20px; }
  .p2 {
    top: 140px;
    font-size: 128px;
    font-weight: 900; }
  .p3 {
    top: 260px;
    font-size: 128px;
    font-weight: 900; }
  .p4 {
    top: 400px;
    font-size: 37px;
    font-weight: 400; }
  .p5 {
    top: 460px;
    font-size: 16px;
    font-weight: 400; }
  #about-us {
    line-height: 53px;
    font-size: 19px;
    font-size: 19px;
    width: 290px;
    height: 53px;
    top: 550px;
    left: 230px; } }

@media (min-width: 1500px) {
  .text-of-film {
    left: 300px; }
  .p1 {
    top: 210px;
    font-size: 138px;
    font-weight: 400;
    width: 300px;
    height: 20px; }
  .p2 {
    top: 210px;
    font-size: 138px;
    font-weight: 900; }
  .p3 {
    top: 340px;
    font-size: 138px;
    font-weight: 900; }
  .p4 {
    top: 500px;
    font-size: 37px;
    font-weight: 400; }
  .p5 {
    top: 580px;
    font-size: 16px;
    font-weight: 400; }
  #about-us {
    line-height: 53px;
    font-size: 19px;
    font-size: 19px;
    width: 290px;
    height: 53px;
    top: 670px;
    left: 300px; } }

@media (min-width: 1900px) {
  .text-of-film {
    left: 390px; }
  .p1 {
    top: 210px;
    font-size: 138px;
    font-weight: 400;
    width: 300px;
    height: 20px; }
  .p2 {
    top: 210px;
    font-size: 138px;
    font-weight: 740; }
  .p3 {
    top: 340px;
    font-size: 138px;
    font-weight: 740; }
  .p4 {
    top: 500px;
    font-size: 37px;
    font-weight: 400; }
  .p5 {
    top: 580px;
    font-size: 16px;
    font-weight: 400; }
  #about-us {
    line-height: 53px;
    font-size: 19px;
    font-size: 19px;
    width: 290px;
    height: 53px;
    top: 670px;
    left: 390px; } }

#products {
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 130px; }
  #products .test {
    display: flex;
    justify-content: flex-start;
    direction: rtl;
    margin: 0 -2px; }
    @media (max-width: 499.98px) {
      #products .test {
        flex-direction: column; } }
    #products .test > li div a > img {
      max-width: 100%;
      height: auto;
      opacity: 1;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    #products .test > li div a:hover img {
      opacity: .5; }
    #products .test li {
      position: relative;
      padding: 1px; }
      #products .test li div {
        width: 100%; }
    #products .test a {
      max-width: 100%;
      width: 100%;
      padding-top: 100%;
      position: relative; }
      #products .test a img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    #products .test > li {
      display: flex;
      flex-shrink: 0; }
      @media (min-width: 500px) {
        #products .test > li {
          width: 0; } }
      #products .test > li:nth-child(even) {
        flex-grow: 1; }
      #products .test > li:nth-child(odd) {
        flex-grow: 2; }
      #products .test > li > ul {
        width: 100%;
        display: flex;
        flex-direction: column; }
        @media (max-width: 499.98px) {
          #products .test > li > ul {
            flex-direction: row; } }
        #products .test > li > ul > li {
          flex-grow: 0.5; }
          @media (min-width: 500px) {
            #products .test > li > ul > li:first-child {
              margin-top: -1px; }
            #products .test > li > ul > li:last-child {
              margin-top: 2px; } }

.products-title {
  text-align: center;
  font-weight: 900;
  font-family: Raleway;
  font-size: 50px;
  color: #444444;
  font-size: 64px;
  text-transform: uppercase; }

.bb-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .bb-title .bb-title-level2 > .tittle > h4 {
    text-transform: uppercase;
    font-size: 14px; }

.bb-title-level2 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  width: 60%;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  @media (max-width: 1700px) {
    .bb-title-level2 {
      width: 80%; } }
  @media (max-width: 800px) {
    .bb-title-level2 {
      flex-direction: column;
      width: 90%; } }

.item {
  flex-grow: 1; }

.bb {
  display: flex;
  justify-content: end;
  align-items: end; }

.tittle > h4 {
  color: #2c2c2c;
  font-weight: 500;
  font-family: IRANSans;
  font-size: 17px; }

.blog {
  display: flex;
  justify-content: center;
  align-items: center; }

.blog-level2 {
  width: 60%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center; }
  @media (max-width: 1700px) {
    .blog-level2 {
      width: 80%; } }
  @media (max-width: 800px) {
    .blog-level2 {
      flex-direction: column;
      width: 90%; } }

.blog-item {
  width: 0;
  flex-grow: 1;
  padding: 2px; }
  @media (max-width: 800px) {
    .blog-item {
      width: 100%; } }

.blog-pic {
  border: 3px solid #000;
  width: 100%;
  padding-top: 62.5%;
  position: relative; }

.blog-pic > div > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.blog-pic > div > a > img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover; }

.blog-pic > div > a > img:hover {
  transform: scale(1.1);
  transition: all 1.5s; }

.blog-title > a > h4 {
  color: #002366;
  font-family: IRANSans;
  padding: 10px 20px;
  text-align: justify;
  direction: ltr; }

.blog-abstract > a > span {
  color: #2c2c2c;
  font-family: IRANSans;
  padding: 10px 20px;
  text-align: justify;
  direction: ltr; }

.blog-abstract > a > span:hover {
  color: #002366; }

.archiv-blog {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: 'IRANSans'; }
  .archiv-blog h4 {
    width: 60%;
    font-size: 18px; }
    .archiv-blog h4 :hover {
      color: #ff9900; }

.img-footer > div {
  justify-content: center;
  align-items: center;
  margin-top: 300px;
  margin-bottom: 200px; }
  @media (max-width: 800px) {
    .img-footer > div {
      margin-top: 300px;
      margin-bottom: 75px; } }
  @media (max-width: 800px) {
    .img-footer > div {
      margin-top: 50px;
      margin-bottom: 10px; } }
  .img-footer > div img {
    max-width: 90%;
    height: auto;
    margin: 0 25px; }
    @media (max-width: 799.99px) {
      .img-footer > div img {
        max-width: 60%;
        height: auto;
        margin: 0 auto; } }

.footer .wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  max-height: 100vh;
  justify-content: flex-end; }

.footer .footer-title {
  justify-content: center;
  align-items: center;
  padding-bottom: 100px; }

.footer .footer-title > div {
  width: 1140px;
  flex-direction: row-reverse; }
  @media (max-width: 1139.9px) {
    .footer .footer-title > div {
      width: 90%; } }
  @media (max-width: 599.98px) {
    .footer .footer-title > div {
      flex-direction: column; }
      .footer .footer-title > div .footer-title-item {
        margin-top: 30px; } }

.footer .footer-title-item {
  flex-grow: 1; }
  .footer .footer-title-item > p {
    text-transform: uppercase;
    text-align: left; }
  @media (min-width: 600px) {
    .footer .footer-title-item {
      width: 0; } }

.footer .footer12 {
  font-size: 16pt;
  color: #ffffff;
  padding-bottom: 5px; }

.footer .footer10 {
  font-size: 10pt;
  color: #ffffff;
  padding-bottom: 5px; }

#footerWrapper {
  z-index: 1; }

.w-socials .item + .item {
  margin-right: 20px; }

.w-socials .item .w-socials-item-popup > a > span {
  font-size: 1.2rem;
  color: #ffffff; }

.fa-search {
  color: #ffffff;
  font-size: 1.2rem; }

@media (max-width: 1210px) {
  ul.expand {
    display: none !important; } }

#Hamburger {
  display: none; }
  @media (min-width: 1209.99px) {
    #Hamburger {
      display: none !important; } }
  #Hamburger.show {
    display: flex; }

#close-nav {
  display: none; }
  @media (min-width: 1210px) {
    #close-nav {
      display: none !important; } }
  #close-nav.show {
    display: flex; }

ul.contract {
  display: none;
  position: absolute;
  flex-direction: column;
  background: #2c2c2c;
  z-index: 2;
  bottom: 1px;
  transform: translateY(100%);
  color: #ffffff;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  left: 0; }
  @media (min-width: 1210px) {
    ul.contract {
      display: none !important; } }
  ul.contract.show {
    display: flex; }
  ul.contract > li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  ul.contract > li > ul.level_2 {
    right: 0;
    position: relative;
    width: 100%;
    display: none;
    opacity: 1 !important;
    visibility: visible !important;
    top: 0;
    transform: translate3d(0px, 0, 0); }
    ul.contract > li > ul.level_2 > li > a {
      padding-right: 0; }
  ul.contract > li > a {
    padding: 0.48rem 0;
    font-size: 15px; }
  ul.contract i.fa-chevron-down {
    font-size: 14px;
    line-height: 2rem;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0; }

@media (max-width: 900px) {
  ul.expand-top {
    display: none !important; } }

#Hamburger-top {
  display: none;
  color: #fff;
  align-items: center; }
  @media (min-width: 900px) {
    #Hamburger-top {
      display: none !important; } }
  #Hamburger-top.show {
    display: flex; }

#close-nav-top {
  display: none;
  color: #000;
  align-items: center; }
  @media (min-width: 900px) {
    #close-nav-top {
      display: none !important; } }
  #close-nav-top.show {
    display: flex; }

ul.contract-top {
  display: none;
  position: absolute !important;
  flex-direction: column;
  background: #d7c378;
  z-index: 2;
  bottom: 50px;
  transform: translateY(100%);
  color: #ffffff;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem; }
  @media (min-width: 900px) {
    ul.contract-top {
      display: none !important; } }
  ul.contract-top.show {
    display: flex; }
  ul.contract-top > li > a {
    font-size: 12px;
    font-weight: 500; }

@media (max-width: 1010px) {
  #bate-img {
    margin-left: 2.4rem; }
  .qatar-img {
    margin-right: 2.4rem !important; }
  #socials-icon, #search-icon {
    margin-left: 2.4rem; } }

#us_form_search_s {
  color: #cccccc;
  font-family: IRANSans;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #e95095;
  margin-left: 10px; }
  @media (max-width: 380px) {
    #us_form_search_s {
      width: 140px; } }

#close-search {
  font-size: 22px;
  cursor: pointer;
  color: red;
  position: absolute;
  right: 0; }

#aparat {
  display: block;
  background: url(../../src/public/images/aparat.svg); }

.container-timer {
  display: flex;
  justify-content: center;
  background: #6e1121;
  color: #ffffff; }

.row-timer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center; }

.part1-timer {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center; }

.part2-timer {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center; }

.nomargin {
  margin-top: 0; }

.part1-timer-desc {
  margin: 0 0.5rem 0 0.5rem;
  font-size: 1.63rem; }

.part1-timer-svg {
  fill: #000f2c;
  margin: 0 0.25rem; }

.part2-timer-dayNumber, .part2-timer-hoursNumber, .part2-timer-minutsNumber {
  margin: 0 0.5rem;
  font-size: 3.247rem; }

.part2-timer-dayTitle, .part2-timer-hoursTitle, .part2-timer-minutsTitle {
  align-self: flex-end;
  margin: 0 0.5rem 0 0;
  font-size: 1.63rem; }

.part1-part2 {
  display: flex;
  flex-direction: row-reverse; }

.img-margin {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.8rem;
  margin-top: 1rem; }

@media (max-width: 1200px) {
  .part2-timer-dayTitle, .part2-timer-hoursTitle, .part2-timer-minutsTitle, .part1-timer-desc {
    font-size: 1rem; }
  .part2-timer-dayNumber, .part2-timer-hoursNumber, .part2-timer-minutsNumber {
    font-size: 2rem; }
  .img-margin {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; } }

@media (max-width: 850px) {
  .part1-part2 {
    flex-direction: column; } }

@media (max-width: 600px) {
  .part2-timer-dayNumber, .part2-timer-hoursNumber, .part2-timer-minutsNumber {
    font-size: 1.5rem; }
  .part2-timer-dayTitle, .part2-timer-hoursTitle, .part2-timer-minutsTitle, .part1-timer-desc {
    font-size: 0.85rem; } }

@media (max-width: 400px) {
  .part2-timer-dayNumber, .part2-timer-hoursNumber, .part2-timer-minutsNumber {
    font-size: 1rem; }
  .part2-timer-dayTitle, .part2-timer-hoursTitle, .part2-timer-minutsTitle, .part1-timer-desc {
    font-size: 0.75rem; }
  #bate-img {
    margin-right: 1.6rem !important; }
  .img-margin {
    margin-top: 0;
    margin-left: 0 !important;
    margin-right: 0 !important; } }