/*
*
*	 This template, logo and so many stuff designed & written for Ali Gerami's Personal Website.
*	As our rights we don't give premission for copying and using any ripping tools on this site.
*	AliGerami - @2017;
*
*/
/*
IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: Q48FB
---------------------------------------------------------------------
*/

#Social i,a{background:0 0}body,img{max-width:100%}#LoaderElem,html{min-height:100vh}#InsideLoaderElem,img{vertical-align:middle}#particles-js,body{width:100%;background-color:#101010}#InsideParti,#SkillsHolder{transform:translateX(-50%)}#ArsaciaProjectHolder:hover,#Social i{cursor:pointer}@font-face{font-family:IRSans;font-style:normal;font-weight:300;src:url(../Fonts/IRANSansWeb_Light.woff) format('woff')}@font-face{font-family:IRSans;font-style:normal;font-weight:700;src:url(../Fonts/IRANSansWeb_Bold.woff) format('woff')}@font-face{font-family:EngFont;src:url(../Fonts/EngFont.woff) format('woff')}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}::selection{background:#F55}::-moz-selection{background:#F55}::-webkit-scrollbar{width:12px;background-color:#101010}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-ms-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#101010}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-ms-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ff2929}html{font-size:62.5%;padding:0!important;margin:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;width:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:1em;min-width:0;overflow-x:hidden;margin:0}a{text-decoration:none;color:#ED2553;font-weight:700}a:hover{color:#2582ED}img{border:0}.IRSText{font-family:IRSans,sans-serif;font-weight:300;direction:rtl}.EngText{font-family:EngFont,sans-serif;direction:ltr}.LoadingBody{overflow:hidden;pointer-events:none}#LoaderElem{position:fixed;z-index:9999999;pointer-events:none;text-align:center;display:table;width:100%;height:100%;margin-bottom:20px}#InsideLoaderElem{padding-top:4rem;padding-bottom:4rem;display:table-cell;text-align:center}#InsideLoaderElem>p{margin-bottom:0;margin-top:0;text-align:center;color:#FFF;font-size:3em;font-weight:400}#particles-js{position:relative;overflow:hidden;height:18em;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-top:.05em solid red;border-bottom:.05em solid red}.typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@-moz-keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.Title{font-family:IRSans;color:red;text-align:center;font-size:2em;text-shadow:0 0 10px red}#InsideParti,#InsideParti2{position:absolute;left:50%;color:#00ff67;line-height:1.75em;text-align:center;text-shadow:0 0 10px #00ff67;white-space:nowrap;direction:rtl;font-family:IRSans}#InsideParti{background-color:rgba(10,10,10,.7);padding-left:20px;padding-right:20px;border-radius:.5em;font-size:1.1em;border:.05em solid #00ff67}#InsideParti2{top:50%;transform:translate(-50%,-100%);padding-left:10px;padding-right:10px;border-radius:.5em;font-size:2em;border:.05em solid #00ff67}.SectionHolder{width:60%;margin:45px auto}.ImgHolder{width:40%;max-width:350px;float:right;border-radius:15px}.SectionContent{direction:rtl;font-family:IRSans;color:#fff;float:right;margin-right:2%;font-size:1.2em;width:55%}@media (max-width:800px){.ImgHolder{width:100%;max-width:450px}.SectionContent{width:100%;font-size:2.2em;margin-right:0;margin-top:10px}}.SectionTitle{font-weight:700;margin:0;border-bottom:1px solid #333}.clearfix:after{content:"";display:table;clear:both}.SectionInsCont{margin-top:5px;margin-bottom:0;font-size:.6em}#ProjectsHolder,#SkillsHolder{direction:ltr;margin-top:10px}#BirthText{color:red}#Social i:hover{border-radius:50%}#Social{text-align:left;direction:ltr}.Splitter{border-top:.05em solid red}#Social i{font-size:.7em;position:relative;padding:.7em;color:#fff;display:inline-block;-moz-transition:all .15s ease;-o-transition:all .15s ease;-webkit-transition:all .15s ease;transition:all .15s ease}#Social i:nth-child(1){color:#3b5998;border:.08em solid #3b5998}#Social i:nth-child(1):hover{color:#fff;background:#3b5998}#Social i:nth-child(2){color:#3f729b;border:.08em solid #3f729b}#Social i:nth-child(2):hover{color:#fff;background:#3f729b}#Social i:nth-child(3){color:#CC181E;border:.08em solid #CC181E}#Social i:nth-child(3):hover{color:#fff;background:#CC181E}#Social i:nth-child(4){color:#2fa1dd;border:.08em solid #2fa1dd}#Social i:nth-child(4):hover{color:#fff;background:#2fa1dd}#Social i:nth-child(5){color:#fff;border:.08em solid #fff}#Social i:nth-child(5):hover{color:#fff;background:#000;border:.08em solid #000}#SkillsHolder{font-family:EngFont;display:flex;display:webkit-box;display:webkit-flex;display:ms-flexbox;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative;left:56%;ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.SkillsHolderIE{transform:translateX(50%);ms-transform:translateX(50%);-moz-transform:translateX(50%);-webkit-transform:translateX(50%)}#SkillsHolder>div{position:relative;width:30%;-webkit-filter:drop-shadow( 0 0 5px red );filter:drop-shadow( 0 0 5px red );padding:5px}#SkillsHolder>div>span{position:absolute;left:50%;top:62%;transform:translateX(-50%);font-size:1em}#CppSkill>span{color:#044F88}#CSharpSkill>span{color:#68217a}#IntelAsmSkill>span{color:#2121ff}#AndroidNDKSkill>span{color:#97c03c}#PHPSkill>span{color:#6181b6}#SQLSkill>span{color:#842543}#SquirrelSkill>span{color:#760000}#LuaSkill>span{color:#020181}#JavaScriptSkill>span{color:#f0db4f}#HTMLSkill>span{color:#f16529}#CSSSkill>span{color:#039be5}#ajaxloader1{width:62px;height:62px;border:8px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 25px 2px;-moz-box-shadow:0 0 25px 2px;box-shadow:0 0 25px 2px;border-color:transparent transparent red red;color:#c00;-webkit-animation:spin-right 1s linear infinite normal;-moz-animation:spin-right 1s linear infinite normal;-ms-animation:spin-right 1s linear infinite normal;animation:spin-right 1s linear infinite normal;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;margin:30px auto 0}#ajaxloader1:after{display:block;width:42px;height:42px;margin:2px;border:6px solid red;content:" ";border-radius:50%;border-left-color:transparent;border-bottom-color:transparent}@keyframes spin-right{from{transform:rotate(0);opacity:.2}50%{transform:rotate(180deg);opacity:1}to{transform:rotate(360deg);opacity:.2}}@-moz-keyframes spin-right{from{-moz-transform:rotate(0);opacity:.2}50%{-moz-transform:rotate(180deg);opacity:1}to{-moz-transform:rotate(360deg);opacity:.2}}@-webkit-keyframes spin-right{from{-webkit-transform:rotate(0);opacity:.2}50%{-webkit-transform:rotate(180deg);opacity:1}to{-webkit-transform:rotate(360deg);opacity:.2}}#AliGerami{-webkit-animation:AliGeramiAnim 5s infinite;-webkit-animation-direction:alternate;animation:AliGeramiAnim 5s infinite;animation-direction:alternate}@-webkit-keyframes AliGeramiAnim{0%{text-shadow:0 0 10px red;color:red}25%{text-shadow:0 0 15px red;color:red}50%{text-shadow:0 0 10px #fff;color:#fff}100%{text-shadow:0 0 20px #00ff67;color:#00ff67}}@keyframes AliGeramiAnim{0%{text-shadow:0 0 10px red;color:red}25%{text-shadow:0 0 15px red;color:red}50%{text-shadow:0 0 10px #fff;color:#fff}100%{text-shadow:0 0 20px #00ff67;color:#00ff67}}#ProjectsHolder{position:relative}#ArsaciaProjectHolder{width:30%}#ArsaciaProjectHolder:hover #ArsaciaProject{opacity:.3}#ArsaciaProjectHolder:hover #ArsaciaHover{opacity:1}#ArsaciaProject{width:100%;display:block;transition:.5s ease;backface-visibility:hidden}#ArsaciaHover{transition:.5s ease;opacity:0;position:absolute;top:50%;left:15%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}