:root {
    --color1: #e07003;
    --color2: #122330;
}


@font-face {
    font-family: Shabnam;
    src: url('assets/fonts/Shabnam.eot');
    src: url('assets/fonts/Shabnam.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/Shabnam.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('assets/fonts/Shabnam.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/Shabnam.ttf') format('truetype');
}
@font-face {
    font-family: ShabnamLight;
    src: url('assets/fonts/Shabnam-Light.eot');
    src: url('assets/fonts/Shabnam-Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/Shabnam-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('assets/fonts/Shabnam-Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/Shabnam-Light.ttf') format('truetype');
}
@font-face {
    font-family: ShabnamMedium;
    src: url('assets/fonts/Shabnam-Medium.eot');
    src: url('assets/fonts/Shabnam-Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/Shabnam-Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('assets/fonts/Shabnam-Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/Shabnam-Medium.ttf') format('truetype');
}
@font-face {
    font-family: ShabnamBold;
    src: url('assets/fonts/Shabnam-Bold.eot');
    src: url('assets/fonts/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('assets/fonts/Shabnam-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('assets/fonts/Shabnam-Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('assets/fonts/Shabnam-Bold.ttf') format('truetype');
}



body {
    margin: 0;
    font-family: Shabnam;
    background: #2a3e92;
    color: var(--color2);
    text-align: right;
    direction: rtl;
    overflow-x: hidden;
    transition: all 0.5s ease-in-out;
}
img {
    width: 100%; 
}
li {
    list-style: none
}
a {
    color: var(--color2);
    transition: 0.5s;
}
a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}
.mg-auto {
    margin: 0 auto;
}
ul {
    padding: 0;
    margin: 0;
}
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder {
    color: #c0c0c0;
}
.owl-carousel {
    direction: ltr;
}
button:focus{
  outline:none
}
.lg {
    direction: ltr;
}

input:focus , textarea:focus {
  outline: none;
  border-color: #243759 !important;
  box-shadow: none;
}

h1, h2, h3, h4, h5, h6 , p {
    margin: 0;
}


header {
    height: 55px;
    background: var(--color1);
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1;
    display: flex;
}

header svg {
    width: 34px;
    height: 43px;
    fill: #fff;
    top: 4px;
    position: relative;
    transition: 0.5s;
}
.banner {
    height: 600px;
    background-image: url(assets/images/banner.jpg);
    position: relative;
    padding-top: 10px;
    text-align: center;
    color: #fff;
    padding-bottom: 40px;
    overflow: hidden;
    background-color: #f4f4f4;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.banner:before {
    content: '';
    position: absolute;
    background: url(assets/images/bottompt.svg) no-repeat;
    width: 101%;
    height: 100%;
    bottom: 0;
    background-size: contain;
    background-position: bottom;
    left: -1px;
    z-index: 9999999;
}
.meunbtn {
    display: inline-flex;
}

.formcataloge {
    display: inline-flex;
    position: relative;
}
.headerbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 55px;
    position: relative;
    z-index: 99999;
}
input[type="text"] {
    border-radius: 50px;
    padding: 8px 14px;
    border: none;
    font-family: 'Shabnam';
    text-align: center;
    z-index: 999;
    position: relative;
    border: 1px solid;
    border-color: var(--color1);
    transition: 0.5s;
}

.formcataloge button {
    background: var(--color1);
    border-radius: 50px;
    padding: 8px 14px 8px 44px;
    border: none;
    font-family: 'Shabnam';
    text-align: center;
    color: #fff;
    position: absolute;
    right: -105px;
    cursor: pointer;
    overflow: hidden;
    z-index: 0;
}
.logo img {
    height: 120px;
    width: auto;
    margin: 0 auto;
}

.logo {
    text-align: right;
}

.banner h1 {
    font-size: 40px;
    font-family: 'Shabnambold';
    margin-top: 15px;
}

.banner p {
    font-size: 16px;
    letter-spacing: 1px;
}
.descbox {
    text-align: center;
    margin-top: 10px;
}
.descbox a.sclnk {
    background: var(--color1);
    padding: 6px 20px;
    display: inline-block;
    border-radius: 14px;
    color: #fff;
    padding-left: 40px;
    position: relative;
    font-size: 20px;
    overflow: hidden;
    z-index: 0;
}
.descbox a.sclnk i svg {
    height: 18px;
    position: absolute;
    width: 18px;
    fill: #fff;
    transform: rotate(90deg);
    left: 15px;
    top: 12px;
}
.descbox h2 {
    font-size: 35px;
    font-family: 'ShabnamBold';
    margin-bottom: 10px;
}

.descbox p {
    font-size: 21px;
    line-height: 33px;
    margin-bottom: 25px;
}

.video {
    margin: 40px 0;
}

.video img {border-radius: 20px;}


.videobox {
    position: relative;
}

.h_iframe-aparat_embed_frame iframe {
    border-radius: 30px;
    box-shadow: 0px 2px 6px #0000001c;
}

.descbox h3 {
    border: 2px solid var(--color1);
    font-size: 32px;
    display: inline-block;
    padding: 7px 28px;
    border-radius: 30px;
    margin-bottom: 16px;
}

.tarhbox {background: var(--color1);border-radius: 20px;padding: 13px;transition: 0.5s;}



.imagebox {
    height: 190px;
    background: #fff;
    padding: 18px 0;
    border-radius: 15px;
}

.imagebox img {
    height: 100%;
    width: auto;
}

span.titletarh {
    font-size: 25px;
    color: #fff;
    font-family: 'ShabnamBold';
    margin-bottom: 10px;
    display: block;
}

.descbox.tarhdv {
    margin: 40px 0;
}

.tarhboxs {
    margin: 10px 0;
}

.tarhbox li {
    text-align: right;
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
}

span.moretarh {
    background: #fff;
    padding: 5px 12px;
    display: inline-block;
    border-radius: 17px;
    color: #153253;
    padding-left: 27px;
    position: relative;
    font-size: 11px;
    transition: 0.5s;
}

span.moretarh svg {
        height: 14px;
        position: absolute;
        width: 14px;
        fill: #fff;
        transform: rotate(90deg);
        left: 9px;
        top: 6px;
}

span.moretarh svg path {
    fill: #153253;
    transition: 0.5s;
}

.tarhbox ul {
    margin: 16px 0;
}

.descbox.projectdv {
    margin: 60px 0;
}
.imageboxprj {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: inline-flex;
    border: 3px solid var(--color1);
}

.imageboxprj span {
    position: absolute;
    border: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color1);
    display: inline-block;
    width: 75%;
    margin: 0 auto;
    padding: 5px 0 4px 0;
    border-radius: 15px 15px 0px 0px;
    color: #fff;
    font-size: 13px;
}

span.prjtitle {
    width: 95%;
    display: block;
    margin: 4px auto;
    font-size: 14px;
    font-weight: bold;
}

.prjboxs {
    margin-top: 20px;
}
footer {
    background: var(--color1);
    position: relative;
    padding-bottom: 25px;
    text-align: center;
    color: #fff;
    padding-top: 60px;
    overflow: hidden;
}


footer:before {
    content: '';
    position: absolute;
    background: url(assets/images/toppt.svg) no-repeat;
    width: 101%;
    height: 100%;
    top: -110px;
    background-size: cover;
    background-position: top center;
    left: -1px;
}

.social li {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 20px 8px 0 8px;
}

i.ita:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(assets/images/sc1.png) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 97%;
}

i.bale:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(assets/images/sc2.png) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 97%;
}

