
        @font-face {
            font-family: mainfont;
            src: url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Light.ttf') format('truetype'), url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Light.woff') format('woff'), url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Light.eot') format('embedded-opentype');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: mainfont;
            src: url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'), url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'), url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), url('../rezome-v2_files/Fonts/IRANSansWeb(FaNum)_Bold.eot') format('embedded-opentype');
            font-weight: bold;
            font-style: normal;
        }
          body, html {-ms-text-size-adjust: none;-moz-text-size-adjust: none;-o-text-size-adjust: none;-webkit-text-size-adjust: none;}
               select::-ms-expand {display: none;}

        @media screen and (min-width:0\0) {
            select {background: none\9;padding: 5px\9;}
        }

        @media only screen and (max-width: 576px) {
            select.change-lang {display: inline-block;width: 70px;padding: 5px;font-size: 11px;margin: 11px 5px;border: none;height: 34px;background: transparent;
                color: black;position: absolute;z-index: 999;border-radius: 4px;border: 1px solid #bebebe;
            }
        }
      .container{width:210mm;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;background:#fffdfd;height:100%;position:relative;font-family:mainfont!important}
.smbox{width:21%;background-color:#d5d5d5;float:right;height:100%}
.lgbox{width:199mm;background-color:#fff;height:100%;padding-right:35px}
div.user-image{box-shadow:initial!important;margin-right:0;margin-top:12px;border-radius:initial;display:inline-block;float:right;width:130px;height:158px!important}
.person-information{min-height:180px;width:76%;float:left;background:#fff;margin-top:12px;margin-bottom:20px}
.person-information h1{margin:0 0 7px;font-size:20px;color:#6f6f6f}
.person-information h2{margin:0 2px 2px 0;font-size:14px;color:#989898;width:88%;padding-bottom:5px}
.contact-item span:nth-child(2){display:inline-block;font-weight:700;font-size:14px;color:#7b7b7b}
.contact-item{font-size:14px;display:inline-block;width:265px;color:#949494}
div.contact-item span:first-child{display:none;margin-left:9px;font-size:14px;text-align:center;width:20px;height:20px;color:#2a9200}
.property-item_head{text-align:right;width:100%;border-bottom:3px solid #2a2a2a;padding-top:0;height:24px}
.property-item_head label{padding:3px 18px;background:#2a2a2a;color:#f7f7f7;padding-right:16px;line-height:20px;width:160px;float:right;height:21px;position:relative;font-size:15px;right:-9px}
.property-item{margin-top:15px;width:97%}
.property-item_head span{display:block;color:#f7f7f7;z-index:10;width:50px;height:50px;background:#2a2a2a;text-align:center;border-radius:50%;line-height:50px;font-size:21px;float:right;margin-top:-14px;margin-left:5px;margin-right:-5px}
.about-us{padding:0 20px;text-align:right;line-height:25px;color:#4a4a4a;font-size:14px!important;float:right;margin-bottom:25px!important;width:96%}
div.item-row li > span label:first-child{background:transparent;border:0 solid #2a2a2a;color:#000;padding:1px 15px;font-size:13px;position:relative;    font-weight: 600;}
ul.history h3.subtitle{font-style:normal;font-size:14px;margin-bottom:0;color:#6b6b6b;width:96%;box-sizing:border-box}
ul.history h2.subtitle{font-size:13px;color:#4a4a4a;position:relative;width:96%;line-height:22px;margin:2px}
.property-item_body > :first-child{margin-top:15px}
h3.subtitle label{background:transparent;border:1px solid;font-size:7px;border-radius:initial;color:#000}
ul.history label.date{color:gray;font-size:10px}
ul.history h2.subtitle:before{content:'';position:absolute;width:8px;height:8px;background:#9e9e9e;right:-14px;top:6px}
ul.history p.description{color:gray;margin-top:0;font-size:10px;width:96%}
p.project-link{color:gray;font-size:10px;margin-bottom:0}
p.project-link a{color:#151414}
ul.list-item li p{color:#616161;font-size:12px;position:relative}
ul.list-item li p:before{content:'';position:absolute;width:8px;height:8px;right:-15px;top:5px;background:#9e9e9e}
ul.history.list-item{margin-top:10px}
ul.history{margin-top:5px!important;padding-right:25px!important;margin-bottom:20px!important;box-sizing:border-box}
.property-item_head label:before{position:absolute;left:-23px;top:0;background:red;border-top:26px solid #676767;border-left:23px solid #f7f7f7}
.social__list .item-row.w0 li > span{height:auto}
.social__list ul.history li{margin:0 5px;min-height:initial}
.property-item.social__list ul.history li span label:last-child{line-height:30px;font-size:15px}
.property-item.social__list ul.history li span label:first-child{background:transparent;border:none;line-height:32px}
h2.subtitle.language-item ~ span label:first-child{background:transparent;border:none;padding-left:0;padding-right:0;font-size:11px!important}
div.item-row li > span label.grade i{margin:7px 1px;border-radius:0;border:1px solid #a7a7a7;background:transparent}
div.item-row li > span{padding-left:20px;margin-top:0;margin-bottom:0}
.language__list ul.history{padding-right:11px!important}
div.item-row li > span label.grade i.tik{background:#8a8a8a}
.skill__list .item-row.w0 li > span{padding:0 2px!important}
.skill__list ul.history li{margin-top:10px;width:24%;    position: relative;}
.certificate__list ul.history.one-line li{width:32%;padding-left:40px;padding-right:0}
ul.history.one-line li{margin-bottom:5px}
.property-item_body{padding:0 0 5px;height:100%}
.multi-line li:nth-child(2n+3){clear:both}
.infoo-head{display:none}
ul.history li{margin-bottom:12px!important}
.language__list div.item-row li > span{font-size:5px!important}
label.Education-Grade{display:block;font-size:10px;color:gray;font-family:sdf}
.contact__address{display:inline}
.contact__city{width:500px;padding-top:5px}
.person-information-infos{width:51%;float:right}
.person-information-head{width:93%;padding-bottom:10px}
.other-infos > div{font-size:14px}
.other-infos > div span:first-child{color:#333}
.other-infos{color:#949494;line-height:20px;display:inline-block;padding-top:5px}
.infoo{padding-top:10px;border-top:2px solid #ababab;width:95%;margin-top:5px;float:right}
.skill__list div.item-row li > span label:first-child:before{content:'';position:absolute;width:3px;background:#2a2a2a;height:3px;outline:2px solid #2a2a2a;outline-offset:2px;right:2px;top:11px;-webkit-transform:rotate(45deg)}
ul.exp-desc li{margin:0!important;color:gray;font-size:9px}
label.exp-desc-title{color:gray;font-size:10px}
.container.active {
    height: 100% !important;    overflow: hidden;
}
.language__list .circle-progress{display:none !important}
    .container {
            box-shadow: 0 0 6px -2px #000;
            margin: 0 auto;
            margin-top: 40px;
            margin-bottom: 50px;
            min-height: 297mm;
                height: 100% !important;
    overflow: hidden;
        }
    .honor__list ul.history li{    min-height: 20px !important;width: 50%;}
  .skill__list  .bar-progress{display:block}
  .research__list{display:none}
  .social__list{display:none}
  .experience__list .multi-line li {width: 32%;}
  .multi-line li:nth-child(2n+3) {
    clear: none !important;
}

.language__list .item-row li > span{display: inline-block !important}
.page1,.page2 {
    height: 300mm;
}