body{/*background:#fff;*/background: #E9E9E9 url(../images/Bg.gif);}
body,ul li,ul,h1,h2,h3,h4,h5,h6,div,p,a,span,input,select,textarea,img,figure,section,header,footer,article,strong{font-family:iransans}
.container{padding:0}
.fts15{font-size:15pt}
.fts14{font-size:14pt}
.fts13{font-size:13pt}
.fts12{font-size:12pt}
.fts11{font-size:11pt}
.fts10{font-size:10pt}
.fts9{font-size:9pt}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.prl20{padding:0 20px}

.tc{text-align: center !important;}
.tr{text-align: right;}
.tl{text-align: left;}

.dr{direction: rtl;}
.dl{direction: ltr;}

.h1{font-size: 18px;border-bottom: 1px solid #606060;display: inline-block;margin-bottom: 10px;}

.m0a{margin: 0 auto;}

.absmiddle{vertical-align:middle;}


.cRed{color:red}
.cGray{color:gray}
.cWhite{color:white;}
.w100{width:100px}

.h25{height: 25px;}

.uln{ text-decoration: underline;}

.mt70{margin-top: 70px;}
.mt45{margin-top: 45px;}



.Header1{background:#7AC4F3;margin:0 auto;}
.Header2{width:1000px;text-align:right;height:80px;margin: 0 auto;line-height: 80px;}
.Header2 a{font-size: 18pt}
.Header3{background:#036C9D url('/Files/images/rep-bg.jpg') repeat-x top ;height:45px;margin-bottom:30px;padding-top:10px;border-top:2px solid #039FE8;box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);}
.Header4{width:1000px;text-align:right;margin: 0 auto;text-align: left;}
.Header4, .Header4 a{font-size: 12pt;color:white;}
.Header4 a:hover{color:orange;cursor: pointer}

.Footer{background:#1A1A1A;height:260px;line-height:30px;padding:5px;border-top:3px solid #c0c0c0;}
.FooterInternal{width:1000px;text-align:right;margin: 0 auto;color:white;}
.FooterInternal h3{line-height: 30px;font-size:16px;border-bottom: 1px solid #ffffff;display: inline-block;color:white;text-align: right;}
.FooterInternal ul li a{color:white;font-size:14px;direction: rtl}
.FooterInternal textarea{height: 34px;}

.breadcrumb{background-color:white;border:1px solid lightgray;font-size:14px;}
.breadcrumb li a{font-size:14px;}


.HomePg{margin:0 auto;}
.HomeInternal{width:1000px;text-align:right;/*height:500px;*/margin: 0 auto;}
.HomeSlider{height:400px;margin-top:40px;}
.HomeAboutUs{height:auto;min-height: 100px;font-size: 12pt;text-align: justify;line-height: 22pt;border-top:1px solid lightgray;padding:50px 0}
.HomeContact{height:auto;min-height: 600px;border-top:1px solid lightgray;padding:30px 0}

.HomeCustomers{height:auto;font-size: 12pt;text-align: justify;line-height: 22pt;border-top:1px solid lightgray;padding:10px 0;max-height: 504px;overflow: hidden}


.AboutUs{height:auto;min-height: 100px;font-size: 12pt;text-align: justify;line-height: 22pt;}


.HomeAboutUs h1, .HomeContact h1{font-size: 14pt;font-weight: bold;}
.InternalText, .HomeContact p{font-size: 12pt;text-align: justify;line-height: 22pt;}
.HomeAboutUs p{font-size: 11pt;}
.AboutUs p{font-size: 12pt;}
.HomeAboutUs p, .AboutUs p{text-align: justify;line-height: 22pt;margin-bottom: 10px;}
.HomeAboutUs ul li, .AboutUs  ul li{font-size: 11pt;text-align: justify;line-height: 22pt;list-style: circle;margin-right:40px;}
.SupportMenu{width: 100%;color:red;margin: 0 auto;text-align: center;font-weight: bold;font-size: 12pt}
.SupportMenu span{color:red;font-weight: bold;font-size: 12pt}
.SupportMenu2{width:49%;float:right;margin-right:1%;margin-top:10px;}
.SupportMenu3{width:98%;float:right;margin:1%;}

.scrollTop {position: fixed;right:5%;bottom: 10px;background-color: #1EAFF8;border-radius:15px;padding:15px;opacity: 0;transition: all 0.4s ease-in-out 0s;
}
.scrollTop a {font-size: 18px;color: #fff;}

.BranchBtn{border:1px solid #029D2A;border-radius:5px;background: #03CF34;padding:1px 20px;margin: 0 10px;position: relative;top:-3px;line-height: 27px}
.BranchBtnSel{border-width: 3px;line-height: 23px}


.LoginBox, .AmarBox{border:1px solid #CECECE;border-radius: 5px;padding: 10px;background: #f8f8f8;line-height:25px;margin-bottom: 10px;}
.HomeAboutUs .HomeAboutUs2 .LoginBoxText{max-height: 145px;height:145px;}
.HomeAboutUs .HomeAboutUs2 .LoginBoxText2{max-height: 120px;height:120px;}
.LoginPgList{padding-right:10px;line-height:30px;/*list-style:circle;*/}
.LoginPgList > a:before{ content: '∴'; }
.LoginPgList a{font-size: 12px;}
.LoginSucc{padding:2px;color:#133647;padding-bottom:7px;line-height:18px;font-size: 13px;}
.LoginSucc img{border:1px solid black;padding:1px;float:right;margin:5px;width:40px;height:40px;}
.LoginSpacer{height:10px;line-height:1px}
.LoginPgTitle{border-bottom:1px dotted #CECECE;padding:7px 0 8px 0;font-size:13px;font-weight:bold}
.LoginForm{margin-top:20px;font-weight:normal}
.LoginForm input{width:90px;font-size:11px;display: inline-block}
.LoginForm input[type=submit]{width:80px;height:30px;font-size:13px;display: inline-block}
.LoginForm label{display:inline-block;width:70px;font-size: 13px;font-weight: normal}
input.LoginMySubmit{width:50px;font-size:11px;font-family:tahoma, Arial, Helvetica, sans-serif;float:right;margin-right:80px;}
.LoginFormTR2{width:135px;padding:5px 0 2px 0;}

.AmarPg{line-height:30px;}
.AmarTitle{border-bottom:1px dotted #CECECE;padding:10px 0 8px 0;font-size:13px;font-weight:bold}



.HomeSample{width:135px;height:110px;display: inline-block;margin: 13px;}
.HomeSampleImg{width: 120px;height: 95px;border: 1px solid lightgray;border-radius:20px;background: white;padding: 2px;}

.Sample{display: inline-block;width:300px;height:220px;min-height:220px;border:1px solid lightgray;border-radius: 3px;padding: 2px;margin: 10px;;overflow: hidden}
.Sample .ImgPnl{width:300px;height:212px;}
.Sample img{width:300px;min-height:212px;}
.SampleText{position: relative;top:-30px;background: #304156;line-height:35px;height:35px;color:white;text-align: center;font-size: 14px;font-weight: bold;opacity: 0.75;filter: alpha(opacity=75);width: 103%;right: -2px;}


.NewsTitle{border-bottom:1px dotted #CECECE;width:650px;padding:10px 0 8px 0;}
.NewsPg{border:1px solid #EBEDEF;background:#F8F9F9;margin-bottom:10px;line-height:20px;text-align:justify;font-size: 14px}
.NewsPg img{width:100px;height:100px;float:right;border:1px solid #CECECE;padding:3px;margin:10px 30px 0 0;font-size:inherit}
.NewsPg a{display:inline-block;color:navy;margin:20px 10px 5px 0;;font-size:inherit;max-width:80%}
.NewsPg div{padding:10px;max-width:85%;display: inline-block;font-size:inherit;margin-bottom: 10px;text-align:justify;}
.NewsPg div.NewsAmar{clear:both;text-align:left;padding:0;margin:0;padding-left:30px;font-size:11px;color:#A9A9A9;width:100%}
.NewsAbs{clear: both;}

.NewsDetPg{border:1px solid #EBEDEF;background:#F8F9F9;line-height:20px;text-align:justify}
.NewsDetPg h1{font-size: 12pt;font-weight: bold;color:navy; margin-top: 10px;}
.NewsDetPg h3{font-size: 11pt;font-weight: bold;margin-top:30px;}
.NewsDetImg{width:200px;border:1px solid #CECECE;padding:3px;margin:0 30px;}
.NewsDetBody{margin:20px;padding:10px}
.NewsDetBody p{font-size:11pt;text-align: justify;line-height: 35px;margin-bottom: 10px;}
.NewsDetBody ul li{list-style: circle;font-size:11pt;line-height: 30px;margin-bottom: 10px;margin-right:20px;text-align: justify;}
.NewsDetRef{margin:30px;}
.NewsDetToolbar{width:750px;text-align:left}

.Logo{display: inline-block;vertical-align: middle}
.SiteTitle{display: inline-block;vertical-align: middle;font-size: 13pt;text-shadow: 3px 3px 3px #a99f9f;}

.DesktopMenu{text-align: left;color:white;}
.DesktopMenu .mn:after{content: " \00a0\00a0 | \00a0\00a0 ";color:white}
.MobileMenu{text-align: left;display:none;}
.MobileMenuPnl{display:none;border: 1px solid #d3d3d3;background: white;width:100%;height:auto;float: right;clear: both;padding:10px;text-align: right;direction: rtl;}
.MobileMenuPnl a{color:black;display: block;line-height:30px;padding-right: 10px;}
.MobileMenuPnl a:{background: #e0e0e0;color:orange;border-radius: 5px;border: 1px solid #e0e0e0}
.MobileMenuPnl a:before { content: "\25C4";}


.HomeAboutUs1{max-height:542px;height: 542px;overflow: hidden}


.MyProgPg h2{font-size: 11pt;font-weight: bold;margin-top:30px;}
.MyProgPg, .MyProgPg p{font-size: 11pt;}
.MyProgPg ul{margin-top: 10px;}
.MyProgPg li{font-size: 11pt;list-style: circle;margin-right: 40px;}


.ServiceBox{border:1px solid lightgray;border-radius: 5px;background:#E9E9E9;line-height: 30px;margin: 10px 10px 20px 10px;padding:10px;font-size: 10pt;text-align: justify;min-height: 220px;}
.ServiceBox a{font-size: 10pt;text-decoration: underline;font-weight: bold}
.ServiceBox h2{font-size: 12pt;font-weight: bold}
.ServiceBox img{width:220px;margin:0 35px 0 15px;border:1px solid lightgray;padding:1px;border-radius: 3px;background: white}


.MyProgPg .MyIcon{width:30%;height:200px;text-align:center;margin:1.4%;border: 1px solid lightgray;border-radius:5px;display:inline-block;padding: 10px;background-color: #f8f8f8;line-height: 20px;margin-bottom: 10px;}

.MyProgPg .MyIcon2{text-align:center;margin:20px 7px;border: 1px solid lightgray;border-radius:5px;padding: 10px;background-color: #f8f8f8;line-height: 50px;margin-bottom: 50px;}


.MyArticleAdvBox1, .MyArticleAdvBox2{width:48%;margin:3px;padding:10px;display: inline-block;text-align: center;font-weight: bold;font-size: 14px;line-height: 50px;}
.MyArticleAdvBox1{border:1px solid #FFD57D;background: #FFEABD;animation: blink 3s linear infinite;}
.MyArticleAdvBox2{border:1px solid #AAED74;background: #D4F6B8;animation: blink 2s linear infinite;}
@keyframes blink{0%{color:transparent;}100%{color:#000;}}


@media only screen and (max-width:1100px) {
    .Header2, .Header4, .HomeInternal{width:95%;margin-right: 15px;}
    .FooterInternal{width:95%;margin-right: 15px;}
    .theme-default #slider{width:100% !important;}
    .HomeSlider{height: auto;}
    .DesktopMenu{display:block;}
    .MobileMenu, .MobileMenuPnl{display: none;}
    .DesktopMenu .mn:after{content: " \00a0 | \00a0 ";color:white}
}
@media only screen and (max-width:935px) {
    .NewsPg div{max-width:80%}
    .HomeInternal {display: flex;flex-wrap: wrap;justify-content: center;}
    .RightSide {order: 2;padding-right: 0;}
    .HomeInternal .ContentPg, .HomeInternal .RightSide{clear:both;width: 100%;}
    .HomeInternal .RightSide .LoginBox, .HomeInternal .RightSide .AmarBox{width:33%;display: inline-block;vertical-align: top;max-height: 250px;height: 250px;}
}
@media only screen and (max-width:900px) {
    .HomeAboutUs p{font-size: 10pt;line-height: 17pt;}
    .HomeAboutUs ul li{font-size: 10pt;}
}
@media only screen and (max-width:800px) {
    .HomeAboutUs .HomeAboutUs2 .LoginBoxText{max-height: 130px;height:130px;}
    .HomeAboutUs .HomeAboutUs2 .LoginBoxText2{max-height: 90px;height:90px;}
    .HomeAboutUs1{max-height:499px;height: 499px;}
    .BannerInHome{width:100%}
}
@media only screen and (max-width:760px) {
    .Header4, .Header4 a{font-size: 11pt;}
    .DesktopMenu .mn:after{content: " \00a0 | \00a0 ";color:white}
    .HomeAboutUs .HomeAboutUs1{width:100% !important;max-height:480px;height:auto;}
    .HomeAboutUs .HomeAboutUs2{width:100% !important;}
    .HomeAboutUs .HomeAboutUs2 .LoginBox{width:49% !important;display: inline-block;min-height: 150px;min-height: 225px;vertical-align: top;}
    .HomeAboutUs .HomeAboutUs2 .LoginBoxText{max-height: 114px;height:114px;}
    .HomeAboutUs .HomeAboutUs2 .LoginBoxText2{max-height: 90px;height:90px;}
    .NewsPg a{max-width: 70%}
}
@media only screen and (max-width:720px) {
    .DesktopMenu .mn:after{content: "\00a0 | \00a0";color:white}
    .NewsPg div{max-width:75%}

}
@media only screen and (max-width:695px) {
    .Header4, .Header4 a{font-size: 10pt;}
    .DesktopMenu .mn:after{content: "\00a0 | \00a0";color:white}
    .HomeInternal .RightSide .LoginBox, .HomeInternal .RightSide .AmarBox{width:95%;max-height: 250px;height: auto;}
    .RightSide{padding-right:20px;}
}
@media only screen and (max-width:660px) {
}
@media only screen and (max-width:650px) {
    .Header4, .Header4 a{font-size: 10pt;}
    .DesktopMenu .mn:after{content: "\00a0 \00a0";color:white}
    .FooterInternal ul li a{font-size: 9pt}
}
@media only screen and (max-width:600px) {
    .Header4, .Header4 a{font-size:9pt;}
    .DesktopMenu .mn:after{content: "\00a0 \00a0";color:white}
    .NewsPg div{max-width:70%}
    .MyProgPg .MyIcon img{width:72px;}
    .MyProgPg .MyIcon{height:160px;width:29%}
    .MyProgPg .MyIcon div{font-size:9pt;}
}
@media only screen and (max-width:550px) {
    .DesktopMenu{display:none;}
    .MobileMenu{display: block}
    .NewsPg a{max-width: 60%}
    .MyProgPg .MyIcon img{width:72px;}
    .MyProgPg .MyIcon div{font-size:9pt;}
    .MyProgPg .MyIcon{height:160px;margin:3px;width:31%}
    .MyProgPg .MyIcon div{font-size:9pt;}
    .HomeAboutUs .HomeAboutUs1{max-height: none;}
}
@media only screen and (max-width:500px) {
    .SiteTitle{width: 230px;line-height: 19pt;font-size: 12pt;}
    .HomeAboutUs .HomeAboutUs2 .LoginBox{width:100% !important;}
    .HomeAboutUs .HomeAboutUs2 .LoginBoxText{max-height: 100px;height:100px;}
    .HomeAboutUs .HomeAboutUs2 .LoginBoxText2{max-height: 90px;height:90px;}

    .HomeSample{width:90px;height:80px;margin:10px 3px;}
    .HomeSampleImg{width: 90px;height: 80px;}

    .MyArticleAdvBox1, .MyArticleAdvBox2{width:100%}
}
@media only screen and (max-width:480px) {
    .NewsPg div{max-width:65%}
    .NewsPg img{width:94%;height:150px;float: none;margin: 10px;}
    .NewsPg a, .NewsPg div{max-width:95%}
    .MyProgPg .MyIcon{font-size:11pt;height:120px;margin:5px;width:100%;padding-top:20px;}
    .MyProgPg .MyIcon img{width:72px;}
    .MyProgPg .MyIcon div{font-size:11pt;display: inline-block;line-height: 30px;margin-top:5px;vertical-align: middle}
    .MyProgPg .MyIcon2{margin: 5px;width: 100%;}
}
@media only screen and (max-width:400px) {
    .SiteTitle{width: 190px;line-height: 19pt;font-size: 10pt;}
    .FooterInternal ul li a{font-size: 8pt;display: inline-block;max-width:80px;overflow: hidden;max-height: 30px;line-height: 15px;}

    .Sample{width:95%;height:220px;min-height:220px;margin: 10px;}
    .Sample .ImgPnl{width:100%;height:212px;}
    .Sample img{width:100%;min-height:212px;}
    .SampleText{top:-30px;line-height:35px;height:35px;font-size: 14px;width: 103%;right: -2px;}

}
@media only screen and (max-width:340px) {
    .SiteTitle{width: 173px;line-height: 19pt;font-size: 9pt;}
    .Header4, .Header4 a{font-size: 9pt;}
}