i.telegram:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(assets/images/sc3.png) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 97%;
}
i.insta:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(assets/images/sc4.png) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 97%;
}


i.phones:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(assets/images/telephone.png) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 97%;
    filter: brightness(0) invert(1);
}
i.whatsapp:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(assets/images/whatsapp.png) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 97%;
    filter: brightness(0) invert(1);
}


.social span {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
    font-family: 'Shabnammedium';
}
.footerform span {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
    font-family: 'Shabnammedium';
}

.footerform {
    margin-top: 30px;
}
.footerform form {
    display: inline-flex;
}

.footerform input[type="text"] {
    margin: 0 5px;
    font-size: 16px;
}
input[type="text"]::placeholder{
    color: #939598
}

.footerform form button {
    border-radius: 50px;
    padding: 8px 24px;
    border: none;
    font-family: 'Shabnam';
    text-align: center;
    z-index: 999;
    position: relative;
    background: #00000057;
    color: #fff;
    font-size: 16px;
    margin: 0 5px;
    cursor: pointer;
    overflow: hidden;
}
.calltoaction {
    padding: 7px 0;
    margin-top: 50px;
    background: #944a02;
    font-size: 30px;
    font-family: 'ShabnamMedium';
    display: block;
    color: #fff;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.h_iframe-aparat_embed_frame{position:relative;text-align: center;}
.h_iframe-aparat_embed_frame .ratio{display:block;width:100%;height:auto;}
.h_iframe-aparat_embed_frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.romeo-aparat .romeo-embed-main-frame .romeo-embed-inner .romeo-embed-play {
    background: red !important;
}



/*======================================== menu mobile =====*/

  .open_menu{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: fixed;
      /* this left's value is important */
      right: -320px;
      top:0;
      /* if you'd change the width's value then you have to change left's value of the .open_menu as well*/
      width: 320px;
      height: 100%;
      background-color: var(--color3);
      -webkit-transition: 450ms cubic-bezier(0.10, 0.0, 0, 1);
      transition: 450ms cubic-bezier(0.10, 0.0, 0, 1);
      z-index: 10000;
      z-index: 9999999;
      background: #F5F5F5;
  }
    .open_menu2{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: fixed;
      /* this left's value is important */
      right: -320px;
      top:0;
      /* if you'd change the width's value then you have to change left's value of the .open_menu as well*/
      width: 320px;
      height: 100%;
      background-color: var(--color3);
      -webkit-transition: 450ms cubic-bezier(0.10, 0.0, 0, 1);
      transition: 450ms cubic-bezier(0.10, 0.0, 0, 1);
      z-index: 10000;
      z-index: 9999999;
      background: #F5F5F5;
  }

  .menu-content{
      display: block;
      width: 100%;
      overflow-y:scroll;
      overflow-x:hidden;
      padding-top: 20px;
      padding: 24px 20px;
  }
  .menu-content::-webkit-scrollbar{
      width: 0;
  }
  
  .opened{
      right: 0;
  }
  
  .toOpen{
      display: block;
      width: 25px;
      position: absolute;
      cursor: pointer;
      padding: 20px;
      right: -165px;
  }
  /* The open and close mark. It toggles automatically */
  .toOpened{
      /* width: 25px; */
  }
  .toOpened .line{
      width: 25px !important;
      -webkit-transition: 0ms !important;
      transition: 0ms !important;
  }
  
  
  .toOpened .one{
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      top: 25px;
  }
  
  .toOpened .two{
      opacity: 0;
  }
  
  .toOpened .three{
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      position: absolute;
      top: 25px;
  }
  
  
  
  .toOpen .line{
      height: 3px;
      margin: 0 0 2px 0;
      background-color: #dc6161;
      -webkit-transition: 150ms ease-in-out;
      transition: 150ms ease-in-out;
  }
  
  
  .toOpen .two{
      width: 15px;
  }
  .toOpen .three{
      width: 20px;
  }
  
  .toOpen:hover div{
      width: 25px;
      
  }
  .line.one {
    transition: 400ms cubic-bezier(0, 1.05, 0.26, 0.82) !important;
  }
  .toOpened > .three {
    transition: 400ms cubic-bezier(0, 1.05, 0.26, 0.82) !important;
  }
  
  .open_menu h1{
      text-align: center;
      color: white;
  }
  .menu-logo{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: montserrat;
      font-weight: 700;
      margin: 25px 0;
      text-align: center;
  }
  
  .menu-content ul{
      list-style-type: none;
  }
  
  .menu-content ul li{
      text-align: right;
      border-bottom: 1px solid #88888826;
      position: relative;
  }
  .menu-content ul li:first-child{
      border-top: 1px solid #f8f8f826;
  }
  
  .menu-content ul li a{
      font-weight: 400;
      font-size: 15px;
      display: block;
      padding: 12px 10px;
      text-decoration: none;
      color: var(--color2);
      -webkit-transition: 100ms ease-in-out;
      transition: 0.5s;
  }
  
  .menu-content ul li a:hover{
      color: var(--color1);
  }

.menu-logo img {
    width: 110%;
    margin: 0 auto;
}

.menu-content .menu-btn svg {
    width: 20px;
    height: auto;
    position: absolute;
    left: 12px;
    fill: var(--color1);
    top: 12px;
}

.menu-content ul li ul li a {
    padding: 10px 37px 10px 14px;
    border-bottom: 1px solid #CBCBCB;
}


.menu-content ul li ul li {
    border: none;
}

.child-menu-btn {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    width: 40px;
    height: 100%;
    text-align: center;
}
.menu-content ul li ul {
    display: none;
}

.child-menu-btn:before {
    content: '+';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 4px;
    color: var(--color1);
    font-size: 25px;
}
.menu-content img {
    width: 190px;
}
.searchmobile {
    margin-top: 14px;
}

.searchmobile form.f input[type="search"] {
    background: #E4E4E4;
    padding: 10px 33px 10px 10px;
}
.searchmobile i.agh-loupe.srchicon {
    position: absolute;
    right: 4px;
    color: var(--color1);
    top: 10px;
    background: #e4e4e4;
    padding: 0 5px;
    font-size: 17px;
    left: auto;
}
.menu-content > ul {
    margin-top: 30px;
}
ul.sub-menu {
    background: #fff;
    border-radius: 8px;
    padding: 6px 12px;
}
.menu-content ul li ul li:last-child a {
    BORDER: none;
}
.menu-content ul li ul li img {
    width: 25px;
    position: absolute;
    right: 0;
    top: 9px;
}

.socialmenu {
    background: var(--color1);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 6px 0;
}

.socialmenu li a i {
    color: #fff;
    font-size: 21px;
    position: relative;
    top: 0;
}

.socialmenu li {
    margin: 0 10px;
    height: 45px;
}

.socialmenu .menu-content ul li a {
    padding: 0 14px;
}

.socialmenu ul.socialli {
    text-align: center;
}
.motrallmobile {
    display: block;
    text-align: center;
    width: 190px;
    border: 1px solid var(--color1);
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 6px;
    color: var(--color1);
}

a.motrallmobile {
    display: none;
}
.formcounseling form button:hover {
    background: var(--color2);
}

/*.btncls span {*/
/*  position: absolute;*/
/*  display: block;*/
/*  width: 0;*/
/*  height: 0;*/
/*  border-radius: 50%;*/
/*  background-color: #243759;*/
/*  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;*/
/*  transform: translate(-50%, -50%);*/
/*  z-index: -1;*/
/*}*/

/*.btncls:hover span {*/
/*  width: 225%;*/
/*  height: 562.5px;*/
/*}*/
.social li a:hover {
    opacity: 0.7;
}
.tarhbox:hover span.moretarh {
    background: #243759;
    color: #fff;
}

.tarhbox:hover svg path{
    fill: #fff;
}
.tarhbox:hover {
    transform: scale(1.01);
}
.headerbox input[type="text"] {
    border: none;
}

.menu-btn {
    cursor: pointer;
}


.menu-content .social li a {
    display: unset;
}
.menu-content .social ul li {
    width: 26px;
    height: 29px;
    top: 6px;
    border: none;
}

.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 0px auto !important;
  max-width: 97%;
  top: 50%;
  transform: translateY(-50%) !important;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #eee;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  min-height: 500px;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 8px;
  top: 0;
  cursor: pointer;
  z-index: 99;
  font-size: 50px;
  color: black;
}

