/*Reset Stylesheet*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#666}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-spacing:0;direction:ltr}
hr{display:block;height:1px;border:0;border-top:1px solid #e0e0e2;margin:1em 0;padding:0}
input,select{vertical-align:middle}
a{text-decoration:none;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;color:#666;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
a:hover{color:#05AECC}
*,:before,:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
ul, ol, li,ul li{border-width: 0;list-style: outside none none;margin: 0;padding: 0}
h1,h2,h3,h4,h5{font-weight:normal;font-style:normal}
/*General Stylesheet*/
@font-face {
    font-family:'Font';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/iranyekanwebregular.eot');
    src: url('../fonts/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iranyekanwebregular.woff2') format('woff2'),
    url('../fonts/iranyekanwebregular.ttf') format('truetype');
}


@font-face {
    font-family:'FontEn';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/supremelltt-boldflat-webfont.woff2') format('woff2');
}


body{font-family:'Font';font-size:13px;text-align:right;overflow-x:hidden}
.left{float:left !important}
.right{float:right !important}
.rtl{direction:rtl;text-align:left !important}
.ltr{direction:ltr;text-align:right !important}
.pnt{cursor:pointer}
.pnto{cursor:auto}
.padding0{padding:0 !important}
.shadow{box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.1)}
.shadow-box{box-shadow: 0 1px 1px rgb(0 0 0 / 14%), 0 4px 8px rgb(0 0 0 / 30%)}
.defult{width:100%;padding:10px;background:#FFF}
input:focus,textarea:focus{outline:0}
textarea{resize:none}
.clear{padding:0 !important;margin:0 !important;top:0 !important;right:0 !important;left:0 !important;bottom:0 !important}
.leftT{text-align:left !important}
.rightT{text-align:right !important}
.inputStyle{border:1px solid #e0e0e2;border-radius:4px;font-family:Font;font-size:12px;line-height:40px;height:40px;width:100%;padding:5px 5px;background-color:#fff}
.inputStyle:focus{border:1px solid #a1a7aa}
select.inputStyle{height:31px}
.inputStyleR{border-color:#EF4056 !important}
.textarea{border:1px solid #e0e0e2;border-radius:4px;font-family:Font;font-size:12px;width:100%;padding:5px 5px}
.poRel{position:relative}
.poAbs{position:absolute}
.errorInput{border:1px solid red !important}
.massage{width:100%;float:right;color:#bb011c !important;min-height:24px;font-size:12px;line-height:24px;font-weight:400;margin-bottom:10px}
#error{width:100%;float:right;min-height:24px;font-size:12px;line-height:24px;font-weight:400;margin-bottom:10px}
#error div{color:#EA1818}
.icon{background:rgba(0, 0, 0, 0) url("../images/icn.png") no-repeat scroll 0 0;display:block;height:400px;width:400px}
.i-logoHome{background-position:-189px -2px;width:76px;height:64px}
.i-lang{background-position:-81px -4px;width:21px;height:21px}
.i-search{background-position:-83px -33px;width:17px;height:17px}
.i-star{background-position:-108px -3px;width:18px;height:16px}
.i-starR{background-position:-85px -56px;width:8px;height:8px}
.i-close{background-position:-170px -6px;width:14px;height:14px}
.i-closeR{background-position:-170px -28px;width:14px;height:14px}
.i-searchF{background-position:-145px -33px;width:17px;height:17px}
.hidden,.massage{display:none}
.back-green{background-color:#6BB927}
.font-white{color:#fff !important}
.span30{width:30% !important}
.cent{text-align:center !important;margin:auto !important}
.mt20{margin-top:20px !important}
.mb0{margin-bottom:0px !important}

.border-radius8{border-radius:8px !important}
.bgWhiteBox{position:fixed;width:100%;height:100%;z-index:110;top:0;right:0;display:none}
.bgBlackBox{position:fixed;background:#000;width:100%;height:100%;z-index:110;top:0;right:0;opacity:.3;display:none}
.modal{display:none;position:fixed;z-index:12;width:40%;height:auto;direction:ltr;margin:auto;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)/*;transition:all 2.5s ease*/}
.modal .modal-content{position:relative;background-color:#fff;margin:auto;padding:0;display:inline-block;width:100%;border-radius:0 0 10px 10px}
.modal .modal-header{padding:12px 20px;width:100%;float:right;position:absolute;top:-54px;right:0;background-color:#fff;border-radius:10px 10px 0 0}
.modal .modal-header .title{font-size:16px;color:#000;margin-top:5px}
.modal .modal-header i{background-position:-340px -3px;height:16px;margin:6px 0 8px -4px;width:16px;float:left;cursor:pointer}
.modal .modal-header i:hover,.modal .modal-header span:hover i{background-position:-340px -19px}
.modal .modal-header h5{color:#949494}
.modal .modal-body{text-align:justify;overflow-y:auto;width:100%;float:right;border-top:1px solid #ccc/*;height:50vh*/;background-color:#fff;position:relative;border-radius:0 0 10px 10px}
.modal .modal-bottom{width:100%;float:right;border-top:1px solid #ccc;padding:10px;position:absolute;bottom:-56px;background-color:#fff;border-radius:0 0 10px 10px}


.loading{display:none;position:fixed;z-index:10;right:0;height:auto;overflow:auto;direction:ltr;margin:auto;border-radius:10px;top:50%;left:0;transform: translate(0, -50%)}
.loading-body{text-align:center;display:inline-block;width:100%;overflow-y:auto;padding:0}
.loadingP{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url("../images/ajax-loader.gif");height:32px;width:32px;display:none}


.posi{position: relative;width: 100%;margin-top: 10px;float: right}
.form-group{margin-bottom:1rem}
.posi label{position: absolute;top: -13px;right: 15px;z-index: 2;color: #797979 !important;padding: 0 10px;background-color: #fff;width: auto;height: 20px;line-height: 22px;font-weight:normal !important}
label:not(.form-check-label):not(.custom-file-label){font-weight: 700}
.form-control{display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;box-shadow: inset 0 0 0 transparent;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.btn{padding:11px 20px;text-align:center;font-weight:bold;border-radius:8px;cursor:pointer;font-family:FONT;border:none}
.mt80{margin-top:60px !important}
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.row{width:100%;float:right}
.center{width:90%;margin:0 5%}
.sticky{position:sticky}
.font-site{color:#33bbcb !important}
.bg-site{background-color:#33bbcb !important}
.bg-g{background-color:#f5f5f5 !important}
.col-3{flex: 0 0 50%;max-width:23%;margin:0 1%}
.col-4{flex: 0 0 50%;max-width:31.3%;margin:0 1%}
.col-6{flex: 0 0 50%;max-width:48%;margin:0 1%}
.col-9{flex: 0 0 50%;max-width:73%;margin:0 1%}
.col-12{flex: 0 0 50%;max-width:98%;margin:0 1%}








#header{width:100%;height:60px;z-index:109;background-color:#fff;border-bottom:1px solid #ccc;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}


#navMenu{float:left;background:url("../images/menu.png");height:50px;width:50px;cursor:pointer}
ul#menu *{white-space:nowrap} 
ul#menu{background-color:#fff;height:100vh;overflow-y:scroll;overflow-x:hidden;z-index:112;position:fixed;top:0;width:320px;left:0;-webkit-transform:translateX(-400px);transform:translateX(-400px);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
ul#menu>li{float:left;padding:10px;width:100%;border-bottom:1px solid #ccc}
ul#menu>li>a,ul#menu>li>div{float:left;color:#000;padding:5px;border-top:4px solid transparent;cursor:pointer;width:100%;cursor:pointer;font-size:20px}
ul#menu>li ul{float:left;width:100%;padding:10px 20px 10px 0;display:none}
ul#menu.open{-webkit-transform:translateX(0);transform:translateX(0);width:100%}
ul#menu #closeMenu{cursor:pointer;position:absolute;top:20px;right:20px;padding:10px}
ul#menu #bodyMenu{margin-top:30px}
ul#menu #bodyMenu li{padding:10px 20px;font-size:16px;display:grid;text-align:left}



#lang{float:right;width:32px;height:32px;margin:12px;cursor:pointer}


#slide{width:100%;height:100%;margin:0px auto;text-align:center}
#slide img{width:100%;height:100%}

#name{margin:30px auto;text-align:center;font-size:26px}

#personalPic{width:500px;height:500px;margin:30px auto;text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
#personalPic img{width:100%;height:100%}

#gallery{width:80%;height:250px;margin:30px auto;text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
#gallery img{width:100%;height:100%}

#school{width:80%;height:250px;margin:30px auto;text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
#school img{width:100%;height:100%}