@font-face {
    font-family:'handwriting';
    src: url('../font/JustAnotherHand-Regular.ttf');
    font-weight:400;
}

body { background-color:#fff; }
.container { width:100%;max-width:1200px;margin:0px auto;padding:0px 30px;box-sizing:border-box; }
#header.no_border { position:relative;left:auto;top:auto;border-style:none;margin-bottom:50px; }
#header .container { padding:0px 0px; }

#web_menu_button { vertical-align:middle;font-weight:600;font-size:12pt;cursor:pointer;display:none;margin-right:25px; }
#web_menu_button i { display:inline-block;vertical-align:middle;width:22px;height:22px;background-size:100%;
background-image:url('../image/menu.png');margin-left:7px; }

#home_banner { direction:ltr;margin-bottom:50px; }
#home_banner > .tbl { width:100%; }
#home_banner > .tbl > div { direction:rtl; }
#home_banner > .tbl > div:nth-child(1) { width:550px;padding-right:50px; }
#home_banner > .tbl > div:nth-child(1) > img { width:100%; }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(1) { font-size:70pt;margin:0;font-weight:normal;line-height:40px; }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(1) span { position:relative;font-family:handwriting,tahoma }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(1) span:before { content:"";display:block;position:absolute;left:-5%;bottom:20%;
width:110%;height:20%;background-color:#b3f4f5;z-index:-1;border-radius:30px; }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(2) { font-size:16pt;line-height:30px;font-weight:600;
letter-spacing:-0.6pt;margin:0;margin-top:30px; }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(3) { margin-top:10px;line-height:33px; }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(4) { margin-top:30px; }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(4) > * { display:inline-block;vertical-align:middle;margin-left:5px;
line-height:45px;height:45px;padding:0px 15px;border-radius:10px;overflow:hidden;font-weight:600 }
#home_banner > .tbl > div:nth-child(2) > *:nth-child(4) > *:first-child { padding:0px 25px; }

.home_title { text-align:center;margin-bottom:40px; }
.home_title > div:nth-child(1) { line-height:40px;font-size:25pt;font-weight:800;letter-spacing:-0.6pt; }
.home_title > div:nth-child(2) { width:100%;max-width:550px;margin:10px auto 0px;line-height:30px; }

