@font-face{font-family:IRANSans;font-style:normal;src:url(../fonts/IRANSansWeb.woff) format('woff'),format('truetype')}
@font-face{font-family:IRANSans;font-style:normal;src:url('../fonts/IRANSansWeb(FaNum).eot');src:url('../fonts/IRANSansWeb(FaNum).eot') format('embedded-opentype'),url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'),url('../fonts/IRANSansWeb(FaNum).woff') format('woff'),url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype')}
@font-face{font-family:IRANSansBold;font-style:normal;src:url(../fonts/bold/IRANSansWeb_Bold.woff) format('woff'),format('truetype')}
::-webkit-scrollbar{width:8px;border-radius:5px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#888}
::-webkit-scrollbar-thumb:hover{background:#555}
.scroller{scrollbar-width:thin;scrollbar-color:#555 #888}
a:active,a:focus,a:hover,a:link,a:visited{color:#161a1d!important;text-decoration:none!important}
body{background-image:radial-gradient(#e8e8e8 10%,transparent 10%),radial-gradient(#e8e8e8 10%,transparent 10%);background-position:0 0,30px 30px;background-size:20px 20px;height:200px;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body .container{font-family:IRANSans,Tahoma,Arial;font-style:normal;margin:0;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);background:#fff}
.flag-set{display:none;position:fixed;margin-right:25px;margin-top:320px;z-index:1}
.flag-set div{padding:3px}
.flag-set img{width:25px;height:25px}
body .modalFade{display:none;position:fixed;z-index:3;width:100%;height:100%;top:0;left:0;background-color:rgb(22,26,29,.8)}
.modalv{position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}
.modalv .closeBtn{width:30px;height:30px;color:#e8e8e8;background-color:#a4161a;border-radius:50%;display:flex;align-items:center;justify-content:space-evenly;float:right;cursor:pointer;font-weight:700}
.modalv .closeBtn:hover{color:#a4161a;background-color:#e8e8e8}
.modalFade .modalv video{width:720px;background-color:#d3d3d3;border-radius:5px;box-shadow:0 0 20px #404346;padding:15px;border:2px solid #404346;z-index:2000}
.modalFade .modalv video[poster]{object-fit:cover}
body .socialShare{display:none;position:fixed;z-index:3;width:100%;height:100%;top:0;left:0;background-color:rgb(22,26,29,.8)}
.socialShare .selector{position:absolute;left:50%;top:50%;width:140px;height:140px;margin-top:-70px;margin-left:-70px}
.socialShare .selector ul{position:absolute;list-style:none;padding:0;margin:0;top:-20px;right:-20px;bottom:-20px;left:-20px}
.socialShare .selector li{position:absolute;height:100%;margin:0 50%;-webkit-transform:rotate(-360deg);transition:all .9s ease-in-out}
.socialShare ul li a img{width:35px;height:35px;position:absolute;top:-25px}
.socialShare .circleSocial{position:relative;width:100%;height:100%;padding:10px;background:#161a1d;border-radius:50%;cursor:pointer;box-shadow:0 3px 3px rgba(0,0,0,.1);transition:all .1s}
.socialShare .circleSocial img{width:40px;display:flex;margin:28px auto}
.container .imgBackColor{background:#161a1d;border-radius:5px;height:30px;display:flex;align-items:center;justify-content:center;margin-left:24%;margin-right:24%;direction:ltr}
.container .index .instagram{background-image:url(../img/ico/ico-instagram.svg);background-repeat:no-repeat;width:18px;height:18px}
.container .index .instagram:hover{background-image:url(../img/ico/hover/ico-instagram-h.svg);transform:scale(1.2)}
.container .index .telegram{background-image:url(../img/ico/ico-telegram.svg);background-repeat:no-repeat;width:18px;height:18px}
.container .index .telegram:hover{background-image:url(../img/ico/hover/ico-telegram-h.svg);transform:scale(1.2)}
.container .index .aparat{background-image:url(../img/ico/ico-aparat.svg);background-repeat:no-repeat;width:18px;height:18px}
.container .index .aparat:hover{background-image:url(../img/ico/hover/ico-aparat-h.svg);transform:scale(1.2)}
.container .index .linkedin{background-image:url(../img/ico/ico-linkedin.svg);background-repeat:no-repeat;width:18px;height:18px}
.container .index .linkedin:hover{background-image:url(../img/ico/hover/ico-linkedin-h.svg);transform:scale(1.2)}
.container .index .youtube{background-image:url(../img/ico/ico-youtube.svg);background-repeat:no-repeat;width:18px;height:18px}
.container .index .youtube:hover{background-image:url(../img/ico/hover/ico-youtube-h.svg);transform:scale(1.2)}
.container .index .imgSocial{margin-left:6px}
.container .index .footer p{font-size:14px}
.container .index .text-footer{text-align:center;margin-top:6%;margin-bottom:10px;font-weight:700!important}
.container .index .footer p.footerRtext{margin-top:12px;font-size:12px;letter-spacing:0;color:#161a1d;text-align:none}
.container .index .footer .colect-img-textW{text-align:center;margin-top:5%;margin-left:-4%;display:flex}
.container .index .footer .colect-img-textS{text-align:center;margin-top:5%;margin-right:-4%;margin-left:1%;display:flex;justify-content:flex-end}
.container .index .footer .aboutTxt:hover,.container .index .footer .contactxt:hover,.container .index .footer .textWebsite:hover{color:#b1a7a6!important}
.container .index{box-shadow:0 0 20px #e6e6e6;padding:85px 65px}
.container .index .header{display:flex;justify-content:center;align-items:center}
.container .index .header .logo-livetab{display:flex;flex-direction:column;align-items:center;margin-left:35px}
#branchFoot,#branchSet{display:none}
.container .index .header .logo-livetab .branch-set{position:relative;width:200px;font-weight:700;text-align:center}
.container .index .header .logo-livetab .branch-set img{position:absolute;width:13px;right:65px;top:-2px}
.container .index .header .logo-livetab img{width:80px;margin-bottom:30px;margin-left:10px}
.container .index .header .vertical-align{display:flex;position:relative;justify-content:center;align-items:center;background-color:#a9a9a9;width:70px;height:350px;margin-left:15px;cursor:pointer}
.container .index .header .vertical-align .text-link{display:flex;justify-content:center;flex-direction:column;align-items:center}
.container .index .header .active-menu{display:flex;width:600px;flex-direction:column;align-items:flex-end;padding-left:30px;animation:widthAnim cubic-bezier(.175,.885,.32,1.275) 1s}
.container .index .header .active-menu .text-aligment{writing-mode:horizontal-tb;color:#fff;transform:rotateZ(0)}
.container .index .header .active-menu a{display:block;width:95px;height:35px;color:#fff!important;border:1px solid #fff;border-radius:0;text-align:center;padding-top:7px;margin-top:90px;opacity:1;transform:scale(1);z-index:50}
.container .index .header .active-menu .text-link .price-link-text{margin-top:10px}
.container .index .header .active-menu a:hover{color:#a9a9a9!important;background-color:#fff;font-weight:700;border-radius:8px;animation:radius cubic-bezier(.175,.885,.32,1.275) .9s}
.container .index .header .active-menu img{display:block;height:325px;right:0;position:absolute;opacity:1;animation:imgScaleActive cubic-bezier(.175,.885,.32,1.275) 1s}
.container .index .header .inactive-menu a,.container .index .header .inactive-menu img{display:none}
.container .index .header .vertical-align p{writing-mode:vertical-rl;color:#fff;transform:rotateZ(180deg)}
.container .index .about,.container .index .contactus,.container .index .request{display:flex;flex-direction:row;justify-content:space-around;border-bottom:1px solid #eee}
.container .index .about-tab-active,.container .index .contact-tab-active,.container .index .request-tab-active{cursor:pointer;border-bottom:2px solid #555;width:235px;text-align:center}
.container .index .about-tab-nactive,.container .index .contact-tab-nactive,.container .index .request-tab-nactive{cursor:pointer;width:235px;text-align:center}
.container .index .about-page .about-text-index,.container .index .contact-page .contact-text-index{width:100%;padding:30px;margin-top:22px}
.container .index .contact-page .contact-text-titr:after{content:"";display:block;width:90px;height:2px;background:#fe0000;margin-top:15px}
.container .index .about-page .about-text-info,.container .index .contact-page .contact-text-info{text-align:justify;line-height:2}
.container .index .contact-page .contact-text-info{font-size:12px}
.container .index .contact-page .contact-text-info img{width:15px}
.container .index .contact-page .contact-text-info .text-phone-align{direction:ltr;display:inline-block}
.container .index .about-page .about-text-titr,.container .index .contact-page .contact-text-titr{font-size:24px;font-weight:700;margin-bottom:25px}
.container .index .contact-page .contact-text-titr{font-size:20px;color:#676664}
.container .index .contact-page .contact-tab-iframe iframe{width:100%;height:280px;padding-left:25px}
.container .index .contact-page .contact-tab-iframe .text-btn-iframe{text-align:center;background-color:#999;color:#fff;width:200px;padding:9px 0;font-size:13px}
.container .index .contact-page .contact-tab-iframe .text-btn-iframe:hover{background-color:#222;animation:mapAnimation ease-in .3s}
.container .index .about-page .about-tab-img,.container .index .contact-page .contact-tab-iframe{display:flex;flex-direction:row;justify-content:flex-start;overflow:hidden;width:100%;transform:translate3d(0,0,10px);transition:all .8s ease 0s}
.container .index .contact-page .contact-tab-iframe{flex-direction:column}
.container .index .contact-page .box-bot-iframe{display:flex;flex-direction:row;justify-content:space-between;padding-left:25px;margin-top:20px}
.container .index .contact-page .img-social-info{margin-right:17px}
.container .index .contact-page .img-social-info img{width:17px}
.container .index .about-page .about-tab-img .div-width{width:100%;padding:30px}
.container .index .about-page .about-tab-img .blk-img{display:block}
.container .index .about-page .about-tab-img .anim-slide-next{transform:translate3d(0,0,10px);animation:animSlidNext ease-in-out .8s;opacity:1}
.container .index .about-page .about-tab-img .anim-slide-perv{transform:translate3d(0,0,10px);animation:animSlidPerv ease-in-out .8s;opacity:1}
.container .index .about-page .about-tab-img .no-img{display:none}
.container .index .about-page .about-tab-img img{width:100%}
.container .index .about-page .next-btn-about{position:absolute;right:45px;top:45%;z-index:100;cursor:pointer}
.container .index .about-page .next-btn-about img,.container .index .about-page .prev-btn-about img{width:40px}
.container .index .about-page .next-btn-about img:hover,.container .index .about-page .prev-btn-about img:hover{transform:scale(1.1)}
.container .index .about-page .prev-btn-about{position:absolute;left:45px;top:45%;z-index:100;cursor:pointer}
.container .index .about-page,.container .index .contact-page,.container .index .custor-page,.container .index .header,.container .index .projects,.container .index .statue-page{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:390px}
.container .index .custor-page{position:relative}
.container .index .statue-page .img-sild-one{display:flex;position:relative;flex-direction:row;overflow:hidden;margin-top:45px;width:680px}
.container .index .statue-page .img-sild-one .transfor-img-slid-one{display:flex;transform:translateX(0);transition:all .8s ease 0s}
.container .index .statue-page .img-slid-two .transfor-img-slid-two{display:flex;transform:translateX(0);transition:all .8s ease 0s}
.container .index .statue-page .btn-slid-one{display:flex;position:absolute;margin-top:20px;margin-right:10px}
.container .index .statue-page .img-sild-one img{width:150px;margin:10px}
.container .index .statue-page .btn-slid-one .btn-slid-one-next,.container .index .statue-page .btn-slid-one .btn-slid-one-perv,.container .index .statue-page .btn-slid-sec .btn-slid-sec-next,.container .index .statue-page .btn-slid-sec .btn-slid-sec-perv{width:20px;height:20px;background-color:#d63e00;margin-left:6px;text-align:center;font-weight:700;font-family:monospace;cursor:pointer;color:#fff}
.container .index .statue-page .img-slid-two{display:flex;flex-direction:row;overflow:hidden;width:340px}
.container .index .statue-page .img-slid-sec{display:flex;flex-direction:column;position:relative;overflow:hidden}
.container .index .statue-page .img-slid-sec .img-part-sec{display:flex;margin-top:5px}
.container .index .statue-page .img-slid-sec .img-text-sec p{text-align:center;transform:translateZ(10px);background-color:#ffffffd9;margin-top:-53px;font-weight:500;font-size:12px;padding:4px 0}
.container .index .statue-page .img-slid-sec img{width:150px;margin:15px 10px 15px 10px}
.container .index .statue-page .btn-slid-sec{display:flex;position:absolute;margin-top:15px;margin-right:147px}
.container .index .custor-page .img-sild-cus{display:flex;position:relative;flex-direction:row;overflow:hidden;margin-top:25px;width:850px}
.container .index .custor-page .img-sild-cus .transfor-img-customer{display:flex;transform:translateX(0);transition:all .8s ease 0s}
.container .index .custor-page .btn-slid-cus{display:flex;position:absolute;top:0;right:0;margin-top:50px;margin-right:100px}
.container .index .custor-page .img-sild-cus img{width:150px;margin:10px}
.container .index .custor-page .img-sild-cus .img-text p,.container .index .statue-page .img-sild-one .img-text p{margin-right:16px;font-size:12px;font-weight:500}
.container .index .custor-page .btn-slid-cus .btn-slid-cus-next,.container .index .custor-page .btn-slid-cus .btn-slid-cus-perv{width:20px;height:20px;background-color:#d63e00;margin-left:6px;text-align:center;font-weight:700;font-family:monospace;cursor:pointer;color:#fff}
.container .index .custor-page .btn-slid-cus .btn-slid-cus-next:hover,.container .index .custor-page .btn-slid-cus .btn-slid-cus-perv:hover,.container .index .statue-page .btn-slid-one .btn-slid-one-next:hover,.container .index .statue-page .btn-slid-one .btn-slid-one-perv:hover,.container .index .statue-page .btn-slid-sec .btn-slid-sec-next:hover,.container .index .statue-page .btn-slid-sec .btn-slid-sec-perv:hover{background-color:#f5f5f5;color:#bababa;opacity:1;animation:animBtnHover ease-in-out .5s}
input:focus{outline:0!important;border-color:#8f8f8f;box-shadow:0 0 15px #f7f7f7}
.container .index .request-set .align-set-form{display:flex;justify-content:center}
.container .index .request-set form{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:center;width:700px;height:390px;padding:25px}
.container .index .request-set form input,.container .index .request-set form select{width:200px;height:35px;margin-top:8px;padding-right:10px;border:1px solid #aaa;border-radius:5px;color:#161a1d;font-size:10px}
.container .index .request-set .align-set-form .field-address{width:412px}
.container .index .request-set .align-set-form .small-form .field-center{width:615px}
.container .index .request-set .align-set-form .small-form .field-left,.container .index .request-set .align-set-form .small-form .field-right{width:300px}
.container .index .request-set form input::placeholder{color:#8f8f8f;font-size:10px;padding-right:5px}
.container .index .request-set form input.field-submit{width:150px;color:#fff;background-color:#a4161a;margin-top:15px;font-size:12px;font-weight:700;outline:0;border:none;padding-right:0}
.container .index .request-set form input.field-submit:hover{border-radius:3px;color:#a4161a;background-color:#fff;border:1px solid #a4161a}
.container .index .request-set form .img-recaptcha{margin-left:15px}
.container .index .request-set form .img-recaptcha img{border:1px solid #aaa;margin-top:4px;border-radius:5px;height:34px}
.container .index .request-set form .img-recaptcha input{width:125px;padding-right:0;text-align:center}
.container .index .request-set form input.field-center{width:622px;height:100px}
.container .index .request-set form .set-align-submit{display:flex;flex-direction:row;align-items:flex-end;margin-right:228px}
.container .index .request-set .align-set-form .small-form .set-align-submit{margin-right:220px}
.container .index .projects .text-set-project .titr-set-project{text-align:center;font-size:24px;font-weight:500}
.container .index .projects .img-set-project{display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:scroll;width:833px;height:439px;padding:15px;margin-bottom:15px}
.container .index .projects .set-img-align{display:flex;flex-direction:column;align-items:center;margin-left:15px;margin-top:15px}
.container .index .projects .set-img-align a{display:flex;flex-direction:column;align-items:center}
.container .index .projects .set-img-align .text-align-img-set{display:flex;flex-direction:column;width:215px;background-color:#fff;transform:translateZ(10px);margin-top:-32px;padding:10px 10px 0 10px;box-shadow:0 0 5px #e6e6e6}
.container .index .projects .set-img-align .text-align-img-set .img-titr-set{font-size:12px;font-weight:700}
.container .index .projects .set-img-align .text-align-img-set .detail-img-set{font-size:11px}
.on{display:block}
.off{display:none}
#sendFormMessage .success-form-message{font-family:IRANSans;display:none;font-size:12px;font-weight:700;position:absolute;top:0;margin-top:5%;margin-right:40px;background:#0f0;padding:18px;border-radius:17px;color:#007500;z-index:3000}
#sendFormMessage .error-form-message{font-family:IRANSans;display:none;font-size:12px;font-weight:700;position:absolute;top:0;margin-top:5%;margin-right:40px;background:#e5383b;padding:18px;border-radius:17px;color:#fff;z-index:3000}
#sendFormMessage .fade-in{animation:fadeOut 8s;opacity:0}
@media only screen and (max-width:1200px){
.container .index .projects .img-set-project{width:568px}
.container .index .contact-page .contact-tab-iframe iframe{width:100%;height:235px;padding-left:0}
.container .index .contact-page .box-bot-iframe{flex-direction:column;align-items:center;padding-left:0}
.container .index .contact-page .contact-tab-iframe .text-btn-iframe{margin-top:10px}
.container .index .statue-page .img-sild-one{width:510px}
.container .index .custor-page .img-sild-cus{width:680px}
.container .index .custor-page .btn-slid-cus{margin-right:84px}
}
@media only screen and (max-width:992px){
.modalFade .modalv video{width:650px;padding:9px}
.container .index .header .logo-livetab img{width:60px}
.container .index .header .vertical-align{margin-left:5px}
.container .index .statue-page .img-sild-one{width:340px}
.container .index .custor-page .img-sild-cus{width:510px}
.container .index .custor-page .btn-slid-cus{margin-right:0;right:auto}
}
@media only screen and (max-width:767px){
.container .index .text-footer{font-size:13px}
.modalFade .modalv video{width:332px;padding:6px}
.container .index .projects .img-set-project{flex-direction:column;overflow-y:unset;flex-wrap:unset;width:0;height:auto}
#customersTabPage{margin-top:20px;margin-bottom:20px}
.container .index .custor-page .img-sild-cus{width:340px}
.container .index .custor-page .btn-slid-cus{margin-top:0}
#imgSlidTwo{margin-bottom:30px}
.container .index .about-page .next-btn-about img,.container .index .about-page .prev-btn-about img{display:none}
.container .index .about-page .about-tab-img .div-width{padding:0}
.container .index .about p,.container .index .request p{margin-top:14px}
.container .index .about-page .about-tab-img,.container .index .about-page .about-text-index{padding:20px}
.container .index .header p{margin:0}
.container .index .about-page,.container .index .contact-page,.container .index .custor-page,.container .index .header,.container .index .projects,.container .index .request-set form,.container .index .statue-page{flex-direction:column;height:auto}
.container .index .request-set form{width:100%;padding:15px}
.container .index .request-set .align-set-form .field-address,.container .index .request-set .align-set-form .small-form .field-center,.container .index .request-set .align-set-form .small-form .field-left,.container .index .request-set .align-set-form .small-form .field-right,.container .index .request-set form input,.container .index .request-set form input.field-center,.container .index .request-set form select{width:250px}
.container .index .request-set .align-set-form .small-form .set-align-submit,.container .index .request-set form .set-align-submit{flex-direction:column;align-items:center;margin-right:0}
.container .index .request-set form .img-recaptcha input{width:147px}
.container .index .request-set form .img-recaptcha{margin-left:0}
.container .index .contact-page .contact-tab-iframe iframe{padding-left:10px;padding-right:10px}
.container .index .contact-page .contact-tab-iframe .text-btn-iframe{margin-top:10px}
.container .index .about,.container .index .request{flex-direction:column;align-items:center}
body .container{position:unset;top:0;left:0;margin-right:0;transform:translate(0,0);background:0 0}
.container .index{box-shadow:none;padding:20px 35px}
.container .index .header{flex-direction:column}
.container .index .header .logo-livetab{margin-left:0}
.container .index .header .logo-livetab .branch-set{margin-bottom: 13px;}
.container .index .header .logo-livetab .branch-set img{top:-21px}
.container .index .header .logo-livetab img{width:60px;margin-bottom:20px;margin-top:20px;margin-left:0}
.container .index .header .vertical-align{width:90%;height:50px;margin-top:6px}
.container .index .header .active-menu{width:90%;height:250px;animation:activeAnimSmall cubic-bezier(.175,.885,.32,1.275) 1s}
.container .index .header .active-menu .text-aligment{writing-mode:unset}
.container .index .header .active-menu a{padding:6px 22px;margin-top:90px}
.container .index .header .active-menu .text-link .price-link-text{margin-top:10px}
.container .index .header .active-menu img{height:200px;animation:imgAnimeSmall cubic-bezier(.175,.885,.32,1.275) 1s}
.container .index .header .vertical-align p{writing-mode:unset;transform:rotateZ(0)}
.container .imgBackColor{margin-left:0;margin-right:0;margin-top:17px}
.container .index .footer .colect-img-textS{margin-right:0;margin-left:0}
}
@keyframes activeAnimSmall{
0%{height:0}
100%{height:250px}
}
@keyframes imgAnimeSmall{
0%{height:0}
100%{height:200px}
}
@keyframes fadeOut{
0%{opacity:1}
50%{opacity:1}
100%{opacity:0}
}
@keyframes animBtnHover{
0%{opacity:0}
100%{opacity:1}
}
@keyframes animSlidPerv{
0%{transform:translate3d(400px,0,10px);opacity:0}
100%{transform:translate3d(0,0,10px);opacity:1}
}
@keyframes animSlidNext{
0%{transform:translate3d(-400px,0,10px);opacity:0}
100%{transform:translate3d(0,0,10px);opacity:1}
}
@keyframes imgScaleActive{
0%{height:0;opacity:0}
10%{opacity:0}
100%{height:325px;opacity:1}
}
@keyframes widthAnim{
0%{width:70px}
100%{width:600px}
}
@keyframes mapAnimation{
0%{background-color:#999}
100%{background-color:#222}
}
@keyframes radius{
0%{border-radius:0}
100%{border-radius:8px}
}