body{background:#fff}
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 !important;}
.fts9{font-size:9pt !important;}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.prl20{padding:0 20px}

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

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

.m0a{margin: 0 auto;}

.vat{vertical-align: top}

.cRed{color:red}
.w100{width:100px}

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

.Footer{background-image:linear-gradient(to top, rgba(234, 239, 242, 0.2), rgba(248, 250, 251, 0.7), rgba(214, 224, 223, 0.8));height:80px;color:#4E5B89;line-height:20px;padding:5px;border-top:2px solid #7CADFF;}

.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:750px;border-top:1px solid lightgray;padding:30px 0}

.HomeAboutUs h1, .HomeContact h1, .Signup h1{font-size: 14pt;font-weight: bold;}
.InternalText, .HomeAboutUs p{font-size: 12pt;text-align: justify;line-height: 22pt;}
.HomeContact p{font-size: 10pt;text-align: justify;line-height: 16pt;}
.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;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;font-weight: normal !important;font-size: 10pt !important;vertical-align: top}
.BranchBtnSel{border-width: 3px;line-height: 23px;font-weight: bold !important;font-size: 12pt !important;}
.BranchBtnSel::before{content: "\2713 ";}

.Mobile{display: none}
.ArchiveBtn{float:left;border:1px solid #024A6B;border-radius:3px;padding:3px 10px;font-size: 10pt;font-weight: bold;font-family: iransans;background: #036C9D;color:white;}

.MyCol{display: inline-block;margin-left:50px;}
.ColOne{display: inline-block;width:100px;}
.ColTwo{display: inline-block;}
.ColThree{display: inline-block;width:200px;}
.Signup form, .LoginPg form{margin:10px}
.Signup form label, .LoginPg form label, .ProfilePg label{border-width: 0;box-shadow: none;font-size:10pt}
.Signup form fieldset, .LoginPg form fieldset{height: auto !important;}
.Signup form fieldset legend, .ProfilePg  fieldset legend{font-size: 10pt;}
.ProfilePg  fieldset legend{margin-bottom: 10px}
.ProfilePg  fieldset{height: auto;}

.header_right{width:401px;height:200px;background: url('/Files/images/right-1.png') no-repeat 100%;}
.header_left{width:496px;height:200px;background: url('/Files/images/left-1.png') no-repeat 100%;}

.ContactInfoBox{border:1px solid lightgray;border-radius: 5px;width: 498px;display: inline-block;vertical-align: top;min-height: 205px;margin-bottom:30px;}
.ContactInfoBox div{background: #f0f0f0;padding: 10px;border-bottom: 1px solid #d3d3d3;font-size: 11pt;font-weight: bold}
.ContactInfoBox p{padding:0 10px 10px 10px;}

.LoginPg h1, .UserPanel h1, .ProfilePg h1{font-size: 14pt;font-weight: bold;}
.LoginPg #MyForm{width:400px;display:block;margin:0 auto;}
.LoginPg .MyCol{margin-left: 0}

.UserPanel{margin: 0 auto;text-align: center}
.UserPanel .MyRow a{line-height: 45px;font-size: 11pt;border:1px solid lightgray;height:100px;display: inline-block;width:180px;margin:10px;padding: 10px;background: #f0f0f0;text-align: center}
.UserPanel .MyRow{display: inline-block;}
.UserPanel img{width:40px;height:40px;vertical-align: middle;display: block;margin: 0 auto;border-width: 0;}


.ArticleHome{width:49%;display: inline-block;margin-bottom: 10px;border:1px solid lightgray;border-radius: 5px;padding: 10px;background: #f9f9f9;}
.ArticleHome:hover{background: #f4f4f4;}
.ArticleHome img{width:60px;height:60px;border:1px solid lightgray;border-radius:5px;padding: 2px;background: white;margin-bottom: 2px;vertical-align: top}
.ArticleHomeTxt{display: inline-block;}
.ArticleListLink{text-align: left;}
.ArticleListLink a{display: inline-block;font-size: 12px;}
.ArticleView p{font-size: 11pt !important;text-align: justify !important;margin-bottom: 10px;}
.ArticleView img{float: left;border:1px solid lightgray;margin: 20px;border-radius: 5px;padding: 2px;max-width:250px;max-height:250px;}
.ArticleView .PrintImg{border-width: 0;width:32px;margin: 0;}
.ArticleListItem{border:1px solid lightgray;border-radius: 5px;margin-bottom: 10px;padding: 10px;background: #f9f9f9;min-height: 110px;}
.ArticleListItem:hover{background: #f4f4f4;}
.ArticleListItem img{border:1px solid lightgray;margin:0 0 0 20px;border-radius: 5px;padding: 2px;max-width:100px;max-height:100px;text-align: right;}


@media print {
    .WhenPrintHide{display: none;}
    .WhenPrintShow{display:'';}
}



@media only screen and (max-width:1050px) {
    .Header1 img{height:100%}
    .Header4{width:95%}
    .HomeInternal{width:95%}

    .SlideShow{width:95%;}
    .theme-default #slider{width:95% !important;}
    .ContactInfoBox{width:47%;}
    .ArticleHome{width:49%;}
}
@media only screen and (max-width:920px) {
    .Header1{height:135px}
    .Header1 .header_right{
        background-image:url("/Files/images/right-2.png");
        height: 138px;
    }
    .Header1 .header_left{
        background-image:url("/Files/images/left-2.png");
        height: 135px;
        width:335px;
    }
}
@media only screen and (max-width:840px) {
    .Header4, .Header4 a, .Header4 span{font-size: 10pt;}
}
@media only screen and (max-width:760px) {
    .Header1{height:110px}
    .Header1 .header_right{
        background-image:url("/Files/images/right-3.png");
        height: 100px;
        width: 291px;
    }
    .Header1 .header_left{
        height: 110px;
    }
}
@media only screen and (max-width:740px) {
    .WHrMenu{cursor: pointer;}
    .Header4 .Desktop{display: none}
    .Header4 .Mobile{display: inline-block;}

    .PopMenuPnl {display: block;margin-right: 15px;}
    .PopMenuPnl img{float: right;}

    #ToggleMenu{display:none;border: 1px solid #022F56;background: dodgerblue;width:150px;height:215px;position: relative;top:27px;z-index:10;padding:10px;text-align: right;direction: rtl;}
    #ToggleMenu li{list-style:none;line-height: 30px;margin-bottom: 3px;color: white}
    #ToggleMenu li a{text-decoration: none;font-weight: bold;font-size: 12px;}
    #ToggleMenu li:hover{background: lightblue;}
    .ContactInfoBox{width:95%;height:auto;}
    .ArticleHome{width:98%;}

    .BranchBtn, .BranchBtnSel{font-size:10pt !important;}
}
@media only screen and (max-width:650px) {
    .Header1 .header_left{display: none}
    .LoginPg #MyForm{width:auto}
    .LoginPg .ColOne2{display: none}
    .LoginPg .ColTwo2{margin-top:10px;}
    .LoginPg .MyCol{display: block;text-align: center}
}