@media screen and (min-width:800px){
    .custom-model-main:before {
      content: "";
      display: inline-block;
      height: auto;
      vertical-align: middle;
      margin-right: -0px;
      height: 100%;
    }
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}

.calltoaction:before {
    content: '';
    position: absolute;
    width: 100%;
    background: #00000057;
    height: 100%;
    right: 0;
    bottom: 0;
}
.calltoaction span {
    position: relative;
}
span.ctaphone i:before {
    content: '';
    position: relative;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg version="1.1" fill="rgb(205 160 83)" id="fi_126341" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 480.56 480.56" style="enable-background:new 0 0 480.56 480.56;" xml:space="preserve"><g><g><path d="M365.354,317.9c-15.7-15.5-35.3-15.5-50.9,0c-11.9,11.8-23.8,23.6-35.5,35.6c-3.2,3.3-5.9,4-9.8,1.8 c-7.7-4.2-15.9-7.6-23.3-12.2c-34.5-21.7-63.4-49.6-89-81c-12.7-15.6-24-32.3-31.9-51.1c-1.6-3.8-1.3-6.3,1.8-9.4 c11.9-11.5,23.5-23.3,35.2-35.1c16.3-16.4,16.3-35.6-0.1-52.1c-9.3-9.4-18.6-18.6-27.9-28c-9.6-9.6-19.1-19.3-28.8-28.8 c-15.7-15.3-35.3-15.3-50.9,0.1c-12,11.8-23.5,23.9-35.7,35.5c-11.3,10.7-17,23.8-18.2,39.1c-1.9,24.9,4.2,48.4,12.8,71.3 c17.6,47.4,44.4,89.5,76.9,128.1c43.9,52.2,96.3,93.5,157.6,123.3c27.6,13.4,56.2,23.7,87.3,25.4c21.4,1.2,40-4.2,54.9-20.9 c10.2-11.4,21.7-21.8,32.5-32.7c16-16.2,16.1-35.8,0.2-51.8C403.554,355.9,384.454,336.9,365.354,317.9z"></path><path d="M346.254,238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89c-25.7-25.7-58.2-41.9-94-46.9l-5.2,37.1 c27.7,3.9,52.9,16.4,72.8,36.3C329.454,188.2,341.754,212,346.254,238.2z"></path><path d="M403.954,77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2,37.1c51.4,7.2,98,30.5,134.8,67.2c34.9,34.9,57.8,79,66.1,127.5 l36.9-6.3C470.854,169.3,444.354,118.3,403.954,77.8z"></path></g></g></svg>');
    width: 26px;
    height: 26px;
    margin-right: 10px;
    top: 6px;
}

