body{background:#fefefe;margin:0;padding:0;font:12px ramin;color:#fff; direction:rtl;   -ms-overflow-style: none;  /* IE and Edge */  scrollbar-width: none;  /* Firefox */}
body::-webkit-scrollbar {
    display: none;
}


.top-line{background:#2e2518;color:#d7d4d0; position:absolute;top:0;left:0;right:0;height:40px;;z-index:11;}
.top-line-right{font:14px ramin;line-height:35px;display:inline-block;margin-left:22px;}
.top-line-right i{ display:inline-block;color:#EEAE1E}

.top-line-social{border-left:solid 1px #927a4f;font-size:20px; display:inline-block;padding:9px;color:#EEAE1E}





/*---------------- Default ----------------*/
.slider{margin-top:40px;}

.header{color:#2e2518;position:absolute;top:70px;left:10%;right:10%;border-radius:20px;background:rgba(255,255,255,0.6);backdrop-filter: blur(7px);padding:20px 30px;z-index:1111;}
.main-menu a{color:#000;display:inline-block;padding:8px 15px;;font-size:16px;margin:0 7px;}
.main-menu a:hover{csolor:#fff;border-radius:10px;border-bottom:solid 2px #aaa;}


/*---------------- Slider ----------------*/
.slider{position:relative;width:100%;height:90vh;overflow:hidden;}
.img-slider{ left:0;right:0;position:absolute;visibility:hidden;transition: all 1.5s ; -moz-transition:all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;}
.img-slider:first-child{visibility:visible;}
.img-slider img{width:100%;height:100%;}

.img-slider span{position:absolute;bottom:-250px;right:50%;margin-right:-220px; color:#fff;z-index:111;width:450px;height:450px;border-top:solid 2px #000; text-align:center;padding-top:50px;}
.img-slider span:before{content:'';display:block;padding:25px;border-radius:70px;background:rgba(255,255,255,0.6);transform: rotate(10deg);width:inherit;height:inherit;position:absolute;z-index:-1;top:0;right:0;animation:slider1 25s ease-in-out  infinite;}
.img-slider span:after{content:'';display:block;padding:25px;border-radius:70px;background:rgba(224, 91, 66,0.9);transform: rotate(45deg);width:inherit;height:inherit;position:absolute;z-index:-1;top:0;right:0;animation:slider2 15s ease-in-out  infinite }
.img-slider span h2{display:inline-block;font:27px raminb;}
.img-slider span h3{padding-top:30px;}
@keyframes slider1{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(80deg);}
    100%{transform: rotate(10deg);}
}
@keyframes slider2{
    0%{transform: rotate(45deg);}
    20%{transform: rotate(35deg);}
    70%{transform: rotate(55deg);}
    100%{transform: rotate(45deg);}
}


/*---------------- 3 part ----------------*/
.part3{margin:0 auto; padding:0 10%;}
.part3 h4{margin-bottom:15px; font:26px raminb;color:#4d453a; border-bottom:3px #E54B49 solid;display:inline-block;padding:0 0px 10px 15px;}




/*----------------  part red ----------------*/
.part-red{background:#E54B49;text-align:center;padding:55px 0;;position:relative;overflow:hidden;}
.part-red:before{content:'';background:#fff;box-shadow:0 0 90px 90px #fff;opacity:0.3; transform: rotate(20deg); display:block;width:30px;height:120%;animation:partred 3s ease-in-out infinite;position:absolute;top:-20px;left:-200px}
@keyframes partred{
    0%{left:-200px}
    40%{left:120%}
    100%{left:120%}
}




/*---------------- slider-work ----------------*/
.slider-work{padding:60px 10%;background:#F4F2EE;height:700px;position:relative;}
.slider-work img{width:100%;height:450px;}
.work-inf{border-bottom:solid 1px #ccc; padding:30px;}
.work-inf i{color:#ccc;font-size:30px; display:block;float:right;padding:10px;border:solid 1px #ccc;margin-left:25px;}
.work-inf h4{color:#E54B49;font:22px raminb;padding-bottom:10px;}
.work-inf h5{color:#444;font-size:16px;}
.slider-work a{display:block;background:#E54B49;color:#fff;padding:25px;font-size:25px;text-align:center;height:89px;}
.slider-work a:hover > i {margin-right:15px;}
.workbox{position:absolute;opacity:0;visibility:hidden;left:10%;right:10%;}
#workbox1{visibility:visible;opacity:1;}
.nextwork,.prevwork{display:inline-block;width:50px;height:50px;background:#EEAE1E;color:#fff;padding:10px;text-align:center;;cursor:pointer;}
.nextwork{margin-left:10px;}


/*---------------- my team ----------------*/
.myteam{padding:60px 10%;background: url(../img/team-bg.png) left no-repeat; }
.box-myteam img{display:block;margin:0 auto; width:200px;height:200px;border-radius:50%;border:solid 5px #eee; transition: all 0.3s ; -moz-transition:all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.box-myteam:hover > img{box-shadow:0 0 45px #bbb;}
.myteam h4{font:25px raminb;color:#E54B49}
.myteam h5{font:15px raminb;color:#fff;background:#8ec22d;display:inline-block;padding:7px 25px;border-radius:10px;margin:7px 0;}
.myteam h6{font:14px ramin;color:#777}

.part-title{font:bold 25px ramin;color:#777;margin-bottom:10px;}
.part-title:before{content:'';width:35px;height:35px;border-radius:10px;background:#E54B49; margin-left:10px;float:right;transform:rotate(45deg);margin-top:4px;}


/*---------------- Callme ----------------*/
.callme{padding:50px 7%;background:fixed url(../img/callme.jpg) center; background-size: cover; backdrop-filter: blur(25px);}
.callme-box{background:rgba(255,255,255,0.7);border:solid 1px #fff;backdrop-filter: blur(1px);padding:30px 40px;}
.callme-box h4{color:#333;font:25px raminb;line-height:50px;margin-bottom:15px;}
.callme-box h4 i{color:#fff;background:#ff9c00; font-size:30px;width:50px;height:50px; display:block;float:right;text-align:center;line-height:49px; margin-left:10px;}
.callme-box span{color:#000;font:19px raminb;line-height:35px;margin-bottom:10px;display:block;}
.callme-box span i{color:#fff;background:#88c738; font-size:16px;width:30px;height:30px; display:inline-block;text-align:center;line-height:29px; margin:0 10px;border-radius:10px;}

.f-majazi{display:block;margin:10px auto;width:300px;text-align:center;color:#000;font:17px raminb}
.f-majazi a{display:inline-block; width:60px; height:60px; transition: all 0.3s ; -moz-transition:all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.f-majazi a:hover{box-shadow:0 5px 7px -7px rgba(0,0,0,0.9);transform: scale(1.06)}
.telegram{background:url(../images/majazi.png) 0 0 !important;}
.inista{background:url(../images/majazi.png) -60px 0 !important;}
.aparat{background:url(../images/majazi.png) -120px 0 !important;}
.whats{background:url(../images/majazi.png) -180px 0 !important;}
.eata{background:url(../images/majazi.png) -240px 0 !important;}

.sendpm{background:#E54B49;font-size:18px;padding:15px 30px;}




/*---------------- Footer ----------------*/
.footer{background:#48433d url(../images/footer-bg.png)bottom no-repeat;padding:30px 9%;}
.footer h4{font:18px ramin;}
.footer h4:before{content:'\e821';color:#E54B49;font-size:24px;margin-left:7px;float:right;line-height:27px;}
.footer a{color:#aaa;display:block;padding:5px 7px;font-size:14px; transition: all 0.3s ; -moz-transition:all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.footer a:hover{padding-right:15px;color:#fff;}
.footer a[href$='.aspx']:before{content:'\f111';color:#E54B49;font-size:7px;margin-left:7px;}
.footer hr{border-color:#aaa;;}
.footer-call{font:17px raminb;color:#aaa;margin-bottom:18px}
.footer-call i{color:#ffac00;float:right;margin-left:20px;font-size:20px;padding-bottom:15px;}


@media only screen and (max-width: 1200px) {

.header{left:5%;right:5%;background:rgba(255,255,255,0.8)}
.main-menu a{padding:8px 10px;;font-size:13px;margin:0 5px;}
.header h1{font-size:16px;}

.footer{padding:30px 1%;}


}