.home_country { width:20%;float:right; }
.home_country > a { margin:8px;border-radius:20px;padding:25px 10px;display:block;cursor:pointer;border:3px solid #fff;
background-image:linear-gradient(to bottom,#fff,#e7f4f4);background-image:-moz-linear-gradient(to bottom,#fff,#e7f4f4);
transition:100ms;-webkit-transition:100ms;-moz-transition:100ms;
background-image:-webkit-linear-gradient(to bottom,#fff,#e7f4f4); }
.home_country > a > div:nth-child(1) { text-align:center; }
.home_country > a > div:nth-child(1) img { width:100%;max-width:80px;transition:100ms;-webkit-transition:100ms;-moz-transition:100ms; }
.home_country > a > div:nth-child(2) { font-size:14pt;font-weight:600;text-align:center;margin-top:15px;line-height:30px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px; }
.home_country > a > div:nth-child(3) { font-size:8pt;font-weight:600;text-align:center;margin-top:3px;line-height:20px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;letter-spacing:0;color:#8aa0a0; }
.home_country > a:hover > div:nth-child(1) img { transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2); }
.home_country > a:hover { border-color:#57c5c6; }

#footer { margin-top:70px;text-align:center;padding:25px 0px 30px;position:relative; }
#footer:before { content:"";display:block;width:60%;height:2px;background-image:linear-gradient(to left,#fff,#eee,#fff);
position:absolute;left:20%;top:0;background-image:-webkit-linear-gradient(to left,#fff,#eee,#fff);
background-image:-moz-linear-gradient(to left,#fff,#eee,#fff); }
#footer > div:nth-child(2) { line-height:25px;max-width:480px;margin:5px auto 0px;padding:0px 10px;
font-size:9pt;letter-spacing:0;color:#777; }
#footer > div:nth-child(1) { font-weight:600;white-space:nowrap;overflow-x:auto;padding:0px 10px 10px; }
#footer > div:nth-child(1) a { margin:0px 10px; }

#web_menu_back { position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:+100;display:none; }
#web_menu { position:fixed;right:-300px;top:0;width:300px;height:100%;background-color:#fff;z-index:+101;display:none; }
#web_menu > i:nth-child(1) { position:absolute;left:15px;top:15px;width:15px;height:15px;opacity:0.4;
background-size:100%;cursor:pointer;background-image:url('../image/close.png');z-index:+2; }
#web_menu > i:nth-child(1):hover { opacity:1; }
#menu_logo { width:100%;max-width:120px;margin:40px auto 60px; }
#menu_logo img { width:100%; }
#menu_links { padding:0px 15px;line-height:30px; }
#menu_links a { display:block;font-size:12pt;padding:5px 0px;margin:4px 0px;font-weight:600; }
#menu_links a img { height:22px;margin-left:10px; }
#web_menu_container { position:absolute;left:0;top:0;width:100%;bottom:0;padding-bottom:100px;overflow-y:auto;z-index:+1; }
#menu_footer { position:absolute;left:0;bottom:0;width:100%;padding:15px;box-sizing:border-box;border:2px solid #eee;
z-index:+2;background-color:#fff; }
#menu_button { display:block;box-sizing:border-box;border-radius:10px;text-align:center;height:45px;line-height:45px; }
#menu_button span i { display:inline-block;vertical-align:middle;width:20px;height:20px;margin-left:8px;
background-size:100%;background-image:url('../image/add.png');filter:brightness(1) invert(1);
-moz-filter:brightness(1) invert(1);-webkit-filter:brightness(1) invert(1); }

.page_title { text-align:center; }
.page_title h1 { font-weight:600;font-size:25pt;letter-spacing:-0.8pt;margin:0; }
.page_title div { width:100%;max-width:600px;margin:10px auto 30px;line-height:35px; }
.page_title div a { font-weight:600; }

#estimate_box { width:90%;max-width:400px;margin:40px auto 50px;padding:35px;box-sizing:border-box;
border-radius:20px;border:2px solid #eee;text-align:center; }

.estimate_form { text-align:right;margin:0px auto 25px; }
.estimate_form > label { margin-bottom:6px;display:block;font-weight:600; }
.estimate_form > div:nth-child(2) { position:relative; }
.estimate_form > div:nth-child(2) > div:nth-child(1) { border-radius:10px;border:2px solid #ddd;padding:10px 0px;
text-align:center;font-size:12pt;font-weight:600;cursor:pointer; }
.estimate_form > div:nth-child(2) > div:nth-child(2) { position:absolute;right:0;top:0;width:100%;display:none;
border:2px solid #ddd;box-sizing:border-box; border-radius:10px;background-color:#fff;z-index:+1; }
.estimate_form > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) { width:100%;position:relative;border-bottom:2px solid #ddd; }
.estimate_form > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) input { width:100%;padding:0px 10px;
box-sizing:border-box;outline-style:none;border-style:none;height:40px;background:none; }
.estimate_form > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) i { display:block;width:20px;height:20px;
background-size:100%;background-image:url('../image/search.png');position:absolute;left:10px;top:10px; }
.estimate_form > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) { padding:10px; }
.estimate_back { font-weight:600;margin-bottom:10px;display:inline-block;vertical-align:middle;cursor:pointer; }
.estimate_back i { display:inline-block;vertical-align:middle;width:15px;height:15px;margin-left:6px;
background-size:100%;background-image:url('../image/back.png'); }
.estimate_row { width:100%;border-top:1px dashed #ddd;padding:0px 10px;box-sizing:border-box;cursor:pointer;
height:40px;line-height:40px;position:relative;font-weight:600; }
.estimate_row:first-child { border-style:none; }
.estimate_row.has_child:after { position:absolute;left:15px;top:15px;width:10px;height:10px;background-size:100%;
background-image:url('../image/sub_category.png');content:""; }

#estimate_result { text-align:center; }
#estimate_result > div:nth-child(1) { text-align:right;font-weight:600; }
#estimate_result > div:nth-child(2) { margin-top:6px;font-weight:600;padding:10px 0px;border-radius:10px;
background-color:#fff7e2;border:2px solid rgba(0,0,0,0.05); }
#estimate_result > div:nth-child(2) i { display:inline-block;vertical-align:middle;width:20px;height:20px;margin-left:2px;
background-size:100%;background-image:url('../image/parsi.png'); }
#estimate_result > div:nth-child(2) > div { display:inline-block;vertical-align:middle; }
#estimate_result > div:nth-child(2) > div:nth-child(2) { font-size:10pt;margin-right:5px;opacity:0.5; }

#about_container { width:100%;max-width:750px;margin:50px auto 0px; }
.about_box { width:33.33%;float:right;margin-bottom:50px;text-align:center;padding:0px 10px;box-sizing:border-box; }
.about_box > div:nth-child(1) { font-size:35pt;font-family:handwriting;height:55px;line-height:55px;
font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;padding-right:2px; }
.about_box > div:nth-child(1):before { font-size:20pt;margin-right:5px;content:"+";font-weight:950; }
.about_box > div:nth-child(2) { margin-top:0px;height:15px;line-height:15px;font-size:10pt;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

#contact_socials { text-align:center; }
#contact_socials img { height:32px;margin:0px 2px; }
#contact_container { width:100%;max-width:600px;margin:50px auto; }
#contact_button_container { margin-top:10px;text-align:center; }

#help_content { line-height:35px;width:100%;max-width:850px;margin:50px auto 0px; }
#help_content p { margin:0;margin-top:2px;padding-right:20px;border-right:4px solid #eee; }
#help_content h2 {  }

#error404 { width:90%;max-width:400px;margin:80px auto 100px;text-align:center; }
#error404 > div:nth-child(1) { font-size:100pt;color:#ebbaba;font-weight:800;letter-spacing:-10pt; }
#error404 > div:nth-child(2) { font-size:35pt;font-weight:800;letter-spacing:-1pt;margin-bottom:10px; }
#error404 > div:nth-child(3) { font-size:14pt;line-height:25px;margin-bottom:50px;font-weight:600;color:#ccc; }
#error404 > div:nth-child(4) a { font-size:12pt;font-weight:600;padding:10px 15px;border-radius:10px;
display:inline-block;vertical-align:middle;border:2px solid #ddd;letter-spacing:-0.5pt; }

@media only screen and (max-width:1200px) {
    #home_banner > .tbl > div:nth-child(1) { width:470px;padding-right:30px; }
    #home_banner > .tbl > div:nth-child(2) > *:nth-child(2) { font-size:13pt;letter-spacing:-0.4pt; }
    .home_country { width:25%; }
}
@media only screen and (max-width:1000px) {
    #home_banner > .tbl > div { display:block; }
    #home_banner > .tbl > div:nth-child(1) { width:100%;max-width:350px;margin:0px auto 30px; }
    #home_banner > .tbl > div:nth-child(2) { text-align:center; }
    #header.no_border { margin-bottom:20px; }
    .home_country { width:33.33%; }
    #header > .tbl > div:nth-child(1) { width:240px; }
    #web_menu_button { display:inline-block; }
}
@media only screen and (max-width:800px) {
    .home_country > a > div:nth-child(2) { font-size:12pt; }
    .about_box { width:50%; }
}
@media only screen and (max-width:700px) {
    #header.no_border #header_account { display:inline-block; }
    #home_banner > .tbl > div:nth-child(2) > *:nth-child(3) { line-height:30px; }
    .home_country { width:50%; }
    .home_country > a > div:nth-child(3) { margin-top:0; }
    .home_country > a { padding-bottom:15px; }
}
@media only screen and (max-width:500px) {
    .container { padding:0px 10px; }
    #home_banner > .tbl > div:nth-child(2) > *:nth-child(1) { font-size:60pt; }
    #home_banner > .tbl > div:nth-child(2) > *:nth-child(2) { margin-top:15px; }
    .home_country > a { margin:3px; }
    .home_country > a > div:nth-child(2) { font-size:11pt;height:20px;line-height:20px;margin-top:10px; }
    .home_title > div:nth-child(1) { font-size:18pt; }
    #header_account { display:none !important; }
    .page_title h1 { font-size:20pt; }
    #error404 > div:nth-child(2) { font-size:30pt; }
}