.imgboxcta {
    position: absolute;
    width: 120px;
    top: -50px;
    border-radius: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.ctabox {
    background: white;
    text-align: center;
    padding-left: 120px;
    padding: 60px 20px 10px 20px;
    margin-top: 40px;
    position: relative;
    border-radius: 11px;
    margin-bottom: 70px;
}

.ctabox span {
    display: block;
    font-size: 23px;
    margin: 10px 0 0px 0;
}

.imgboxcta img {
    border-radius: 70px;
}

span.ctaname {
    font-weight: bold;
    color: #000000;
    font-size: 30px;
}

span.ctaname i:before {
}

span.ctalink a {
    background: #1b8f45;
    margin: 5px 6px;
    padding: 6px 29px;
    display: inline-block;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
}

a.ctalink2 {
    background: #32d951 !important;
}.ctabox:last-child {
    margin-bottom: 0;
}
header:before {
    content: '';
    background: #00000057;
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    top: 0;
    margin: 0 auto;
    height: 100%;
}
.banner-singlepage {
    padding: 80px 0 20px 0;
    text-align: center;
}

.banner-singlepage img {
    height: 170px;
    width: auto;
    margin-bottom: 10px;
}

.banner-singlepage {
    color: #203c5d;
}
body.sinlgepage header {
    background: #203c5d;
}

body.sinlgepage header:before {
    display: none;
}

body.sinlgepage  .formcataloge button {
    background: #c4944f;
}

body.sinlgepage footer {
    background: #203c5d;
}
.contactfooter {
    padding: 50px 0 0px 0;
}

.location i:before {
    content: '';
    position: relative;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(205 160 83)" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="fi_1483285" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512" height="512"><g><path d="M468.329,358.972c-7.263-3.989-16.382-1.336-20.369,5.924c-3.989,7.261-1.337,16.381,5.924,20.369 C471.752,395.081,482,405.963,482,415.121c0,11.201-15.87,28.561-60.413,43.694C377.582,473.767,318.775,482,256,482 s-121.582-8.233-165.587-23.185C45.87,443.683,30,426.322,30,415.121c0-9.158,10.248-20.04,28.116-29.857 c7.261-3.988,9.913-13.108,5.924-20.369c-3.989-7.26-13.106-9.913-20.369-5.924C23.749,369.916,0,388.542,0,415.121 c0,20.374,14.012,49.422,80.762,72.1C127.794,503.2,190.028,512,256,512s128.206-8.8,175.238-24.779 c66.75-22.678,80.762-51.726,80.762-72.1C512,388.542,488.251,369.916,468.329,358.972z"></path><path d="M142.752,437.13c30.45,8.602,70.669,13.34,113.248,13.34s82.798-4.737,113.248-13.34 c37.253-10.523,56.142-25.757,56.142-45.275c0-19.519-18.889-34.751-56.142-45.274c-8.27-2.336-17.264-4.385-26.826-6.133 c-5.193,8.972-10.634,18.207-16.323,27.708c10.584,1.588,20.521,3.535,29.545,5.834c27.416,6.983,37.432,14.844,39.491,17.866 c-2.06,3.023-12.074,10.884-39.49,17.866c-25.949,6.609-59.335,10.379-94.498,10.716c-1.703,0.126-3.419,0.197-5.147,0.197 c-1.729,0-3.444-0.071-5.148-0.197c-35.163-0.337-68.549-4.106-94.498-10.716c-27.416-6.982-37.431-14.844-39.49-17.866 c2.059-3.022,12.075-10.883,39.491-17.866c9.024-2.298,18.961-4.246,29.546-5.834c-5.689-9.5-11.13-18.737-16.323-27.708 c-9.562,1.749-18.557,3.797-26.826,6.133c-37.253,10.523-56.142,25.756-56.142,45.274 C86.61,411.373,105.499,426.606,142.752,437.13z"></path><path d="M256,390.634c13.353,0,25.482-6.804,32.448-18.201c48.81-79.857,106.992-185.103,106.992-232.994 C395.44,62.552,332.888,0,256,0S116.56,62.552,116.56,139.439c0,47.891,58.183,153.137,106.992,232.994 C230.518,383.83,242.648,390.634,256,390.634z M199.953,129.865c0-30.903,25.143-56.045,56.047-56.045s56.047,25.142,56.047,56.045 c0,30.904-25.143,56.046-56.047,56.046S199.953,160.77,199.953,129.865z"></path></g></svg>');
    width: 30px;
    height: 30px;
    margin-right: 10px;
    top: 6px;
}

.contactfooter {
    padding: 50px 0 0px 0;
}

.phone i:before {
    content: '';
    position: relative;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg id="fi_4776726" fill="rgb(205 160 83)" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m356 355h-25.185c-2.584 39.03-35.141 70-74.815 70s-72.231-30.97-74.815-70h-25.185c-68.925 0-125 56.075-125 125v17c0 8.284 6.716 15 15 15h420c8.284 0 15-6.716 15-15v-17c0-68.925-56.075-125-125-125z"></path><path d="m126 225v-60c-16.569 0-30 13.431-30 30s13.431 30 30 30z"></path><path d="m295.394 99.394c5.404-5.405 14.009-5.881 19.977-1.107l45.891 36.713h24.738v-5c0-71.797-58.203-130-130-130-71.797 0-130 58.203-130 130v5h83.435c32.241 0 63.161-12.808 85.959-35.606z"></path><path d="m211 341.966v8.034c0 24.853 20.147 45 45 45 24.853 0 45-20.147 45-45v-8.034c-14.029 5.192-29.188 8.034-45 8.034s-30.971-2.841-45-8.034z"></path><path d="m251 275c0-8.284 6.716-15 15-15h81.671c5.353-12.25 8.329-25.776 8.329-40v-50.791l-49.349-39.479c-27.221 22.833-61.266 35.27-97.22 35.27h-53.431v55c0 55.228 44.771 100 100 100 27.971 0 53.256-11.489 71.405-30h-61.405c-8.284 0-15-6.716-15-15z"></path><path d="m386 225h15v10c0 13.785-11.215 25-25 25h-28.329c-4.905 11.225-11.81 21.375-20.266 30h48.595c30.327 0 55-24.673 55-55v-40c0-16.569-13.431-30-30-30h-15z"></path></g></svg>');
    width: 30px;
    height: 30px;
    margin-right: 10px;
    top: 6px;
}

.contactfooter {
    padding: 50px 0 0px 0;
}

.email i:before {
    content: '';
    position: relative;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg height="512pt" fill="rgb(205 160 83)" viewBox="0 -61 512.00021 512" width="512pt" xmlns="http://www.w3.org/2000/svg" id="fi_1865034"><path d="m309.230469 198.070312c-32.988281-35.136718-47.460938-88.601562-29.789063-138.128906-128.113281-.019531-264.511718.058594-265.050781.082032l241.660156 176.429687zm0 0"></path><path d="m474.53125 221.902344c-44.242188 25.589844-99.835938 23.828125-141.660156-3.882813l-68.089844 49.132813c-5.269531 3.796875-12.382812 3.777344-17.621094-.050782l-247.160156-180.441406v288.332032c0 8.277343 6.71875 15 15 15h482c8.28125 0 15-6.722657 15-15v-207.882813c-4.769531 3.792969-9.960938 7.011719-15.429688 9.621094 2.429688 17.589843-5.742187 35.738281-22.039062 45.171875zm0 0"></path><path d="m406.972656 209.992188c18.492188 0 36.605469-4.839844 52.539063-14.058594 7.171875-4.148438 9.621093-13.324219 5.472656-20.496094-4.144531-7.171875-13.324219-9.621094-20.492187-5.472656-11.921876 6.894531-25.558594 10.351562-39.449219 10-64.886719-1.644532-97.414063-80.417969-51.785157-127.285156 46.847657-48.128907 128.3125-14.457032 128.742188 52.09375.042969 14.9375-15.875 24.503906-29.089844 17.332031l-3.550781-1.929688c10.550781-29.347656-11.394531-60.183593-42.359375-60.183593-24.8125 0-45 20.183593-45 45 0 34.746093 37.972656 56.445312 67.863281 38.734374l8.734375 4.742188c33.128906 17.988281 73.507813-6.007812 73.402344-43.8125-.117188-27.164062-10.574219-53.503906-30.734375-73.726562-42.222656-42.339844-109.382813-40.394532-149.507813.824218-64.664062 66.421875-17.109374 178.238282 75.214844 178.238282zm.027344-90c-8.269531 0-15-6.730469-15-15 0-8.273438 6.730469-15 15-15s15 6.726562 15 15c0 8.269531-6.730469 15-15 15zm0 0"></path></svg>');
    width: 30px;
    height: 30px;
    margin-right: 10px;
    top: 6px;
}
.contactfooter {
    font-size: 20px;
}
.contactfooter i:before {
    background-size: 100%;
}

body.sinlgepage  footer {
    padding-top: 100px;
}

body.sinlgepage .calltoaction {
    background: #cda053;
}

body.sinlgepage .calltoaction:before {
    display: none;
}


.teamsection {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 1px solid #595959;
  padding: 40px 0px;
}

.teambox {
  /* flex: 1 0 18%; */
  margin: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 20px;
  width: 19%;
}
.teambox img {
    display: block;
    border-radius: 10px;
    margin-bottom: 6px;
}

.teambox span {
    display: block;
    width: 100%;
    text-align: center;
}

span.teamname {
    font-family: 'ShabnamBold';
    font-size: 19px;
}

span.teamsemat {
    font-size: 16px;
    margin: 3px 0;
    color: black;
}

span.teamphone i:before {
    content: '';
    position: relative;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg version="1.1" fill="rgb(205 160 83)" id="fi_126341" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 480.56 480.56" style="enable-background:new 0 0 480.56 480.56;" xml:space="preserve"><g><g><path d="M365.354,317.9c-15.7-15.5-35.3-15.5-50.9,0c-11.9,11.8-23.8,23.6-35.5,35.6c-3.2,3.3-5.9,4-9.8,1.8 c-7.7-4.2-15.9-7.6-23.3-12.2c-34.5-21.7-63.4-49.6-89-81c-12.7-15.6-24-32.3-31.9-51.1c-1.6-3.8-1.3-6.3,1.8-9.4 c11.9-11.5,23.5-23.3,35.2-35.1c16.3-16.4,16.3-35.6-0.1-52.1c-9.3-9.4-18.6-18.6-27.9-28c-9.6-9.6-19.1-19.3-28.8-28.8 c-15.7-15.3-35.3-15.3-50.9,0.1c-12,11.8-23.5,23.9-35.7,35.5c-11.3,10.7-17,23.8-18.2,39.1c-1.9,24.9,4.2,48.4,12.8,71.3 c17.6,47.4,44.4,89.5,76.9,128.1c43.9,52.2,96.3,93.5,157.6,123.3c27.6,13.4,56.2,23.7,87.3,25.4c21.4,1.2,40-4.2,54.9-20.9 c10.2-11.4,21.7-21.8,32.5-32.7c16-16.2,16.1-35.8,0.2-51.8C403.554,355.9,384.454,336.9,365.354,317.9z"></path><path d="M346.254,238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89c-25.7-25.7-58.2-41.9-94-46.9l-5.2,37.1 c27.7,3.9,52.9,16.4,72.8,36.3C329.454,188.2,341.754,212,346.254,238.2z"></path><path d="M403.954,77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2,37.1c51.4,7.2,98,30.5,134.8,67.2c34.9,34.9,57.8,79,66.1,127.5 l36.9-6.3C470.854,169.3,444.354,118.3,403.954,77.8z"></path></g></g></svg>');
    width: 16px;
    height: 16px;
    margin-right: 6px;
    top: 3px;
    background-size: 100%;
}

span.teamphone {
    font-size: 13px;
}

.sahmbox img {
    border-radius: 15px;
}

.sahmbox {
    border: 3px solid #009f3c;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 20px;
}

span.titlesahm {
    background: #733900;
    color: #fff;
    padding: 5px 26px;
    font-size: 24px;
    display: inline-block;
    margin: 6px 0 10px 0;
    border-radius: 40px;
}

.sahmbox li {
    padding: 7px 0;
    font-size: 15px;
}

.sahmbox li span {
    margin: 0 5px;
    display: inline-block;
}

.btndv {
    width: 90%;
    margin: 8px auto;
}

.btndv a {
    color: #fff;
    background: #009f3c;
    margin: 0 5px;
    padding: 4px 10px;
    display: inline-block;
    min-width: 44%;
    margin-bottom: 11px;
    border-radius: 40px;
}

.btndv a:last-child {margin: 0;background: #ff9000;}

.btndv a:hover {
    background: #ff9000;
}
.btndv a:hover:last-child {margin: 0;background: #009f3c;}

div#sahm h3 {
    margin-bottom: 30px;
    margin-top: 20px;
}
.orgbox .sahmbox {
    border-color: #ff9000;
}

.investablebox {
    background: var(--color1);
    border-radius: 20px;
    border: 3px solid #b55900;
    padding: 10px;
    color: #fff;
}

.investablebox span {
    display: block;
}

span.invtitle {
    font-size: 28px;
    font-family: 'ShabnamBold';
}

span.invtitle2 {
    font-size: 15px;
    margin-bottom: 15px;
    display: block;
}
.investableprice p:first-child {
    width: 15%;
    display: inline-block;
    font-size: 11px;
    margin: 0;
    text-align: right;
    bottom: 3px;
    position: relative;
}
.investableprice p:last-child {
    width: 22%;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
}

.investableprice span {
    display: inline-block;
    width: 57%;
    background: #fff;
    color: black;
    font-size: 23px;
    padding-top: 3px;
    border-radius: 50px;
}

.investableprice {
    direction: ltr;
    width: 100%;
    margin: 10px auto;
}
span.allshow {
    background: var(--color1);
    color: #fff;
    padding: 2px 10px 2px 30px;
    display: inline-block;
    margin-top: 4px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

span.allshow:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0;
    background: #00000057;
}
span.allshow span {
    position: relative;
}

span.allshow span:before {}

span.allshow svg {
    height: 18px;
    position: absolute;
    width: 18px;
    fill: #fff;
    transform: rotate(90deg);
    left: 10px;
    top: 4px;
}

.content {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.investabledv div[class*="content-"] {
  display:none;
  background: #eaeaea;
  min-height: 450px;
  width: 70%;
  margin: 70px auto;
  border-radius: 11px;
  border: 1px solid #c9c9c9;
}

.investabledv  div.active {
   display:block; 
}
.investableboxs {
    cursor: pointer;
}
.investabledv div[class*="content-"] li {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #32d951;
}

.investabledv div[class*="content-"] ul {
    padding: 20px 30px;
}

li.reservation {
    background: #ff9000 !important;
}

li.leftover {
    background: #fff !important;
    border: 1px solid #888888;
}

.textcontent > span {
    font-size: 33px;
    font-family: 'ShabnamBold';
    color: black;
}

.colordata1 , .colordata2 , .colordata3 {
    width: 32%;
    display: inline-block;
    margin-bottom: 10px;
}

.colordata1 span , .colordata2 span ,.colordata3 span{
    display: block;
    font-size: 23px;
    color: black;
    margin-bottom: 14px;
}

.textcontent {
    margin-top: 0px;
}

.colordata {
    margin-top: 30px;
    display: block;
}

.colordata1 span:first-child:before {
    content: '';
    position: relative;
    width: 18px;
    height: 18px;
    background: #32d951;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
}
.colordata2 span:first-child:before {
    content: '';
    position: relative;
    width: 18px;
    height: 18px;
    background: #eb8500;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
}
.colordata3 span:first-child:before {
    content: '';
    position: relative;
    width: 18px;
    height: 18px;
    background: #ffffff;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
    border: 1px solid #8f8f8f;
}

body.sinlgepage  .socialmenu {background: #1e3858;}

body.sinlgepage  .menu-content .menu-btn svg {
    fill: #203c5d;
}

.databox {
    color: #fff;
    margin: 40px 0;
    text-align: center;
}

.databox > h1 , .databox > h2 , .databox > h3 , .databox > h4 , .databox > h5 , .databox > h6 {
    margin-bottom: 15px;
    font-size: 28px;
}

.databox .h_iframe-aparat_embed_frame {
    max-width: 50%;
    margin: 30px auto;
}

.bannerbox img {
    max-height: 150px;
    width: auto;
}

.bannerbox {
    text-align: center;
}

.faq {
    min-height: 510px;
    background: #fff;
    position: relative;
    margin-top: 40px;
    margin-bottom: 70px;
    padding: 160px 0 0px 0;
    text-align: center;
}

.faq:before {
       content: '';
       position: absolute;
       background: url(assets/images/bottompt3.svg) no-repeat;
       width: 101%;
       height: 50%;
       top: -1px;
       background-size: contain;
       background-position: top;
       left: -1px;
       z-index: 9999999;
}

.formfooter:after {
       content: '';
       position: absolute;
       background: url(assets/images/bottompt3.svg) no-repeat;
       width: 101%;
       height: 50%;
       top: -80px;
       background-size: contain;
       background-position: top;
       left: -1px;
       z-index: 9999999;
       filter: brightness(0) invert(1);
}


ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px;
  margin: 0;
  list-style: none;
  Z-INDEX: 99999999999;
}
ul.accordion-list li {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #2A3E92;
  margin: 0 auto 15px auto;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
ul.accordion-list li.active h3:after {
  transform: rotate(180deg);
  color: #fff;
}
ul.accordion-list li h3 {
  text-align: right;
  font-weight: 700;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 19px 20px 47px;
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: 0.5s;
  color: #fff;
}
ul.accordion-list li h3:after {
     content: '';
     position: absolute;
     display: block;
     width: 20px;
     height: 30px;
     background-image: url("data:image/svg+xml,%3Csvg id='fi_2985150' enable-background='new 0 0 128 128' height='512' viewBox='0 0 128 128' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Down_Arrow_3_' d='m64 88c-1.023 0-2.047-.391-2.828-1.172l-40-40c-1.563-1.563-1.563-4.094 0-5.656s4.094-1.563 5.656 0l37.172 37.172 37.172-37.172c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656l-40 40c-.781.781-1.805 1.172-2.828 1.172z'%3E%3C/path%3E%3C/svg%3E");
     background-repeat: no-repeat no-repeat;
     background-position: center center;
     background-size: cover;
     filter: brightness(0) invert(1);
     left: 21px;
     top: 17px;
}
ul.accordion-list li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 20px;
  cursor: pointer;
  color: #fff;
  text-align: right;
}
ul.accordion-list li div.answer p {
  position: relative;
  display: block;
  font-weight: 300;
  padding: 10px 0 0 0;
  cursor: pointer;
  line-height: 150%;
  margin: 0 0 15px 0;
  font-size: 16px;
}
li.active h3 {
    background: #2a3e92;
    color: #fff;
    border-bottom: 1px solid;
}

ul.accordion-list li h3 {
    font-weight: 400;
    font-size: 16px;
}
.faq h3 {
    font-size: 28px;
    color: #2A3E92;
}


    .formfooter {
    text-align: center;
    color: #fff;
    padding: 50px 0 30px 0;
    position: relative;
}

.formfooter form {
    display: block;
    color: #fff;
    width: 500px;
    margin: 20px auto;
    position: relative;
    z-index: 99999999999;
}

.formfooter form input {
    display: block;
    width: 100%;
    border-radius: 7px;
    margin: 12px 0;
    border: none;
    text-align: right;
}

.formfooter h4 {
    font-size: 22px;
}

.formfooter form button {
    background: #1fc12a;
    font-family: 'Shabnam';
    padding: 9px 60px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

a.phones {
    position: fixed;
    width: 60px;
    height: 60px;
    background: #fc301d;
    bottom: 20px;
    padding: 16px;
    border-radius: 60px;
    right: 18px;
    z-index: 999999999999;
}

a.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    background: #3c8d0f;
    bottom: 90px;
    padding: 16px;
    border-radius: 60px;
    right: 18px;
    z-index: 999999999999;
}

#result {
    background-color: green;
  padding: 20px;
  border-radius: 10px;
  display: none;
}