﻿main{background:linear-gradient(to bottom,transparent,var(--body)),linear-gradient(to right,transparent,var(--body))}
.other-site .is_back{position:fixed;top:-10%;left:-10%;height:120%;z-index:-1;width:120%;opacity:.2;max-width:120%}
.other-site .main{width:1100px}
.other-site .sidebar{width:200px;margin-top:40px}
.other-site .sidebar.show{top:110px !important}
.other-site .sidebar .name,.other-site .entery .title{border-bottom:1px var(--white) solid;margin-bottom:15px}
.other-site .sidebar .name div,.other-site .entery .title div{border-bottom:2px var(--color) solid;margin-bottom:-1px;padding-bottom:15px}
.other-site .sidebar ul li a{padding:15px;margin:7.5px 0;font-weight:bold}
.other-site .sidebar ul li a:before{content:"";width:8px;height:8px;display:inline-block;border-radius:50%;margin-left:10px;background-color:#fff;opacity:.5}


.other-site .sidebar ul li.active a,.other-site .sidebar ul li.active a:hover,.other-site .sidebar ul li a:hover{box-shadow:0 3px 10px 0 #68cB5B33;background-color:var(--color) !important;color:#fff !important}

.other-site .sidebar ul:hover li a{box-shadow:none !important;background-color:var(--blur) !important;color:#ddd !important}
.light-mode .other-site .sidebar ul:hover li a{color:#60666c !important;box-shadow:0 1px 15px 0 rgba(0,0,0,.1) !important}
.other-site .sidebar ul li.active a:hover,.other-site .sidebar ul li a:hover,.light-mode .other-site .sidebar ul li.active a:hover,.light-mode .other-site .sidebar ul li a:hover{box-shadow:0 3px 10px 0 #68cB5B33;background-color:var(--color) !important;color:#fff !important}
.light-mode .other-site .sidebar ul li a,.light-mode .other-site .entery .amar .big-item,.light-mode .other-site .entery .table-ads,.light-mode .tamas-ads,.light-mode .rt-faqs .item,.light-mode .other-site .entery .rt-tamas,.light-mode .about-us .steps .brief,.light-mode .form-req .forms{box-shadow:0 1px 15px 0 rgba(0,0,0,.1)}

.other-site .entery{width:calc(100% - 245px);margin-top:40px;min-height:700px}
.other-site .entery .rt-matn{line-height:2.1}
.other-site .entery .text-contact{margin:10px 0;text-align:justify}
.other-site .entery .text-contact p{margin-bottom:20px}
.other-site .entery .text-contact p:last-child{margin-bottom:0}
.other-site .entery .rt-tamas{width:calc(100% - 160px);margin:25px 80px;padding:40px 300px 40px 30px}
.other-site .entery .rt-tamas .title{margin-bottom:15px}
.other-site .entery .rt-tamas .bdt-form-default,.form-req form input{width:100%;padding:10px 15px;background-color:var(--white);border:0;margin:7.5px 0;color:#fff;font-size:14px;border-radius:8px;float:right}
.other-site .entery .rt-tamas textarea{height:100px}
.other-site .entery .rt-tamas input[type="submit"],.form-req form input[type="submit"]{font-family:dana;box-shadow:0 3px 10px 0 #68cB5B33;margin-top:7.5px;background-color:var(--color) !important;color:#fff !important;font-family:dana;font-size:14px;padding:10px 20px;border-radius:8px;float:left;border:0;font-weight:bold;cursor:pointer;border-bottom:3px rgba(0, 0, 0, 0.15) solid}
.other-site .entery .rt-tamas .char{right:0;bottom:45px;width:280px}


.other-site .entery .tamas-ul{margin-bottom:60px}
.other-site .entery .tamas-ul li{padding:10px 0}
.other-site .entery .tamas-ul li .num{width:20px;height:20px;margin-top:4px}
.other-site .entery .tamas-ul li .text{width:calc(100% - 40px);line-height:1.9}

.other-site .entery .text-ads{width:calc(60% - 40px);margin:25px 0;text-align:justify}
.other-site .entery .amar{width:40%;margin-top:30px}
.other-site .entery .amar .item{width:50%;padding:15px}
.other-site .entery .amar .item .num{margin-bottom:8px;font-size:42px}
.other-site .entery .amar .big-item{padding:10px 20px 7px;margin-top:20px}
.other-site .entery .amar .big-item .name{margin:8px 15px;line-height:1}
.other-site .entery .amar .big-item .val{margin:10px 0;line-height:1}


.other-site .entery .table-ads{margin:30px 0;padding:20px}
.other-site .entery .table-ads .pic-side{width:370px}
.other-site .entery .table-ads .pic-side #go-ad{top:-100px;right:0}
.other-site .entery .table-ads .pic-side img{display:none}
.other-site .entery .table-ads .btns{width:calc(100% - 370px);padding:10px 10px 10px 30px}
.other-site .entery .table-ads .btns .btn{padding:10px 20px;margin:8px 0}
.other-site .entery .table-ads .btns .btn span{padding:6px 10px}
.other-site .entery .table-ads .btns .btn span.name{width:calc(100% - 145px)}
.other-site .entery .table-ads .btns .btn .arrow{opacity:0}
.other-site .entery .table-ads .btns .btn:hover .arrow{opacity:1}
.other-site .entery .table-ads.active-1 .pic-side img.pic-1,
.other-site .entery .table-ads.active-2 .pic-side img.pic-2,
.other-site .entery .table-ads.active-3 .pic-side img.pic-3,
.other-site .entery .table-ads.active-4 .pic-side img.pic-4,
.other-site .entery .table-ads.active-5 .pic-side img.pic-5,
.other-site .entery .table-ads.active-6 .pic-side img.pic-6
{display:block}
.other-site .entery .table-ads.active-1 .btns .btn.step-1 .arrow,
.other-site .entery .table-ads.active-2 .btns .btn.step-2 .arrow,
.other-site .entery .table-ads.active-3 .btns .btn.step-3 .arrow,
.other-site .entery .table-ads.active-4 .btns .btn.step-4 .arrow,
.other-site .entery .table-ads.active-5 .btns .btn.step-5 .arrow,
.other-site .entery .table-ads.active-6 .btns .btn.step-6 .arrow
{opacity:1}
.other-site .entery .table-ads.active-1 .btns .btn.step-1,
.other-site .entery .table-ads.active-2 .btns .btn.step-2,
.other-site .entery .table-ads.active-3 .btns .btn.step-3,
.other-site .entery .table-ads.active-4 .btns .btn.step-4,
.other-site .entery .table-ads.active-5 .btns .btn.step-5,
.other-site .entery .table-ads.active-6 .btns .btn.step-6
{background-color:var(--color);color:#fff}



.title-asli .des{margin-top:10px}

.about-us{padding:60px 0 30px}
.about-us .steps{margin:30px 0}
.about-us .steps button{width:16.66%;border:0;background:none;padding:30px 0 20px}
.about-us .steps button.step-1:before,.about-us .steps button.step-6:after{display:none}
.about-us .steps button:before,.about-us .steps button:after{height:3px;width:50%;content:"";position:absolute;top:10px;background-color:#d8d8d8;z-index:-1}
.about-us .steps button:before{right:0}
.about-us .steps button:after{left:0}
.about-us .steps button span:after{height:16px;width:16px;content:"";position:absolute;top:4px;left:calc(50% - 8px);border-radius:50%;background-color:#d8d8d8}
.light-mode .about-us .steps button:before,.light-mode .about-us .steps button:after,.light-mode .about-us .steps button span:after{background-color:#999}
.about-us .steps:before{background-color:var(--color);position:absolute;height:3px;top:10px;right:8.33%;width:0;content:""}
.about-us .steps.active-2:before{width:16.66%}
.about-us .steps.active-3:before{width:33.33%}
.about-us .steps.active-4:before{width:49.98%}
.about-us .steps.active-5:before{width:66.64%}
.about-us .steps.active-6:before{width:83.3%}
.about-us .steps .brief{padding:30px;width:calc(100% - 400px);margin:20px 200px;background-color:var(--blur);border-radius:15px;display:none}
.about-us .our-team .member{padding:40px}
.about-us .our-team .member.add .inline{border:7px var(--white) dashed;padding:40px 20px;line-height:2;margin-top:15px}
.about-us .our-team .member.add .fa-plus{font-size:70px;margin-bottom:15px;color:#ddd}
.about-us .story .main{width:800px}
.about-us .story .rt-matn{margin-top:15px}
.about-us .story .pic{margin:40px 0 30px}
.about-us .steps.active-1 .text-1,.about-us .steps.active-2 .text-2,.about-us .steps.active-3 .text-3,.about-us .steps.active-4 .text-4,.about-us .steps.active-5 .text-5,.about-us .steps.active-6 .text-6{display:block}.about-us .steps.active-1 button.step-1 span:after,.about-us .steps.active-2 button.step-1 span:after,.about-us .steps.active-2 button.step-2 span:after,.about-us .steps.active-3 button.step-1 span:after,.about-us .steps.active-3 button.step-2 span:after,.about-us .steps.active-3 button.step-3 span:after,.about-us .steps.active-4 button.step-1 span:after,.about-us .steps.active-4 button.step-2 span:after,.about-us .steps.active-4 button.step-3 span:after,.about-us .steps.active-4 button.step-4 span:after,.about-us .steps.active-5 button.step-1 span:after,.about-us .steps.active-5 button.step-2 span:after,.about-us .steps.active-5 button.step-3 span:after,.about-us .steps.active-5 button.step-4 span:after,.about-us .steps.active-5 button.step-5 span:after,.about-us .steps.active-6 button.step-1 span:after,.about-us .steps.active-6 button.step-2 span:after,.about-us .steps.active-6 button.step-3 span:after,.about-us .steps.active-6 button.step-4 span:after,.about-us .steps.active-6 button.step-5 span:after,.about-us .steps.active-6 button.step-6 span:after{background-color:var(--color)}
.about-us .steps.active-1 button.step-1 span,.about-us .steps.active-2 button.step-1 span,.about-us .steps.active-2 button.step-2 span,.about-us .steps.active-3 button.step-1 span,.about-us .steps.active-3 button.step-2 span,.about-us .steps.active-3 button.step-3 span,.about-us .steps.active-4 button.step-1 span,.about-us .steps.active-4 button.step-2 span,.about-us .steps.active-4 button.step-3 span,.about-us .steps.active-4 button.step-4 span,.about-us .steps.active-5 button.step-1 span,.about-us .steps.active-5 button.step-2 span,.about-us .steps.active-5 button.step-3 span,.about-us .steps.active-5 button.step-4 span,.about-us .steps.active-5 button.step-5 span,.about-us .steps.active-6 button.step-1 span,.about-us .steps.active-6 button.step-2 span,.about-us .steps.active-6 button.step-3 span,.about-us .steps.active-6 button.step-4 span,.about-us .steps.active-6 button.step-5 span,.about-us .steps.active-6 button.step-6 span{color:var(--color)}


.rt-faqs{margin-bottom:30px}
.rt-faqs .name{margin:30px 0 20px}
.rt-faqs .item{line-height:2;padding:35px;margin-bottom:20px;text-align:justify}
.rt-faqs .item .qu{margin-bottom:8px}


.order-ads{width:calc(100% - 410px);line-height:2;text-align:justify;margin:20px 0}
.order-ads .name{margin-bottom:10px}
.order-ads p{margin-bottom:5px}

.tamas-ads{width:375px;padding:20px 35px;margin-top:60px}
.tamas-ads li{padding:15px 0;border-bottom:1px var(--white) solid}
.tamas-ads li:last-child{border-bottom:0}
.tamas-ads li .val{direction:ltr;letter-spacing:2px}


.left-req{width:55%;margin-top:30px}

.other-site .entery .left-req .tamas-ul{margin-bottom:35px}
.form-req{width:calc(45% - 40px);margin-top:40px}
.form-req .forms{padding:10px 30px 30px}
.form-req form input{text-align:center;margin-top:0;padding:15px;font-weight:bold}
.form-req form label,.form-req form button i{display:none}
.form-req form button{width:100%;float:right}
.form-req .is_px{width:180px;margin:0 calc(50% - 90px) 10px}


.tamas-ads li a.val:hover{color:var(--color)}
.other-site .entery .rt-tamas .bdt-button:hover,.form-req form button:hover{opacity:.8}
.other-site .entery .rt-tamas .bdt-form-default:hover,.form-req form input:hover,.other-site .entery .rt-tamas .bdt-form-default:focus,.form-req form input:focus{background-color:rgba(255, 255, 255, 0.1)}


.about-us .our-team .member.add .inline:hover{border-color:rgba(255, 255, 255, 0.3)}

.light-mode .rt-faqs .item .qu,.light-mode .tamas-ads li .val,.light-mode .about-us .steps .brief .name{color:#666}
.light-mode .other-site .entery .table-ads .btns .btn{background-color:var(--white)}
.light-mode .other-site .entery .rt-tamas .bdt-form-default,.light-mode .form-req form input{color:#444}

.light-mode .other-site .entery .rt-tamas .bdt-form-default:hover,.light-mode .form-req form input:hover,.light-mode .other-site .entery .rt-tamas .bdt-form-default:focus,.light-mode .form-req form input:focus{background-color:rgba(0, 0, 0, 0.1)}


.dark-mode .rt-alert-modal .enteryx{background-color:rgba(220, 225, 229, 0.24);color:#fff}



@media only screen and (max-width:920px){
.about-us .our-team .member{padding:30px 20px}
.about-us .our-team .member.add .fa-plus{font-size:50px}
.about-us .our-team .member.add .inline{margin-top:30px;padding:20px 13px;font-size:14px;border-width:5px}
.other-site .entery{min-height:0;width:100%;margin-top:30px}
.other-site .sidebar,.other-site .entery .rt-tamas .char{display:none}
.other-site .entery .title{font-size:16px;margin-bottom:10px}
.other-site .entery .rt-tamas{width:100%;margin:20px 0;padding:20px}
.other-site .entery .tamas-ul{margin-bottom:20px}
.other-site .entery .text-contact{font-size:14px}
.other-site .entery .amar .item{width:100%;padding:20px 0}
.other-site .entery .amar .big-item .name{width:calc(100% - 35px);margin:10px 0;float:left}
.other-site .entery .amar .big-item{padding:10px}
.other-site .entery .amar{width:100px}
.other-site .entery .amar .big-item i{margin-top:6px}
.other-site .entery .amar .item .num{font-size:35px}
.other-site .entery .table-ads .btns .btn i{transform:rotate(-90deg)}
.other-site .entery .text-ads{width:calc(100% - 130px)}
.other-site .entery .amar .big-item .val,.order-ads,.other-site .entery .table-ads .pic-side{width:100%}
.other-site .entery .table-ads .btns{width:100%;padding:0}
.other-site .entery .table-ads{padding:15px;margin:10px 0}
.other-site .entery .table-ads .pic-side{margin-top:10px}
.other-site .entery .table-ads .btns .btn span.name{font-size:13px}
.other-site .entery .table-ads .btns .btn{padding:10px 10px 10px 15px}
.tamas-ads{width:100%;margin:10px 0 40px}
.rt-faqs .name{font-size:16px;margin:0 0 20px}
.rt-faqs .item{padding:20px;font-size:13px}
.rt-faqs .item .qu{font-size:14px}
.rt-faqs{margin-bottom:10px}
.form-req,.left-req{width:100%;margin-top:20px}
.about-us .steps .brief{width:100%;margin:0 0 30px;padding:20px}
.other-site .main .main{max-width:100%}
.other-site .title-asli .name{font-size:16px}
}
@media only screen and (max-width:890px){
.about-us{padding:30px 0 20px}
.about-us .steps button span{font-size:13px}
.about-us .steps{margin:10px 0}
.about-us .steps .brief .rt-matn,.about-us .story .rt-matn{font-size:14px}
}
@media only screen and (max-width:750px){
.about-us .our-team .member img{margin-bottom:10px}
.about-us .story .pic{margin:0 0 20px}
.about-us .story .main{max-width:100%}
.about-us .our-team .member{padding:15px}
.about-us .our-team .member.add .inline{font-size:13px;margin-top:20px}
}
@media only screen and (max-width:650px){
.about-us .steps button span{font-size:11px}
}