
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    background-color: #fff;
    font: normal 12px tahoma;
}

img {
    border: 0;
}

a {
    text-decoration: none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome and Opera */
}

@font-face {
    font-family: 'bnaz';
    src: url('fonts/BNazaninBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/BNazaninBold.woff') format('woff'),
    url('fonts/BNazaninBold.ttf') format('truetype'),
    url('fonts/BNazaninBold.svg#BNazaninBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iransansz';
    src: url('fonts/iransansz.eot');
    src: url('fonts/iransansz.eot?#iefix') format('embedded-opentype'),
    url('fonts/iransansz.woff') format('woff'),
    url('fonts/iransansz.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#header {
    height: 130px;
    background: url("images/phead_bg.png") top center repeat-x;

}

.header {
    height: 128px;
    background: url("images/headersep.png") top center no-repeat;
    text-align: center;
}

.topmenu {text-align: center; direction: rtl;}
.topmenu a {display: inline-block; font: normal 14px/22px bnaz; color: #8a8a8a; padding: 0 6px; transition: all ease 0.3s;}
.topmenu a:hover {color:#000;}
.topmenu span {color: #e1e7ea; font-size: 11px;}


.boding {
    text-align: center;
    padding-top: 0px;
}

.bodys {display: inline-block; width: 880px; border:1px solid #e1e7ea; border-top-left-radius: 5px; border-top:3px solid #0274b3;}
.rprolink {float: right; width: 57px;background-color: #282828; vertical-align: top;}
.rproico {background: url("images/icons.png") top right no-repeat;}
.linkers a {display: block; height: 58px; border-bottom: 1px solid #464646; transition: all ease 0.1s; cursor: pointer;}
.linkers a:hover {border-right: 6px solid #ce2b6c;}
.linkers a.active {border-right: 6px solid #ce2b6c;}
.rproico.infoico {background-position: 0 0;}
.rproico.contactico {background-position: 0 -57px;}
.rproico.mapico {background-position: 0 -115px;}
.rproico.userico {background-position: 0 -174px;}
.rproico.eduico {background-position: 0 -232px;}
.rproico.heartico {background-position: 0 -288px;}
.rproico.homeico {background-position: 0 -347px; border-bottom: 0;}
.lprofile {float: right; width: 821px; border-right: 1px solid #e1e7ea;}

.profile_head {height: 176px; border-bottom: 1px solid #e1e7ea; overflow: hidden;}
.profile_pic {float: right; vertical-align: top; height: 176px; width: 208px; text-align: center;}
.propic {display:inline-block; text-align: center; width:192px; height:160px; background-color: #e1e7ea; margin-top: 8px;}
.propic img {width:186px; height: 154px; margin-top: 3px;}
.profile_name {float: right; vertical-align: top; height: 176px; width: 248px;}
.proname {padding:40px 5px 0 5px;}
.profileuname {height: 50px; font:normal 24px/38px bnaz; color: #0274b3; text-align: right; direction: rtl; text-indent: 44px; overflow: hidden; background: url("images/uicon.png") right top no-repeat;}
.prodate {text-align:center; font: normal 14px/10px bnaz; color:#7b7b7b;}
.profile_about {float: right; vertical-align: top; height: 176px; width: 340px;}
.proabout {padding: 2px 10px 5px 0;}
.proabout_tit {text-align: right; direction: rtl; color:#ce2b6c; font: normal 14px/40px bnaz; height: 42px; border-bottom: 1px dashed #d9d9d9;}
.proabout_body {text-align: justify; direction: rtl; padding: 8px 0 2px 0; color: #888888; font: normal 14px/20px bnaz;}
.profile_body {background-color: #fafafa; border-bottom: 1px solid #e1e7ea; height: 116px; overflow: hidden;}


#heartinfo { height: auto; min-height: 116px;}
.inptpos {
    width: 100%;
    display: block;
    border: 1px solid #e1e7ea;
    height: 39px;
    border-radius: 3px;
    background-color: #fff;
    direction: rtl;
    text-align: right;
    padding: 0 14px 0 5px;
    color: #a2a6b1;
    font: normal 14px/39px bnaz;
}

.profoothead {height: 57px; border-bottom: 1px solid #e1e7ea; overflow: hidden;}
.profootbody {height: 57px; background-color: #0274b3; margin-right: -1px; overflow: hidden;}
.profootbody a {display: block; height: 57px; font: normal 17px/55px bnaz; color:#fff;}

.spproico {background: url("images/sppriico.png") right top no-repeat;}
.spproico.prowebsite {background-position: right -28px; margin-top: 10px;}
.spproico.proemail {background-position: right -56px;}
.spproico.promobile {background-position: right -84px;}
.spproico.procity {background-position: right -112px;}
.spproico.procountry {background-position: right -140px;}
.spproico.progender {background-position: right -168px;}
.spproico.prosingel {background-position: right -196px;}
.spproico.prodate {background-position: right -224px;}
.spproico.proclass {background-position: right -252px;}
.spproico.probook {background-position: right -280px;}
.spproico.propolitis {background-position: right -308px;}
.spproico.prosport {background-position: right -336px;}
.spproico.proheart {background-position: right -364px;}
.spproico.prolife {background-position: right -392px;}
.ptotit_ico {height: 28px; direction: rtl; text-align: right; font: normal 14px/26px bnaz; color:#7b7b7b; text-indent: 22px;}
.profilerower_flo {vertical-align: top; float: right; width: 49%;}
.profilerower_lflo {vertical-align: top; float: right; margin-right: 1%; width: 49%;}
.profilerower.padingpro {padding: 10px 0 15px 0;}
.profile_body .inptpos { border-right-width: 4px;}
.profilerower .inptpos {background-color: #fff;}

.profile_body {padding: 15px 14px;}
#contactinfo {padding-top: 15px;}
.inptpos.lifes {height: 70px;}

#footer {
    text-align: center;
    padding-top: 70px;
}

#homeinfo {padding-top: 6px;}

.footer {
    display: inline-block;
    width: 996px;
    text-align: right;
    direction: rtl;
    border-radius: 8px 8px 0 0;
    border: 1px solid #e1e7ea;
    min-height: 66px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.footer_b {
    padding: 20px 20px 15px 0;
    font: normal 14px/22px bnaz, 'bnaz', "B Nazanin";
    text-align: right;
    color: #8e8e8e;
}

.footer_b strong {
    color: #0274b3;
    font-weight: normal;
    cursor: pointer;
}

.fot_imglogo {
    float: left;
    z-index: 1;
    margin-top: -35px;
    margin-left: 18px;
}


.clear {clear: both;}
.socialbox {padding-top: 8px;}
.socialbox .menu-cnt ul { text-align: center; }
.socialbox .menu-cnt li { display: inline-block; border: none; margin: 0 0 5px 3px; ; }
.socialbox .menu-cnt li a { text-align: center; background-color: #fff; color: #000; padding: 0; font-size: 40px; width: 40px; height: 40px; line-height: 1em; margin: 0px; border: 1px solid #000; display: inline-block; }
.socialbox .menu-cnt li a:hover { background-color: #000; color: #fff; }
.socialbox .menu-cnt li a:before { margin: 0; }
#social-rss:before { content: '\e11a'; font-family: General; }
#social-facebook:before { content: '\e06f'; font-family: General; }
#social-instagram:before { content: '\e0a3'; font-family: General; }
#social-telegram:before { content: '\e054'; font-family: General; }
#social-twitter:before { content: '\e162'; font-family: General; }
#social-google:before { content: '\e093'; font-family: General; }
#social-linkedin:before { content: '\e0bd'; font-family: General; }
#social-youtube:before { content: '\e18e'; font-family: General; }
#social-vimeo:before { content: '\e177'; font-family: General; }
#social-pinterest:before { content: '\e0ee'; font-family: General; }
#social-flickr:before { content: '\e083'; font-family: General; }
#social-yahoo:before { content: '\e188'; font-family: General; }

#baseinfo {direction: rtl; padding-top: 20px;}
.floter {display: inline-block; width: 162px; height: 80px; text-align: center; font: normal 24px/42px bnaz !important; color:#7b7b7b;}

.floter .titbase {font:normal 14px/23px bnaz !important;}
.floter.twit {background: url("images/basesep.png") left center no-repeat;}
.floter.flowing {background: url("images/basesep.png") left center no-repeat; padding-left: 8px;}

#contactinfo {display: none;}

.profilerower_cent { padding: 12px 0 5px 0; text-align: center;}
.profilerower_cent .inptpos { width: 100px; display: inline-block; border-right-width: 1px; text-align: center;}
.procenteres {display: inline-block; width: 140px;}

.profile_body {display: none;}
.profile_body.actives {display: block;}

#userinfo {padding-top: 5px;}