@font-face{font-family:IRANSans;font-style:normal;font-weight:900;src:url("../fonts/IranSANS/eot/IRANSansWeb_Black.eot");src:url("../fonts/IranSANS/eot/IRANSansWeb_Black.eot?#iefix") format("embedded-opentype"),url("../fonts/IranSANS/woff2/IRANSansWeb_Black.woff2") format("woff2"),url("../fonts/IranSANS/woff/IRANSansWeb_Black.woff") format("woff"),url("../fonts/IranSANS/ttf/IRANSansWeb_Black.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url("../fonts/IranSANS/eot/IRANSansWeb_Bold.eot");src:url("../fonts/IranSANS/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/IranSANS/woff2/IRANSansWeb_Bold.woff2") format("woff2"),url("../fonts/IranSANS/woff/IRANSansWeb_Bold.woff") format("woff"),url("../fonts/IranSANS/ttf/IRANSansWeb_Bold.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url("../fonts/IranSANS/eot/IRANSansWeb_Medium.eot");src:url("../fonts/IranSANS/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/IranSANS/woff2/IRANSansWeb_Medium.woff2") format("woff2"),url("../fonts/IranSANS/woff/IRANSansWeb_Medium.woff") format("woff"),url("../fonts/IranSANS/ttf/IRANSansWeb_Medium.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url("../fonts/IranSANS/eot/IRANSansWeb_Light.eot");src:url("../fonts/IranSANS/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IranSANS/woff2/IRANSansWeb_Light.woff2") format("woff2"),url("../fonts/IranSANS/woff/IRANSansWeb_Light.woff") format("woff"),url("../fonts/IranSANS/ttf/IRANSansWeb_Light.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url("../fonts/IranSANS/eot/IRANSansWeb_UltraLight.eot");src:url("../fonts/IranSANS/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"),url("../fonts/IranSANS/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"),url("../fonts/IranSANS/woff/IRANSansWeb_UltraLight.woff") format("woff"),url("../fonts/IranSANS/ttf/IRANSansWeb_UltraLight.ttf") format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url("../fonts/IranSANS/eot/IRANSansWeb.eot");src:url("../fonts/IranSANS/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"),url("../fonts/IranSANS/woff2/IRANSansWeb.woff2") format("woff2"),url("../fonts/IranSANS/woff/IRANSansWeb.woff") format("woff"),url("../fonts/IranSANS/ttf/IRANSansWeb.ttf") format("truetype")}main.create div.wrapper6{margin:auto}@media only screen and (min-width:960px){main.create div.wrapper6{max-width:800px}}main.create section.wizard{background-color:#fff;display:flex;flex-flow:column;min-height:400px}main.create section.wizard section.loader{display:none}main.create section.wizard section.stepheader{display:flex;flex-flow:row;width:100%;justify-content:center;position:relative;margin:15px auto}main.create section.wizard section.stepheader:before{width:100%;border:1px solid #ccc;content:"";position:absolute;height:1px;top:50%;z-index:1}main.create section.wizard section.stepheader figure{border-radius:10%;width:50px;height:50px;background-color:#fff;color:#999;border:1px solid #ccc;flex-shrink:0;flex-flow:column;text-align:center;z-index:2;display:flex;justify-content:center;align-items:center;margin:0;margin-left:20px;transition:transform .2s ease}main.create section.wizard section.stepheader figure:last-child{margin-left:0}main.create section.wizard section.stepheader figure.done{background-color:#00b008;border-color:#00b008;color:#fff}main.create section.wizard section.stepheader figure.active{border-color:#00b008;color:#000;transform:scale(1.2)}main.create section.wizard section.stepheader figure span{font-family:Shabnam;font-size:10px;text-align:center;margin-top:5px}main.create section.wizard section.settingpanel div.settingcontainer{display:flex;flex-flow:row wrap;margin:auto;justify-content:center}main.create section.wizard section.settingpanel div.settingcontainer form{width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent{display:flex;flex-flow:row;flex-wrap:nowrap;margin:auto;overflow:hidden;padding-bottom:10px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel{transition:transform .2s ease;flex:1 0 100%;width:100%;flex-flow:column;justify-content:space-between;align-items:center;visibility:hidden;display:flex}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel.active{visibility:visible}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel h1{font-size:12px;opacity:.8;text-align:right;width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection{display:flex;flex-flow:row wrap;padding:0 5px;position:relative;align-content:flex-start;height:100%;width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection>h4{text-align:right;padding:0 10px;background:#fff;width:100%;margin-bottom:10px;text-align:center;font-weight:700}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection fieldset.halfwidth{width:50%;flex:1 40%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection fieldset.width3{width:33%;flex:1 30%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ccolor{margin:0 5px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ccolor.ccolor2{background-color:#87c7ed!important}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ccolor.ccolor3{background-color:orange!important}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ccolor.ccolor6{background-color:#f1594b!important}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ccolor.ccolor4{background-color:#b9d564!important}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ccolor.ccolor5{background-color:#ffe35e!important}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ctype{margin:0 5px;width:30%!important;flex:30%!important;border:1px solid #eee;padding:2px;border-radius:10px!important;display:flex;justify-content:flex-start;align-items:center;font-size:8pt;background-color:transparent!important;height:45px!important;cursor:pointer;max-width:150px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .ctype img{width:40px;border-radius:50%;border:1px solid #eee;margin-left:5px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field{border:none;outline:0;position:relative;margin:0 0 25px 0;padding:0 5px;box-sizing:border-box;width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field input[type=text]::placeholder{visibility:hidden;font-size:10pt}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field input,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field select{outline:0;padding:5px 8px;width:100%;font-size:16px;border:1px solid #e0e0e0;background-color:#fff;border-radius:8px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field input.error,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field select.error{border-color:red}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field label{opacity:.6;position:absolute;top:10px;right:13px;transition:all .2s ease;font-size:14px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field span.errormsg{position:absolute;bottom:-33px;right:5px;background:RED;BORDER-RADIUS:4PX;padding:5px;color:#fff;z-index:99}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field span.errormsg:before{content:"\f0d8";position:absolute;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;top:-9px;color:red;right:15px;font-size:10pt}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field.focus label{color:#16a6b8}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field.focus input{border-color:#16a6b8}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field.focus input[type=text]::placeholder{visibility:visible}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field.float label{opacity:1;top:-6px;font-size:75%;transition:all .1s ease;font-weight:700;padding:0 5px;background:#fff;color:#16a6b8}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field.error label{color:red}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field.error input,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .float-label-field.error select{color:red;border-color:red}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .checkbox-label-field input[type=checkbox]{display:none!important}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .checkbox-label-field input[type=checkbox]+label{font-size:14px;display:flex;align-items:center}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .checkbox-label-field input[type=checkbox]+label:before{font-family:FontAwesome;content:"\f0c8";font-size:25px!important;padding-left:5px!important;color:#ccc;font-size:14px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .checkbox-label-field input[type=checkbox]+label+span{display:none;background:green;padding:10px;border-radius:10px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .checkbox-label-field input[type=checkbox]:checked+label{font-weight:700}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .checkbox-label-field input[type=checkbox]:checked+label:before{content:"\f14a";color:green}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection .checkbox-label-field input[type=checkbox]:checked+label+span{display:flex}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.extrainfo{width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-preview{width:100%;display:flex}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-preview img{max-width:200px;margin:auto}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder{display:flex;flex-flow:row wrap;width:100%;justify-content:flex-start;margin-bottom:10px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder h4,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder h4{font-weight:700;width:100%;padding-bottom:10px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder.half,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder.half{width:50%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;overflow:auto;width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable::-webkit-scrollbar,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable::-webkit-scrollbar{height:0;background-color:transparent}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable label,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable label{width:40px;border-radius:50%;height:40px;background-color:#eee}@media only screen and (min-width:450px){main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable label,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable label{width:40px;height:40px}}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable.iconradiogrp input[type=radio],main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable.iconradiogrp input[type=radio]{display:none}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label{opacity:1;position:relative}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label:after,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label:after{position:absolute;display:flex;width:100%;height:100%;justify-content:center;align-items:center;content:"\f00c";font:normal normal normal 14px/1 FontAwesome;font-size:15pt;text-rendering:auto;-webkit-font-smoothing:antialiased;color:#fff;padding:5px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label.ctype,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label.ctype{background:#eee!important}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label.ctype:after,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label.ctype:after{color:#000!important;right:-10px;width:auto;top:-10px;height:auto}@media only screen and (min-width:450px){main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.color-holder div.theme-scrollable,main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.icon-holder div.theme-scrollable{flex-flow:row wrap}}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder{width:100%}@media only screen and (min-width:450px){main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder{flex-flow:row wrap;justify-content:flex-start}}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover{flex:0 0 calc(50% - 10px);width:50%;justify-content:flex-start;align-items:center;align-content:center;display:flex;border:1px solid #f5f5f5;margin:5px;border-radius:10px;padding:5px;min-height:100px;position:relative;cursor:pointer;background-color:#f5f5f5}@media only screen and (min-width:450px){main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover{flex:0 0 calc(33% - 10px)}}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover img{width:40%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover label{flex:1 1 50%;padding:5px;font-size:8pt;font-weight:700;cursor:pointer}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover a{position:absolute;top:5px;left:0;width:25px;height:20px;cursor:pointer}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover a:after{display:inline-block;bottom:5px;width:25px;height:25px;content:"\f1f8";font:normal normal normal 14px/1 FontAwesome;font-size:14pt;text-rendering:auto;-webkit-font-smoothing:antialiased;color:#dc0101;text-align:center}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover span.addbook{color:#888;display:flex;flex-flow:column wrap;font-size:8pt;align-content:center;width:100%;text-align:center}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover span.addbook b{font-weight:700;color:#000}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover span.addbook font{background-color:#ffff5b;padding:2px 10px;flex-grow:0;color:#000;font-weight:700;border-radius:8px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover span.addicon:after{display:flex;text-align:center;bottom:5px;left:50%;content:"\f067";font:normal normal normal 14px/1 FontAwesome;font-size:25pt;text-rendering:auto;-webkit-font-smoothing:antialiased;color:green;border-radius:50%;padding:5px}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover s{font-size:7pt;font-weight:400}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.cover-holder div.note-cover.selected{border:1px solid #2ecc71;background-color:#fff}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder{display:flex;flex-flow:row;justify-content:space-between;width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder button{border:0;background-color:transparent;display:none}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;overflow-y:auto;overflow-x:visible;width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable::-webkit-scrollbar{height:0;background-color:transparent}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable label{width:40%;flex:0 20%;flex-shrink:0;border-radius:4px;opacity:.5;display:flex;padding:0;margin:5px;cursor:pointer}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable label img{width:100%}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable label:last-child{margin-left:0}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable label.showmoretheme{opacity:1;border:1px solid #eee;padding:5px;align-self:stretch;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;font-size:8pt;background:#eee;font-weight:700;flex-flow:column}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable label.showmoretheme b{font-size:32pt;font-weight:700;text-align:center;height:27px;line-height:20px}@media only screen and (min-width:450px){main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable label{width:calc(15% - 10px);flex:0 calc(15% - 10px);flex-shrink:0}}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable.iconradiogrp input[type=radio]{display:none}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label{opacity:1;position:relative}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label:after{position:absolute;display:inline-block;bottom:5px;left:50%;width:20px;content:"\f00c";font:normal normal normal 14px/1 FontAwesome;font-size:9pt;text-rendering:auto;-webkit-font-smoothing:antialiased;transform:translateX(-10px);color:#000;background-color:#fff;border-radius:50%;padding:5px;box-shadow:0 0 2px 1px rgba(0,0,0,.7)}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable.iconradiogrp input[type=radio]:checked+label:before{position:absolute;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;top:0;left:0;right:0;bottom:0;content:"\f00e";font:normal normal normal 14px/1 FontAwesome;font-size:24pt;text-rendering:auto;-webkit-font-smoothing:antialiased;color:#fff;text-shadow:1px 1px #000}@media only screen and (min-width:450px){main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder div.theme-scrollable{flex-flow:row wrap}}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder.more{display:none;position:absolute;inset:0;background:#fff;z-index:999;margin:0;justify-content:flex-start;align-items:flex-start;overflow-y:auto}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder.more.active{display:block}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder.more div.theme-scrollable{flex-flow:row wrap;align-items:center;overflow-y:hidden;overflow-x:auto}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder.more div.theme-scrollable label{flex:0 calc(33% - 10px)}@media only screen and (min-width:450px){main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel section.formsection div.theme-holder.more div.theme-scrollable label{flex:0 calc(10% - 10px)}}main.create section.wizard section.settingpanel div.settingcontainer div.stepcontent div.panel.upload-panel section.formsection{align-items:center}main.create section.wizard section.settingpanel div.settingcontainer div.pfcontainer{margin:5px auto;position:relative;width:250px;height:250px}main.create section.wizard section.settingpanel div.settingcontainer div.pfcontainer div.pfsbox{position:absolute;overflow:hidden;background-color:#eee}main.create section.wizard section.settingpanel div.settingcontainer div.pfcontainer .pfcontainer.addopac img.pfdscene{opacity:.9}main.create section.wizard section.settingpanel div.settingcontainer div.pfcontainer .pfhidebox{display:none!important}main.create section.wizard section.settingpanel div.settingcontainer div.pfcontainer .nopointer{pointer-events:none}main.create section.wizard section.settingpanel div.settingcontainer div.pfcontainer .pfdscene{position:absolute;width:100%;height:auto;top:0;left:0}main.create section.wizard section.settingpanel div.settingcontainer div fieldset.filebutton label{display:block;width:200px;border-radius:8px;text-align:center;margin:auto}main.create section.wizard section.settingpanel div.settingcontainer div fieldset.filebutton input{opacity:0;width:0}main.create section.wizard section.settingpanel div.settingcontainer div button.next.plain,main.create section.wizard section.settingpanel div.settingcontainer div button.remove.plain{border:0;background-color:transparent;display:block;padding:5px 0}main.create section.wizard section.settingpanel div.settingcontainer div button.remove.plain{display:none;padding:5px 10px;border:1px solid red;color:red;border-radius:10px}main.create section.wizard section.settingpanel div.actionbar{margin:auto;background:#daf0ff;padding:0 10px}main.create section.wizard section.settingpanel div.actionbar button.back{background-color:transparent}main.create section.wizard section.settingpanel div.actionbar div.wrapper6{display:flex;flex-flow:row;justify-content:flex-end;align-items:center;padding:10px 0}main.create section.wizard section.settingpanel div.preview{display:none;position:fixed;inset:0;background-color:rgba(255,255,255,.95);overflow-y:scroll;z-index:9999}main.create section.wizard section.settingpanel div.preview.active{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;flex-flow:column wrap;align-items:center}main.create section.wizard section.settingpanel div.preview h4{font-weight:700;font-size:10pt;padding:10px 0}main.create section.wizard section.settingpanel div.preview h3{font-weight:700;color:red}main.create section.wizard section.settingpanel div.preview img{width:80%;max-width:300px;position:static}main.create section.wizard section.previewpanel{background-color:#ccc}main.create section.wizard section.previewpanel div.previewcontainer{max-width:600px;margin:auto}main.create section.wizard section.previewpanel div.previewcontainer section.notebook{display:none;overflow:hidden}main.create section.wizard section.previewpanel div.previewcontainer section.notebook.active{display:block}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport{margin:10px auto}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place{margin:auto!important}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.page{position:relative;background-repeat:no-repeat;background-size:contain}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.page.right{background-position:right}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.page.left{background-position:left}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.page img{width:100%}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.wire-c{background-image:url(/assets/img/notebook/w-c.png);background-position:top right;position:absolute;top:0;bottom:0;right:50%;width:17px;transform:translateX(8px);background-size:contain}@media only screen and (min-width:960px){main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.wire-c{width:19px;transform:translateX(9px)}}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.wire-r{background-image:url(/assets/img/notebook/w-l.png);background-position:top left;position:absolute;top:0;bottom:0;right:3px;width:6px;background-size:contain}@media only screen and (min-width:960px){main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.wire-r{right:4px;width:7px}}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.wire-l{background-image:url(/assets/img/notebook/w-r.png);background-position:top right;position:absolute;top:0;bottom:0;left:3px;width:6px;background-size:contain}@media only screen and (min-width:960px){main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-place div.wire-l{left:4px;width:7px}}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-fullsize{width:320px;height:220px}@media only screen and (min-width:960px){main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-fullsize{width:510px;height:350px}}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-fullsize.SNB{width:302px}@media only screen and (min-width:960px){main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-fullsize.SNB{width:482px}}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-halfsize{width:316px;height:220px}@media only screen and (min-width:960px){main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-halfsize{width:255px;height:350px}}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-halfsize.SNB{width:151px}@media only screen and (min-width:960px){main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-viewport div.page-halfsize.SNB{width:241px}}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-header{background-color:#fff}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.page-header h4{text-align:center;font-weight:700;font-size:12pt;padding:5px 0}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.pagecontrol{display:flex;justify-content:space-between;padding:5px 10px;background-color:#fff}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.pagecontrol button{border-radius:4px;padding:5px 10px;border:1px solid #ccc}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.pagecontrol button.editbook{border:0;background:#0082d6;color:#fff}main.create section.wizard section.previewpanel div.previewcontainer section.notebook div.pagecontrol button i{margin:5px 0}main.create section.wizard section.previewpanel div.readybooks{display:flex;flex-flow:row;overflow-x:auto;border-top:1px solid #fff}@media only screen and (min-width:450px){main.create section.wizard section.previewpanel div.readybooks{justify-content:center}}main.create section.wizard section.previewpanel div.readybooks div.page{cursor:pointer;flex:0 0 20%;background-size:contain;display:flex;margin:10px 5px;flex-flow:column;background-repeat:no-repeat;text-align:center;font-size:6pt;font-weight:700;position:relative}main.create section.wizard section.previewpanel div.readybooks div.page span{padding:5px 0;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:flex;justify-content:center;align-items:center}main.create section.wizard section.previewpanel div.readybooks div.page span b{width:95%;padding:5px;background-color:rgba(255,255,255,.9);text-align:center;border-radius:4px}main.create section.wizard section.previewpanel div.readybooks div.page img{width:100%}main.create section.wizard section.previewpanel div.readybooks div.page.active{box-shadow:0 0 5px 5px rgba(0,0,0,.2);border:1px solid #fff;border-radius:4px}@media only screen and (min-width:450px){main.create section.wizard section.previewpanel div.readybooks div.page{max-height:188px;max-width:118px;flex:0 0 12%}}main.create section.wizard section.options{background-color:#daf0ff;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;position:relative}main.create section.wizard section.options section{font-size:15px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;cursor:pointer}main.create section.wizard section.options section i.check{font-size:30px;color:#ccc}main.create section.wizard section.options section i.arrow{float:left;margin-right:auto;margin-left:10px;margin-right:10px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}main.create section.wizard section.options div.order-options{width:100%;display:flex;height:62px;justify-content:space-between;flex-flow:row;max-width:800px;margin:auto}main.create section.wizard section.options div.order-options section.up-layer{max-width:unset;width:100%;height:60px;flex-grow:1;display:flex;justify-content:center;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;padding-right:10px;align-items:center}@media only screen and (min-width:450px){main.create section.wizard section.options div.order-options section.up-layer{max-width:270px;flex-grow:0;width:calc(30% - 10px)}}main.create section.wizard section.options div.order-options section.up-layer.active{background-color:#fff8bd;padding-bottom:5px}main.create section.wizard section.options div.order-options section.up-layer.active i.arrow{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}main.create section.wizard section.options div.order-options section.up-layer.checked i.check{color:green}main.create section.wizard section.options div.order-options div.popup-layer{background-color:#acdeff}main.create section.wizard section.options div.order-options div.popup-layer{position:absolute;right:0;bottom:81px;left:0;background-color:#fff8bd;z-index:800;display:none;padding:10px 0;height:0;box-shadow:0 -2px 2px rgba(0,0,0,.04);bottom:145px;height:320px;z-index:9999;overflow:hidden;overflow-y:scroll}@media only screen and (min-width:450px){main.create section.wizard section.options div.order-options div.popup-layer{bottom:62px;height:450px}}main.create section.wizard section.options div.order-options div.popup-layer.active{display:block}main.create section.wizard section.options div.order-options div.popup-layer.hide{display:none}main.create section.wizard section.options div.order-options div.popup-layer.cross-layer{bottom:62px}main.create section.wizard section.options div.order-options div.popup-layer div.contain{max-width:800px;margin:auto;padding:10px}main.create section.wizard section.options div.order-options div.button{flex-grow:1;display:flex;justify-content:center;padding:0 10px;align-items:center}@media only screen and (min-width:450px){main.create section.wizard section.options div.order-options div.button{justify-content:flex-end}}main.create section.wizard section.options div.order-options div.button button{margin:0;min-width:150px;width:100%;padding:10px 10px;font-size:12pt;font-weight:700}@media only screen and (min-width:450px){main.create section.wizard section.options div.order-options div.button button{width:auto}}main.create section.wizard section.hide{display:none!important}main.create section.wizard.loading{position:relative}main.create section.wizard.loading section.loader{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}main.create section.wizard.loading section.loader h4{transform:translateY(-80px);color:#fff;font-weight:800;font-size:14pt;width:80%;text-align:center}main.create section.spec{max-width:1200px;margin-left:auto;margin-right:auto;padding-bottom:15px}main.create section.spec div.sizeprice{padding-top:10px;width:100%;display:flex;flex-flow:column;max-width:800px;margin:auto}@media only screen and (min-width:960px){main.create section.spec div.sizeprice{flex-flow:row wrap;justify-content:space-between}}main.create section.spec div.sizeprice span.row{display:block;border-bottom:1px solid #f6f6f6;padding:10px;width:100%}@media only screen and (min-width:960px){main.create section.spec div.sizeprice span.row{flex:1 45%;width:50%;flex-shrink:0;flex-grow:1;margin:0 5px}}main.create section.spec div.sizeprice span.row span.title{color:#858585;display:block;width:100px;float:right;font-size:12px;font-weight:400}main.create section.spec div.sizeprice span.row.book-price{font-size:12px;color:green;border-radius:4px;background-color:#dfdfdf}main.create section.spec div.sizeprice span.row.book-price span.value{font-size:14px;font-weight:600;color:#000}main.create section.spec div.sizeprice span.row.book-price span.value i{margin-left:5px;font-size:12px;font-weight:400;text-decoration:line-through}main.overview{height:100%}main.overview section.main{padding:5px;max-width:900px;margin-left:auto;margin-right:auto;min-height:600px}@media only screen and (min-width:960px){main.overview div.top{display:flex;flex-flow:row wrap;margin:auto;padding:30px}}main.overview div.top div.cover-image{margin:auto;position:relative;margin:15px auto;width:240px;height:auto;overflow:hidden}@media only screen and (min-width:960px){main.overview div.top div.cover-image{height:auto;flex-shrink:1;padding:0}}main.overview div.top div.cover-image img{display:none;width:100%;height:auto}main.overview div.top div.cover-image img.active{display:block}main.overview div.top div.cover-image h2{position:absolute;font-family:IRANSans;top:34px;padding-right:28px;color:#000}main.overview div.top div.cover-image h1{position:absolute;font-family:IRANSans;font-size:10pt;line-height:40pt;font-weight:600;top:32px;display:block;padding:0;right:0;text-align:right;color:#000;padding-right:28px;opacity:.9}main.overview div.top div.action{padding-top:10px;width:100%;position:relative;text-align:center;display:flex;flex-flow:column}@media only screen and (min-width:960px){main.overview div.top div.action{width:50%;flex-grow:1}}main.overview div.top div.action div.moreact{order:4}main.overview div.top div.action div.moreact a{text-decoration:underline;font-weight:700;color:#000}main.overview div.top div.action div.price{font-size:14px;font-weight:700;color:#000;background-color:rgba(255,255,255,.5);width:240px;margin:5px auto;border-radius:10px;order:2}@media only screen and (min-width:960px){main.overview div.top div.action div.price{width:350px;font-size:16px}}main.overview div.top div.action div.price span.oldprice{font-size:12px;font-weight:400;color:#666;text-decoration:line-through}main.overview div.top div.action div.price span.online{font-size:14px;text-align:center;display:block;color:#666;font-weight:400}main.overview div.top div.action div.detail{padding:20px;text-align:right;color:#000;order:5}main.overview div.top div.action div.detail h2{font-size:10pt;font-weight:700}main.overview div.top div.action div.detail ul{list-style:disc;padding:5px;padding-right:15px}main.overview div.top div.action div.detail h1{font-size:18px;font-weight:700}@media only screen and (min-width:960px){main.overview div.top div.action div.detail{order:1;display:block}}main.overview div.top div.action div.oldbook{transition:opacity 8s ease;opacity:0;display:none;position:absolute;width:200px;border-radius:10px;padding:5px;left:calc(50% - 100px);bottom:0;background:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.2)}@media only screen and (min-width:960px){main.overview div.top div.action div.oldbook.new{transform:translateY(-50px)}}main.overview div.top div.action div.oldbook a{text-align:center;color:#000;display:block;width:100%;padding:10px;border-bottom:1px solid #ccc}main.overview div.top div.action div.oldbook a:hover{background:#eee}main.overview div.top div.action.active div.oldbook{display:block;opacity:1}main.overview div.top div.action button,main.overview div.top div.pricelist button{margin:0 auto;display:block;color:#fff;display:block;border-radius:10px;border:2px Solid #fff;background-color:#00bb1d;font-size:14pt;padding:5px 20px;order:3}main.overview div.top div.action button.pulsebtn,main.overview div.top div.pricelist button.pulsebtn{color:#00bb1d;border:2px Solid #00bb1d;background-color:#fff;font-size:10pt;font-weight:700;animation:pulse 1.2s infinite}main.overview div.top div.pricelist{width:100%}main.overview div.top div.pricelist h4{font-size:12pt;font-weight:700;padding:10px 5px}main.overview div.top div.pricelist div{display:flex;flex-flow:row wrap;justify-content:center}main.overview div.top div.pricelist div span{flex:0 0 40%;width:40%;padding:10px 5px;margin-bottom:5px;border:1px solid #ccc;border-radius:4px;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:10pt;background-color:#eee}main.overview div.top div.pricelist div span.price{justify-content:flex-start;text-align:right;flex:0 0 calc(60% - 10px);width:calc(60% - 10px);border-left:1px solid #ccc;margin-left:5px;border-right:0;background-color:#fff}main.overview div.top div.pricelist div span.price s{font-size:12px;color:#666}@media only screen and (min-width:960px){main.overview div.top div.pricelist div span{flex:0 0 15%;width:15%}main.overview div.top div.pricelist div span.price{text-align:right;flex:0 0 calc(35% - 10px);width:calc(35% - 10px)}}main.overview div.description{background:rgba(255,255,255,.7);margin:20px 10px;display:block;height:auto;padding:15px;border-radius:10px}@media only screen and (min-width:960px){main.overview div.description{margin:10px auto}}@media only screen and (max-width:960px) and (min-width:450px){main.overview div.description{margin:20px auto}}main.overview div.description div{height:auto}main.overview div.description div.specification{height:auto;border-radius:10px;padding:5px;border:1px solid #ccc;margin:15px auto;display:flex;width:100%;flex-flow:row wrap}main.overview div.description div.specification span.row{width:100%;height:25px;display:flex;flex-flow:row;justify-content:space-between;align-items:center}@media only screen and (min-width:960px){main.overview div.description div.specification span.row{width:50%;flex:1 45%}}main.overview div.description div.specification span.row span.title{width:30%;flex-grow:1}main.overview div.description div.specification span.row span.value{width:70%;flex-grow:1}main.overview div.description div.specification h2{width:100%;font-weight:700}main.themes{background-color:#fff}main.themes section.smart div.holder{padding:10px;margin:5px;border-radius:10px;max-width:400px;margin:5px auto}main.themes section.smart div.holder figure{width:200px;height:200px;margin:10px auto;position:relative}main.themes section.smart div.holder figure img{position:absolute;width:100%}main.themes section.smart div.holder div.subscribeBox{padding:10px;padding:10px;background:#5c94b5;border-radius:10px;color:#fff;text-align:right;font-size:8pt}main.themes section.smart div.holder div.subscribeBox div.substate span.error{display:none;background:red;color:#fff;padding:5px;text-align:center;margin:5px;font-size:10pt;font-weight:700;border-radius:5px}main.themes section.smart div.holder div.subscribeBox div.substate span.error.show{display:block}main.themes section.smart div.holder h2{font-size:10pt;width:100%;margin:8px 0;text-align:center;font-weight:700}main.themes section.smart div.holder h1{font-size:12pt;width:100%;margin:8px 0;text-align:center;font-weight:700}main.themes section.smart div.holder a.btn{display:block;margin:8px auto;text-align:center}main.themes section.smart div.holder input{padding:8px;display:block;margin:auto;border:0;font-size:16px;border-radius:4px;direction:ltr;margin:10px auto}main.themes section.smart div.holder input.inpCode{text-align:center;font-weight:700;letter-spacing:15px;width:130px}main.themes section.smart div.holder button{display:block;margin:10px auto;border-radius:4px;padding:5px 15px;border:0}main.themes div{max-width:800px;margin:auto}main.themes div h1{font-size:12pt;padding:5px 0}main.themes div.themetags{width:100%;display:flex;justify-content:space-between;background-color:#eee;margin-top:10px;padding:5px}main.themes div.themetags a{padding:10px 15px;background:#fff;color:#000;display:flex;flex-flow:column;justify-content:center;align-items:center;width:25%;margin:5px;border:1px solid #000;border-radius:10px;font-weight:700;cursor:pointer}main.themes div.themetags a img{max-width:70px;width:100%}main.themes div.themetags a.selected{background-color:#f2ff4f}main.themes div.textholder{padding:10px;background-repeat:no-repeat;background-position:bottom center;background-image:url(/assets/img/notebook/back/back-m2.jpg);background-size:contain;height:200px;padding:15px}@media only screen and (min-width:450px){main.themes div.textholder{background-image:url(/assets/img/notebook/back/back-d2.jpg);background-size:cover;height:260px;padding:30px}}main.themes div.textholder h1{margin:0;font-size:20px;font-weight:400}@media only screen and (max-width:450px){main.themes div.textholder h1{font-size:18px}}main.themes div.textholder h2{font-size:24px;font-weight:700;text-align:center}@media only screen and (max-width:450px){main.themes div.textholder h2{font-size:20px}}main.themes div.itemholder{display:flex;padding-bottom:20px;padding:0 10px;flex-flow:column}@media only screen and (min-width:450px){main.themes div.itemholder{flex-flow:row wrap}}main.themes div.itemholder div.item{background-color:#fff;border-radius:10px;text-align:center;border:1px solid #888;color:#000;flex-flow:row;width:100%;margin:10px auto;padding:0;align-items:center;display:flex}@media only screen and (min-width:450px){main.themes div.itemholder div.item{margin:10px;width:calc(50% - 20px);flex-grow:0}}main.themes div.itemholder div.item b{font-weight:700}main.themes div.itemholder div.item img{border-radius:10px;width:100%;margin:5px}main.themes div.itemholder div.item a{color:#000}main.themes div.itemholder div.item a.img{width:40%;display:flex}main.themes div.itemholder div.item a h2{color:#000;font-size:15px;font-weight:700;display:block}main.themes div.itemholder div.item a h3{color:#000;font-weight:700;display:block}main.themes div.itemholder div.item div{flex-grow:1;padding:10px 5px}main.themes div.itemholder div.item button{display:block;margin:10px auto auto;font-size:14px;padding:5px 15px}main.themes div.description{font-size:12pt;padding:20px;text-align:justify}main.themes div.description h2{font-size:18px;font-weight:700}main.themes div.description b{font-weight:700}.moveable-rotation{height:calc(20px * var(--zoom))}.tutorialmodal div div{display:none;flex-flow:column;align-items:center;display:flex}.tutorialmodal div div img{max-width:150px}.tutorialmodal div div.desktop{display:none}@media only screen and (min-width:960px){.tutorialmodal div div.desktop{display:flex}}@media only screen and (min-width:960px){.tutorialmodal div div.mobile{display:none!important}}.tutorialmodal div span{margin-bottom:10px}@media only screen and (max-width:450px){body.scrollhide{overflow:hidden;height:100%;position:relative}}@media only screen and (max-width:960px) and (min-width:450px){body.scrollhide{overflow:hidden;height:100%;position:relative}}