﻿body {margin:0;font-family:fontman}
@font-face{font-family:fontman2;src:url(/font/Lalezar.otf) format("woff");}

ahed{position:fixed;width:calc(100%  - 20px);z-index:1;height:auto;background-image:linear-gradient(to left,#208dcc,#26cadc,#17c9f5);direction:rtl;padding:10px;top:0;left:0}

hed{display:table;padding:15px 0;overflow:hidden;margin-top:65px;background-image:linear-gradient(to right,#b3ecfa,white,white,white,white,white,white)}

hedl{position:relative;display:inline-block;vertical-align:middle;width:calc(40% - 5px);border:none;border-right:5px dashed #f0ecec;text-align:center}

hedr{display:inline-block;vertical-align:middle;width:60%;text-align:center;background-image:url(../pic/bghed.png);
     background-repeat:no-repeat;background-position:105% center;background-size:contain}

th2{display:block;text-align:right;padding:10px 40px;}
.nit1,.nit2,.nit3{position:absolute;width:100%;left:0%;}

logo{display:inline-block;vertical-align:middle;background-image:url(../pic/nitrojenS.png);background-position:center;border-radius:10px;width:150px;height:45px;background-repeat:no-repeat;background-color:white;background-size:90px}
item{display:inline-block;vertical-align:middle;width:calc(100% - 155px);text-align:left}
item lg,item lgs{color:white;margin:0 10px;font-size:15px;transition:.3s;cursor:pointer}
item lgs{border-radius:10px;padding:10px 20px;background-color:white;color:#208dcc;margin-left:0;font-weight:bold}
item lg:hover{color:#fcff00;transition:.3s}

menu{display:none;vertical-align:middle;cursor:pointer}
menus{transform:scaleX(0);transform-origin:right;transition:.5s;display:block;position:fixed;bottom:0;right:0;-webkit-box-shadow:0 0 15px 1px #ccc;background-color:white;height:100%;z-index:11;overflow-y:auto;max-width:85%;}
lmenus{display:block;background-image:url(../pic/bg.jpg);background-size:cover;width:100%;height:150px;background-position:center}
menus lg{cursor:pointer;display:block;border-top:1px solid #ccc;padding:15px;width:250px;text-align:right;color:#2f5b8f;transition:.5s;font-size:15px}
menus lg:before{content:'★';color:goldenrod;margin-left:15px}
menus lg:hover{color:#307fce;padding-right:25px;width:240px;}
kol{width:100%;height:100%;position:fixed;bottom:0;left:0;display:none;background-color:white;opacity:.5;z-index:10;cursor:pointer}
menus lgs{cursor:pointer;display:table;margin:17px auto;padding:4px 35px 6px 35px;border-radius:50px;background-image:linear-gradient(to left,#208dcc,#26cadc,#17c9f5,#26cadc,#208dcc)}


h1{display:block;font:30px fontman2;border-bottom:5px dashed #f0ecec;margin:0 20px 10px 20px;padding-bottom:30px}
h2,h3{display:block;font:17px fontman;direction:rtl;color:#808080;text-align:justify}
h2:before,h3:before{content:'✔️';vertical-align:middle;display:inline-block;margin-left:10px;color:#16c60c;font-size:12px}

khat,khat2,khat3{display:block;height:auto;padding:1px}
khat{background-image:linear-gradient(to left,#ffc000,#ffc000,white,white);}
khat2{background-image:linear-gradient(to right,#2fc9ff,#2fc9ff,white,white);}
khat3{background-image:linear-gradient(to left,#92cddc,#92cddc,white,white);}

dop,dop2,dop3{display:block;padding:20px;margin:20px;border-radius:150px;background-repeat:no-repeat;}
dop {background-image:url(../pic/bghed2.png);background-position:left center}
dop2{background-image:url(../pic/bghed3.png);background-position:right center;direction:rtl}
dop3{background-image:url(../pic/bghed4.png);background-position:85% center;border:2px dashed #d6e3bc;padding:40px;border-radius:10px}


dop img,dop2 img,dop3 img{display:inline-block;vertical-align:middle;width:400px;max-width:100%}
dop3 img{display:inline-block;vertical-align:middle;width:190px;max-width:100%}
dopr,dopr2{display:inline-block;vertical-align:middle;width:calc(100% - 405px);text-align:center;color:#808080;}
dopr2{width:calc(100% - 215px);text-align:center;padding:0 10px 0 10px}

dop3 isa{display:table;margin:30px 0 20px auto;font:28px fontman2;color:#2f5b8f;}

dop3 input{letter-spacing:10px;font:18px fontman2;display:block;margin:30px auto;width:300px;max-width:calc(100% - 12px);padding:5px 5px 2px 5px;border-radius:50px;outline:none;border:1px solid #ccc;text-align:center;color:#2f5b8f;background-color:transparent}
dop3 isc{display:table;margin:20px auto 20px 50px;background-color:rgba(13, 128, 128, 0.6);color:white;padding:5px 25px;border-radius:5px;background-image:linear-gradient(to left bottom,#61efff,#208dcc,#61efff);cursor:pointer}

xslid {padding:20px;display:block;margin-bottom:20px;background-image:url(../pic/cama.svg);background-repeat:no-repeat;background-size:20px;background-position:45px 35px;transition:1s;background-color:rgba(146, 205, 220, 0.1);border-radius:20px;transform:scaleX(1);transform-origin:center}
slid {display:inline-block;vertical-align:middle;width:calc(100% - 32px);direction:rtl;transition:1s;transform:scale(1);transform-origin:center;padding-left:30px}
tslid{display:inline-block;vertical-align:middle;width:2px;border-radius:150px;background-image:linear-gradient(to top,#92cddc,white,white,#92cddc);

}
slid img{width:70px;height:70px;object-fit:cover;border-radius:50%;float:right;margin-left:20px;}
stitl{display:block;text-align:right;color:black;font:bold 17px fontman;margin-bottom:10px}
stito{display:block;text-align:right;text-align:justify;}


tpb{display:table;font:28px fontman2;color:#2f5b8f;direction:rtl;margin:60px auto;background-repeat:no-repeat;background-position:right center;padding-right:85px;}
tpq{display:block;text-align:center;font:28px fontman2;color:#2f5b8f;margin:60px 0 30px 0}
sht{display:inline-block;margin-right:30px}

dix{display:flex;margin:30px 10px 0 10px;direction:rtl}
sul,sur{display:inline-block;vertical-align:middle;background-color:#f6f6f6;width:50%;margin:20px;text-align:center;padding:10px}
sula,sura{display:table;width:100px;height:100px;margin:10px auto;background-position:center;border-radius:50%;background-size:77px}
sult,surt{display:table;margin:10px auto;font:20px fontman2}
sulz,surz{display:block;text-align:justify;padding:20px;color:#808080}
sula{background-image:url(../pic/dix1.png);}
sult{color:#46566a}
sura{background-image:url(../pic/dix2.png);}
surt{color:#822727}
surz a{color:#208dcc;display:block;text-align:left;margin-top:20px}

footer{background-image:linear-gradient(to right,#208dcc,#26cadc,#17c9f5);color:white;width:100%;display:table;margin-top:20px;direction:rtl;padding:10px 0 0 0}

tofooter{display:inline-block;vertical-align:top;text-align:center;margin-top:15px;text-align:right;color:gold;font-size:16px}
.to1{width:22%;}
.to2{width:35%}
.to3{width:40%}
.to4{display:inline-block;width:210px;vertical-align:top;margin-left:10px}
footerd{display:inline-block;width:calc(100% - 230px);vertical-align:top}
tofooter a{color:white;font-size:13px;text-decoration:none;vertical-align:middle}
tofooter a:hover{color:#ffd700;}
.namadz{height:120px;width:100px;margin-top:10px;border-radius:5px;border:1px solid #307fce;background-color:white;vertical-align:middle;display:inline-block;object-fit:contain}
tofoot{text-align:center;padding:20px 15px 0 15px;font-size:13px;display:block}

@media(min-width:841px) {
    th2{background-image:url(../pic/th2.png);background-repeat:no-repeat;background-position:50px 50px;background-size:100px;}
}
tamas {display: block;border-top: 2px dashed #d6e3bc;text-align: right;padding: 40px 10px 0 10px;margin-top:40px;font:17px fontman2;color:#808080;}
.tel {display: table;letter-spacing:5px;text-align:left;color:#208dcc;}
@media(max-width:840px){
tamas {padding: 25px 10px 0 10px;margin-top:20px;}
.tel {margin-top:20px;}
dopr2{width:calc(100% - 20px)}
dop3{padding:20px}
dop3 img{width:150px}
dop3 input{display:block;margin:40px auto;padding:8px 5px 5px 5px}
dop3 isc{margin:20px auto 0 0;}
sht,dix{display:block;margin:0}
sul,sur{display:block;width:auto;}
dop,dop2{margin:20px 0;border-radius:0;background-size:150px}
dopr{display:block;width:100%;}
hed{display:block;padding:0;}
ahed{direction:ltr;padding:0 5px 0 15px;}
hed{margin-top:77px}
hedl{display:block;width:100%;border:none}
item{display:none}
menu{display:inline-block;width:calc(100% - 200px);height:45px;text-align:right;}
menu sp{display:inline-block;background-image:url(../pic/menu.png);background-position:center;background-repeat:no-repeat;background-color:white;border-radius:10px;width:45px;height:45px;background-size:25px}
hedr{display:block;width:100%;background-position:100% center;background-size:120px;}
h1{display:table;border-top:5px dashed #f0ecec;margin:10px auto 0 auto;padding:20px;}
.to1,.to2,.to3,.to4{width:100%;}
.to4{display:block;margin:0 auto;text-align:center;width:100%}
footerd{display:inline-block;width:100%;vertical-align:top}
.namadz{margin:10px 15px;}

}


.nit1{animation:200s linear 0s infinite ani1;}
.nit2{animation:8s linear 0s infinite ani2;}
.nit3{animation:12s linear 0s infinite ani3;}
@keyframes ani1{0%{transform:rotate(0deg);}100%{transform:rotate(360deg)}}
@keyframes ani2{0%{transform:rotate(360deg);}70%{transform:rotate(250deg);}90%{transform:rotate(300deg);}100%{transform:rotate(0deg)}}
@keyframes ani3{0%{transform:rotateY(0deg)rotate(0deg);}20%,30%{opacity:0.2;}25%,35%{opacity:1;}80%{transform:rotateY(0deg)rotate(0deg);}100%{transform:rotateY(360deg)rotate(360deg)}}

xlog,zlog{display:block;white-space:nowrap;overflow:hidden;height:100px;}
zlog{border-top:1px solid #ccc}
xlog img,zlog suf{display:inline-block;vertical-align:middle;height:60px;width:140px;object-fit:contain}
zlog suf{height:auto;width:160px;margin:0 10px;border-radius:0 0 20px 20px;padding:20px 0;text-align:center;cursor:pointer;color:#808080;border:1px solid #ccc;border-top:none}
zlog suf:hover{color:#2f5b8f}
start{display:block;height:300px;background-image:url(../pic/bg3.jpg);background-repeat:no-repeat;background-size:cover;text-align:center;background-position:center;margin:40px 0 60px 0}
el1,el2,el3{display:inline-block;vertical-align:middle}
el1,el3{width:50px;height:300px;background-color:rgba(22, 159, 159, 0.3)}
el2{width:140px;padding:10px 30px;background-color:rgba(22, 159, 159, 0.3);cursor:pointer;color:white;text-align:center;font:22px fontman2;margin:0 calc((100% - 310px) / 2);}


@font-face{font-family:fontman;src:url(/font/Sahel.woff) format("woff");}


