/*
CAFELEAD.AGENCY
All Rights Reserved
DESIGN BY: Danial Zameni
*/
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanLight.ttf) format("truetype");font-weight:100;}
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanThin.ttf) format("truetype");font-weight:200;}
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanRegular.ttf) format("truetype");font-weight:300;}
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanMedium.ttf) format("truetype");font-weight:400;}
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanBold.ttf) format("truetype");font-weight:500;}
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanExtraBold.ttf) format("truetype");font-weight:600;}
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanBlack.ttf) format("truetype");font-weight:700;}
@font-face{font-family:IRANYekan;src:url(../fonts/IRANYekanExtraBlack.ttf) format("truetype");font-weight:800;}
@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,main, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, main, menu, nav, section{display:block;}
*{-ms-box-sizing:content-box; box-sizing:content-box;-webkit-appearance:none;-webkit-text-size-adjust: none;}
::-moz-selection{background:#1c1c1c;color:#fff;}
::selection{background:#1c1c1c;color:#fff;}
::-moz-selection{background:#1c1c1c;color:#fff;}
html{scroll-behavior:smooth;}
body,input,button,textarea,select{font-family:IRANYekan;}
body,html{height:100%;direction:rtl;}
a{text-decoration:none;}
*[hidden]{display:none;}
*:focus{outline:none;}
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

body{display:flex;flex-direction:column;}
body, .main input{background-color:#16A085;color:#0D6050;}
.main input::-webkit-input-placeholder{color:#0D6050a0;}
.main input::-moz-placeholder{color:#0D6050a0;}
header{transition:.3s ease-out .6s;margin-top:0;min-height:50%;display:flex;align-items:center;justify-content:center}
.exploring header,.explored header, .google_waiting.google_actived header{transition:.3s ease-out;min-height:0}
.logo{margin:auto;display:flex;align-items:center;flex-direction:row-reverse}
h1{font-size:100px;font-weight:200}
h2{transition:1s ease-out .7s;max-width:300px;overflow:hidden;white-space:nowrap;font-weight:600;font-size:16px;margin-bottom:-50px}
main{display:flex;flex-direction:column;max-height:10000px;overflow:hidden}
.main{flex:1;display:flex;overflow:hidden;max-height:10000px;transition:.3s ease-out .6s;background-color:#1ABC9C;color:#10715E;}
.main input{border:none}
.authform{text-align:center;overflow:hidden}
.authform input{margin-top:10px;width:300px;max-width:calc(100% - 70px);height:30px;padding:15px;text-align:center;font-size:30px;border-radius:5px}
.authform{margin:auto}
.authform.active .authformstep-1, .authform:not(.active) .authformstep-2, .authform:not(.checking) .authformstep-check{display:none}
.authform.checking .authformstep-1, .authform.checking .authformstep-2{display:none!important}
.checking-false .authformstep-check{font-size:100px}
.loading .main,.loading main{max-height:0;}
.loading header{min-height:100%}
.loading h2{max-width:0}

body.unauthorized-alert .main{animation:1s unauthorized_main .7s forwards;}
body.unauthorized-alert, body.unauthorized-alert .main input
body.unauthorized-alert .main input::-moz-placeholder{animation:1s unauthorized_body .7s forwards;}
body.unauthorized-alert .main input::-webkit-input-placeholder{animation:1s unauthorized_body .7s forwards;}
@keyframes unauthorized_main{ 20%{ background-color:#C0392B;color:#DE766B } 80%{ background-color:#C0392B;color:#DE766B } }
@keyframes unauthorized_body{ 20%{ background-color:#E74C3C;color:#F4ABA4 } 80%{ background-color:#E74C3C;color:#F4ABA4 } }

.search_outer{margin:auto;display:flex;align-items:center;justify-content:center;position:relative}
.search_inner{margin-top:10px;border-radius:5px;background-color:#1ABC9C;color:#10715E;margin:auto;display:flex;align-items:center;justify-content:center}
.search_error{animation:1s unauthorized_main forwards;}
.search_outer .search_input::-webkit-input-placeholder{color:#10715E;}
.search_outer .search_input::moz-placeholder{color:#10715E;}
.search_outer .search_input{color:#10715E;background:none;border:none;margin:0;width:500px;max-width:calc(100% - 70px);height:30px;padding:15px;padding-left:0;text-align:center;font-size:20px;}
.search_outer .search_button{transition:.1s ease-in;background:url(/img/icon-search.svg) center no-repeat, url(/img/icon-close.svg) center no-repeat;background-size:50%,0;cursor:pointer;width:60px;height:60px;flex:0 0 60px}
.search_outer .search_setting{transition:.1s ease-in;cursor:pointer;width:60px;height:60px;flex:0 0 60px;position:relative;z-index:1}
.search_outer .search_setting:after{transition:.1s ease-in;content:'';position:absolute;z-index:1;bottom:0;left:0;margin:auto;background:url(/img/icon-setting.svg) center no-repeat;background-size:65%;width:100%;height:100%;}
.search_outer .search_setting:not(.active):not(:hover){opacity:.5}
.on_search_setting .search_outer .search_setting{opacity:1!important}
.on_search_setting main{min-height:200px}
.on_search_setting main .search_outer{margin-top:0;margin-bottom:0}
.on_search_setting .search_outer .search_setting:after{transform:rotate(45deg);}
.search_setting:before{content:'';position:absolute;z-index:-1;bottom:-30px;right:0;left:0;margin:auto;background:#1ABC9C;width:calc(100% - 30px);height:0;transition:.1s ease-in bottom;border-top-left-radius:5px;border-top-right-radius:5px}
.on_search_setting .search_setting:before{top:0px;height:100%}
.search_setting_inner{background:#1ABC9C;border-radius:5px;border-top-left-radius:0;width:calc(100% - 15px);overflow:hidden;height:0;right:0;position:absolute;top:calc(100% + 15px)}
.on_search_setting .search_setting_inner{height:70px}
.search_error .search_setting_inner, .search_error .search_setting:before{animation:1s unauthorized_body forwards;}
.exploring .search_setting, .exploring .search_setting_inner, .explored .search_setting, .explored .search_setting_inner{display:none}

.exploring .search_outer .search_button, .explored .search_outer .search_button{background-size:0,50%}
.search_result{border-top:1px solid #fff5;padding-top:20px;margin-top:20px;flex:1;display:flex;flex-direction:column}
body:not(.exploring):not(.explored) .search_result{display:none}
.exploring main, .explored main{flex:1}
.explored .search_result{overflow-x:hidden;overflow-y:auto}
/*.search_result{border:none;background-color:#1ABC9C;color:#10715E;}*/

.search_setting_inner{display:flex;flex-wrap:wrap;}
.search_setting_option{min-width:100px;flex:0 auto;margin:0 15px;font-size:10px;font-weight:500;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end}
.search_setting_option span{width:10px;height:10px;flex:0 0 10px;border:1px solid #fff;border-radius:3px;margin-left:5px}
.search_setting_option input:checked + span{background:#fff}
.search_setting_option input:checked + span:before{content:'✔';display:block;margin-top:-3px;margin-right:1px}
.search_setting_option input{display:none}

body.explored .search_loading, body:not(.explored) .search_items{display:none}
.search_items_none, .jud_box{margin:0 auto auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;animation:1s nonesearchpulse infinite;border:2px solid #0002;padding: 20px 20px 5px;}
@keyframes nonesearchpulse{ 50%{border-color:#0001} }
.search_items_none a{cursor:pointer;border:2px solid #0002;margin:15px;border-radius:5px;padding:5px 10px 7px}
.search_items_none a:hover{border-color:#0004}
.search_items{flex:1;display:flex;flex-direction:column}
.margin-bottom-20{margin-bottom:20px!important}

.search_loading{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}
.search_loading .search_loading_icon{margin-bottom:10px;width:40px;height:40px;background:url(/img/icon-loading.svg) center no-repeat;background-size:100%}
.search_loading .search_loading_text{font-size:18px}
.jud_status{justify-content:center;flex-direction:row!important;align-items:center;margin-bottom:20px;}
.jud_status span:nth-child(2){margin-right:5px;font-size:15px}
.jud_box{padding:20px!important;margin-bottom:20px}
.jud_see{font-size:13px;padding:0 7px 2px;font-weight:400;background-color:#0D6050;border-radius:10px;color:#16A085;cursor:pointer;}
.jud_see:hover{transition:.1s ease-in;opacity:.6}

.search_items{display:flex;flex-direction:column}
.search_item{padding:20px;border-bottom:1px solid #fff4;display:flex;overflow:hidden}
.search_overview{backdrop-filter:blur(1px);position:relative;z-index:14;top:-20px;background:#1ABC9C90;color:#10715E;border-bottom:1px solid #fff3;display:flex;margin-top:-20px;padding:20px 0;}
.search_overview h3{display:flex;align-items:center;font-size:30px;padding:0 20px 0 0}
.search_overview_inner{display:flex;justify-content:center;flex:1}
.search_overview_inner label, .jud_status{display:flex;flex-direction:column;padding:0 20px}
.search_overview_inner label span:nth-child(1), .jud_status span:nth-child(1){font-size:12px;font-weight:400}
.search_overview_inner label span:nth-child(1):after, .jud_status span:nth-child(1):after{content:' :'}
.search_overview_inner label span:nth-child(2), .jud_status span:nth-child(2){font-weight:500}
.jud_box{padding:0!important;overflow:hidden}
.jud_box_item{width:calc(100% - 40px);display:flex;color:#0D6050;justify-content:space-between;padding:20px}
.jud_box_item:not(:nth-child(1)){border-top:1px solid #0003}
.jud_box_item:hover{background:#0D6050;transition:.1s ease-in;color:#16A085}

.search_item{display:flex;flex-direction:column}
.search_item h3{display:flex;justify-content:space-between;}
.search_item h3 .badge{background:#000;color:#16A085c0;padding:2px 10px;font-size:13px;border-radius:13px}
.search_item h3 .badge.mellat{background:#700;}
.search_item h3 .badge.saderat{background:#035;}
.search_item h3 .badge.melli{background:#fffb;}
.search_item h3 .badge b{color:#16A085}

.search_item_inner{display:flex;margin:0 -10px -10px}
.search_item_inner label{flex:1;display:flex;flex-direction:column;padding:5px 15px 3px;background:#fff2;margin:10px;border-radius:10px}
.search_item_inner label span:nth-child(1){font-size:13px;opacity:.8}
.search_item_inner label span:nth-child(1):after{content:' : ';margin-left:5px}

.google_waiting{background:#000}
.google_waiting .main{background:#222}

.authform_scan{background:#fff;border-radius:10px;padding:10px;max-width:100%;width:150px}
.authform_scan_p{max-width:220px;margin:0 auto 10px}

@media(min-width:800px){
	.search_overview{position:sticky;overflow-x:auto}
	.search_overview_inner label span:nth-child(1), .jud_status span:nth-child(1){white-space:nowrap}
}
@media(max-width:800px){
	  .search_overview{top:0}
	  .search_overview_inner{flex-direction:column}
	  .search_overview_inner label:not(:nth-child(1)){margin-top:8px}
	  .search_overview_inner label{flex-direction:row;line-height:13px}
	  .search_overview_inner label span:nth-child(1){white-space:nowrap}
	  .search_overview_inner label span:nth-child(2){margin-right:5px}
	  .search_overview h3{font-size:20px}
}
@media(max-width:700px){
	.search_outer{width:100%}
	.search_inner{flex:1;margin-right:20px}
	.explored .search_inner, .exploring .search_inner{margin-left:20px}
	.search_outer .search_input{width:100%}
	.on_search_setting main{min-height:280px}
	.on_search_setting .search_setting_inner{right:20px;width:calc(100% - 35px);height:200px}
	body:not(.loading) .logo{margin-bottom:0}
	.search_item h3 span span{display:none}
	.search_item_inner{margin-top:5px;flex-direction:column;}
	.search_item_inner label{margin:5px;display:flex;align-items:center;flex-direction:row;}
}
@media(min-width:500px){
	.jud_box{margin-right:20px;margin-left:20px}
}
@media(max-width:500px){
  .authform_scan_p{max-width:190px;}
  h1{font-size:50px;}
  h2{font-weight:500;font-size:10px;margin-bottom:-23px}
  .authform p{font-size:13px}
  .search_outer .search_input{text-align:right}
  .search_outer .search_input, .search_result{font-size:12px}
  .search_items{padding-right:15px;padding-left:15px}
  .jud_box_item{flex-direction:column;}
  .jud_box_item h4{margin-bottom:5px}
  .search_overview{margin:-20px -20px 0;}
}