@font-face {font-family: 'yekan';font-weight: normal;font-style: normal;src: url('/Layout/Font/yekan.woff')}
* {margin: 0;padding: 0;text-decoration: none;outline: 0}


::-webkit-scrollbar{width:4px;background-color:#111328;direction:rtl}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);background-color:#cdd8e4}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.5);background-color:#111328}

a {color: #f4a302;}
a:hover {color: #f4a302;}

ul,ol {list-style-position: inside}



body {font-family: 'Yekan', Tahome, Arial;font-size: 100%;line-height: 175%;overflow-x:no-content;direction:rtl;text-align:justify; background-color:#2b2e4e; color:#f8f9ff}
   
#Nav{position:fixed;top:0;right:0;left:0;width:100%;z-index:999;transition:1s;}

#Sidebar {width: 30%;height: 100%;position: fixed;background-color: #333;-webkit-transition: all 1s;transition: all 1s;right: 0;top:0;z-index:999999;overflow-y:auto;}
#Sidebar.closed {right: -30%;}
#Sidebar > b {font-size: 120%;}
#Sidebar > a {font-size: 80%;color:#0f0;}
#Sidebar> nav{margin-bottom:1em; background-color:#ccc;padding:1px 1px 0 1px;}
#Sidebar> nav > ul li{list-style:none;overflow:hidden;}

#Sidebar> nav > ul > li > ul > li:nth-child(1) a{display: block;font-size: 14px;height: 30px;padding: 3px 10px;color: #111328;margin-bottom:1px; background-color:#fff; background-image:url('/Layout/Files/Site/left.png'); background-position:10px center; background-repeat:no-repeat;}
#Sidebar> nav > ul > li > ul > li:nth-child(1) > a:hover{background-color: #f1f3f6;}
#Sidebar> nav > ul > li > ul > li:nth-child(2){display:none; padding:0;}
#Sidebar> nav > ul > li > ul > li:nth-child(2) li{margin: 0; border-bottom:1px solid #ccc;vertical-align:middle;overflow:hidden; padding:0;}
#Sidebar> nav > ul > li > ul > li:nth-child(2) a{background-color: #f1f3f6;display: block;padding: 0px 5px;font-size: 80%;color: #111328;}
#Sidebar> nav > ul > li > ul > li:nth-child(2) a:hover{background-color: #eee;}



#Toggle {height: 50px;width:100px;margin-left:-110px;position: fixed;top: 20%;left:0;z-index:9999; background-image:url('/Layout/Files/Site/Search.gif'); background-position:right center; background-repeat:no-repeat; transition:.3s;box-shadow:0 0 10px #111328; border:1px solid #069; border-radius:5px; background-color:#f4a302;cursor: pointer; padding-right:60px; line-height:50px; vertical-align:middle; font-size:1.5em; color:#111328;}
#Toggle:hover {margin-left:-5px;}
#Toggle.closed {width: 100%;height: 100%;opacity: .5;background-image:none; background-color:#111328; margin-right:0; top:0;color:transparent;}

#Sidebar > b {background-color: #fff;text-align: center;display: block;color: #333; font-size:150%; padding:1% 0;}



#Search{display:block;width:92%;margin:2% auto;padding:2%;}

#Menu,#Menu ul,#Menu ul li,#Menu ul li a,#Menu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#2b2e4e;}
#Menu{z-index:999;text-align:right;transition:1s;width:auto;line-height:1;border-top:10px solid #93a5ec;border-bottom:1px solid #93a5ec;}
#Menu>ul{padding-right:5%;background-position:1% center;background-size:15%;background-repeat:no-repeat; background-image:url('/Layout/Files/Site/logo.png');}
#Menu:after,#Menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#Menu #menu-button{display:none}
#Menu>ul>li{-webkit-perspective:1111328px;-moz-perspective:1111328px;perspective:1111328px;float:right}
#Menu.align-center>ul{font-size:0;text-align:center}
#Menu.align-center>ul>li{display:inline-block;float:none}
#Menu.align-left>ul>li{float:left}
#Menu>ul>li>a{padding:16px 20px;font-size:90%;color:#93a5ec;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
#Menu>ul>li.active>a{color:#111328}
#Menu>ul>li:hover>a,#Menu>ul>li>a:hover{color:#fff;-webkit-transform:rotateX(90deg) translateY(-23px);-moz-transform:rotateX(90deg) translateY(-23px);transform:rotateX(90deg) translateY(-23px);-ms-transform:none; background-color:#525784;}
#Menu>ul>li>a::before{position:absolute;top:100%;right:0;z-index:-1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:16px 20px;color:#2b2e4e;content:attr(data-title);-webkit-transition:background .5s;-moz-transition:background .5s;transition:background .5s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-ms-transform:translateY(- -18px)}
#Menu>ul>li:hover>a::before,#Menu>ul>li>a:hover::before{color:#fff}
#Menu.small-screen{width:100%;}
#Menu.small-screen>ul,#Menu.small-screen.align-center>ul{width:100%;text-align:right; padding-right:0;}
#Menu.small-screen>ul>li,#Menu.small-screen.align-center{float:none;display:block;border-top:1px solid #5e617d}
#Menu.small-screen>ul>li:hover>a,#Menu.small-screen>ul>li>a:hover{color:#2b2e4e;-webkit-transform:none;-moz-transform:none;transform:none;-ms-transform:none}
#Menu.small-screen>ul>li>a::before{display:none}
#Menu.small-screen #menu-button{display:block;padding:16px 7%;cursor:pointer;font-size:14px;text-decoration:none;text-align:center}
#Menu.small-screen #menu-button:after{content:"";position:absolute;left:20px;top:17px;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border-top:2px solid #aaa;border-bottom:2px solid #aaa;width:22px;height:3px}
#Menu.small-screen #menu-button.menu-opened:after{border-top:2px solid #fff;border-bottom:2px solid #fff}
#Menu.small-screen #menu-button:before{content:"";position:absolute;left:20px;top:27px;display:block;width:22px;height:2px;background:#fff;}
#Menu.small-screen #menu-button.menu-opened:before{background-color:#aaa}

#Pages {padding: 100px 10% ;overflow: hidden; color:#f8f9ff;}
.Right{float:right;margin-left:1em;border:2px solid #333;border-radius:5px;width:30%;height:auto}
.Left{float:left;margin-right:1em;border:2px solid #333;border-radius:5px;width:30%;height:auto}
.Center{width:80%;height:auto;display:block;border:2px solid #333;border-radius:5px;margin:1em auto}
.FW{width:100%;height:auto;margin:1em auto}
video{background-color:#111328;border-radius:5px;}
.Clear {clear: both;text-align:center;color:inherit;}

body > footer{padding:1px 1% 0 1%;color:#93a5ec; background-color:#111328 ; clear:both; border-top:10px solid #93a5ec; }
body > footer > nav{width:23%;margin:.5%;padding:.5%; float:right;line-height:140%;}
body > footer > nav > span{display:block;padding:.5em; margin-bottom:.8em; font-weight:700; color:#f4a302; border-bottom:3px solid #f4a302; }
body > footer > nav li a{font-size:90%;color:#93a5ec; padding:0; transition:.2s;}
body > footer > nav li a:hover{color:#f4a302;}
body > footer > div {clear: both;min-height: 30px;margin: 0;padding: 10px 3%;font-size: 80%;border-top: 1px solid #93a5ec;text-align: center;}

#Call,#Whatsapp {border-radius: 50%;overflow: hidden;position: fixed;bottom: 3%;left: 3%;z-index: 99;width: 70px;height: 70px;background-color: #1ebea5;border: 3px solid #f4a302;animation: call 1s infinite ease;}
#Call img,#Whatsapp>img {animation: tel 1s infinite ease-in-out;width: 90%;display: block;border-radius: 50%;margin: 5%;height: 90%;}
#Whatsapp{left:unset;right:3%;}
    
@keyframes tel {from{transform:scale(1.1,1.1);}to{transform:scale(.8,.8); }}@keyframes call {0%{box-shadow:0 0 1px #111328;border-color:#fff;}100%{box-shadow:0 0 20px #111328;border-color:#111328; }}
@media only screen and (min-width:1px) and (max-width:1023px) {
#Menu {border-top:none;}
#Pages{padding:80px 1%;}
#Sidebar {width: 75%;}
#Sidebar.closed {right: -75%;}
body > footer > nav {width: 98%;margin:2em 1%;padding:0;float:none;}
body > footer > nav li a{padding:.5em 0;display:inline-block;}
.Left,.Right,.Center,.FW{float:none;width:100%;height:auto;display:block;margin:1em auto}
#Toggle {height: 44px;width: 44px;position: fixed;top: 1px;right: 1px;left:auto;margin-left: 0;z-index: 9999;background-position: 0 0;background-size: 40px;background-position: center center;box-shadow: none;padding:0;margin:0;color:transparent;border:none;} 
#Toggle.closed{border-radius:5px;}
#Call, #Whatsapp{width:50px; height:50px;}
}