html,body{ height:100% } body{ margin:0; padding:0 } body{ font-size:62.5% } cite,dfn,em,i{ font-style:italic } pre{ white-space:pre } del{ text-decoration:line-through } ins{ color:#f00 } small,sup,sub{ font-size:80% } big{ font-size:125%; line-height:80% } abbr,acronym{ font-size:85%; text-transform:uppercase; letter-spacing:.1em } abbr[title],acronym[title],dfn[title]{ border-bottom:1px dotted black; cursor:help } sup,sub{ line-height:0 } sup{ vertical-align:super } sub{ vertical-align:sub } blockquote{ padding:1.5em } .pages ul,ol{ margin-left:1.5em } .pages ul{ list-style:disc outside } .pages ol{ list-style:decimal outside } .pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6{ line-height:1.2 } .pages h4,.pages h5,.pages h6{ font-weight:bold } .pages h1{ font-size:250% } .pages h2{ font-size:200% } .pages h3{ font-size:150% } .pages h4{ font-size:100% } .pages h5{ font-size:80% } .pages h6{ font-size:50% } button{ cursor:pointer } #head{ height:260px; width:100%; background-color:#211f20; font-weight:bold; font-style:normal; font-variant:normal } #logo{ background-size:100% 100%; float:left; width:260px; height:100%; background-image:url('../../uploads/logo/logo.jpg'); background-repeat:no-repeat } #head_right_col{ margin-left:260px; height:100% } #head_right_col_warp{ width:1560px; height:100%; margin:0 auto } #title_warp{ width:380px; float:left; margin-top:70px; margin-right:38px } #title{ text-align:center; max-width:100% } #menu{ height:100%; float:right; width:1142px } #menu ul{ width:100%; display:table; margin-top:149px; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:33px } #menu ul li{ display:table-cell; width:auto; text-align:center } #menu ul li:last-child{ margin-right:0; text-align:right } #menu ul li:first-child{ 1margin-left:0; 1text-align:left } #menu ul li a{ text-decoration:none; color:#b92a00 } #menu ul li a:hover{ color:#ff8300; text-decoration:none } #menu #current{ color:#ff8300 } .opera #menu ul,.webkit #menu ul{ margin-top:144px } #container{ background-color:#080808 } #left_col{ float:left; height:100%; width:260px; padding-top:26px; background-color:#353535 } #left_menu_warp{ margin-left:10px; margin-right:10px; width:240px } .left_menu{ height:50px; height:55px; margin-bottom:10px; overflow:hidden } #current .bullet{ background-color:#ff8300 } #current a{ color:#ff8300 } .left_menu .bullet{ float:left; width:30px; height:48px; margin-right:8px; background-color:#b92a00 } .webkit .left_menu .bullet{ 1height:54px } .left_menu a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; line-height:28px; color:white; font-size:19px; float:inherit; 1width:205px; width:202px; 1height:54px; height:48px } .left_menu a:hover{ color:#ff8300 } .left_menu:hover .bullet{ background-color:#ff8300 } #page_content{ height:100%; background-color:#080808; background-color:#181818; margin-left:260px; padding-top:26px } #page_content_warp{ margin:0 auto; width:1560px } .pages{ font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:#a4a3a3; font-size:29px; line-height:130% } .pages strong{ font-size:34px; color:#cccaca } .pages a,.pages a:hover{ color:#398fcd; text-decoration:none } .galleryThumb{ color:#797478; float:left; width:380px; width:380px; border:0 } .galleryThumb li{ width:122px; height:122px; margin:0 6px 6px 0; display:inline-block; background-color:#181818 } .galleryThumb li:nth-child(3n+0){ margin-right:0 } .galleryThumb li img{ border:0; width:122px; height:122px } .galleryImageArea{ float:right; width:1142px; border:0 } .galleryImageArea img, .galleryImageArea video{ max-height:634px; max-width:1142px } .galleryImage{ position:relative; margin:0 auto; border:0; display:table } .overlay{ max-height:634px; max-width:1142px; font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:white; font-size:29px; white-space:pre-wrap; line-height:115%; padding:15px; position:absolute; top:0; left:0; background-color:black; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65) } .caption2{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#848283; font-size:29px; margin-top:4px; white-space:pre } .pagination{ width:378px } .next{ width:29px; float:right; cursor:pointer; cursor:hand } .prev{ width:29px; float:left; cursor:pointer; cursor:hand } .imgSource{ position:absolute; overflow:hidden; top:-100%; left:-100% } #slideshow{ overflow:hidden } #slideshow,#slideshow div{ width:1560px; margin:auto; 1height:669px; overflow:hidden } #slideshow img{ vertical-align:middle; display:block; max-width:1560px; 1max-height:669px } #slideshow div img{ margin:auto } .vitrin{ text-align:center } .facebook{ bottom:30px; color:#ff8300; font-family:'Poiret One',cursive; font-size:17px; letter-spacing:2px; position:fixed; text-decoration:none; display:table } .facebook img{ float:left; width:32px; height:32px; margin-right:10px; display:table-cell; vertical-align:middle } .facebook h1{ float:left; display:table-cell; vertical-align:middle } .javan-rayaneh{ bottom:5px; position:fixed; display:table; margin:0 auto } .javan-rayaneh img{ max-width:222px } #contact_message{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#b92a00; font-size:22px } div.box{ width:371px; float:left; font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#aaa8a9; font-size:24px } div.box h1{ padding:0 0 14px 5px } div.box label{ border-width:0; height:50px; width:100%; display:block; background:#353535; margin-bottom:9px } div.box label span{ display:block; color:#9e9c9d; float:left; width:30%; text-align:left; padding:0 0 0 5px; line-height:50px; overflow:hidden } div.box .input_text{ background:none repeat scroll 0 0 white; height:50px; padding:0; width:65%; background:#353535; border-width:0 } div.box .message{ padding:9px 9px; width:60%; background:#353535; border-width:0; 1overflow:hidden; 1height:139px } div.box .buttona{ background:#b92a00; border:0 none; float:right; height:30px; margin:5px 4% 5px 0; padding:5px; width:75px } div.box .button{ margin:0 0 3% 0; padding:5px 5px; background:#b92a00; border:0; position:relative; top:5px; left:297px; width:65px } div.box .input_text,div.box .message,div.box .button,.contactText,.press1 li a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#9e9c9d; font-size:20px; letter-spacing:1px } div.box .message{ height:236px; margin-top:3px } #txt-length-left{ font-size:14px; text-align:center; width:100% } .contactText{ bottom:19px; right:28px; position:fixed; max-width:22% } .press1{ float:left; background:#211f20; width:100%; padding-bottom:2.7%; margin-bottom:1.5% } .press1 li{ display:inline-block; list-style-type:none; margin-top:2.7%; margin-left:2.7%; width:29.6% } .press1 li a{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; overflow:hidden; font-size:29px; width:100% } .press1 li a img{ float:left; width:56%; margin-right:4.75% } .press2{ float:left; background:#211f20; width:100%; margin-bottom:1.5%; padding-bottom:2.7% } .press2 li{ float:left; text-align:center; padding-left:2.7%; padding-right:2.7%; width:94.6% } .press2 li:last-child{ 1margin-bottom:2.7% } .press2 img{ max-width:100%; text-align:center } .newss{ float:left; width:100%; padding-bottom:2.7%; margin-bottom:1.5%; background:#211f20 } .newss li{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; line-height:140%; font-size:29px; background:#211f20; padding-left:2.7%; padding-right:2.7%; width:94.6% } .newss li div{ float:left; width:20%; margin-right:1.5%; text-align:center } .newss li img{ max-width:100% } .newss a,.newss a:hover{ color:#398fcd; text-decoration:none } hr{ color:#a4a3a3; background-color:#a4a3a3; height:2px; border:0 none; margin-top:1.4%; margin-bottom:1.4% } .gray_bg{ background:#211f20 } #footer{ clear:both; background-color:sienna } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ display:inline-block } .clearfix{ display:block } * html .clearfix{ height:1px } @media screen and (max-width:1680px){ html,body{ height:100% } body{ margin:0; padding:0 } body{ font-size:62.5% } cite,dfn,em,i{ font-style:italic } pre{ white-space:pre } del{ text-decoration:line-through } ins{ color:#f00 } small,sup,sub{ font-size:80% } big{ font-size:125%; line-height:80% } abbr,acronym{ font-size:85%; text-transform:uppercase; letter-spacing:.1em } abbr[title],acronym[title],dfn[title]{ border-bottom:1px dotted black; cursor:help } sup,sub{ line-height:0 } sup{ vertical-align:super } sub{ vertical-align:sub } blockquote{ padding:1.5em } .pages ul,ol{ margin-left:1.5em } .pages ul{ list-style:disc outside } .pages ol{ list-style:decimal outside } .pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6{ line-height:1.2 } .pages h4,.pages h5,.pages h6{ font-weight:bold } .pages h1{ font-size:250% } .pages h2{ font-size:200% } .pages h3{ font-size:150% } .pages h4{ font-size:100% } .pages h5{ font-size:80% } .pages h6{ font-size:50% } button{ cursor:pointer } #head{ height:240px; width:100%; background-color:#211f20; font-weight:bold; font-style:normal; font-variant:normal } #logo{ background-size:100% 100%; float:left; width:240px; height:100%; background-image:url('../../uploads/logo/logo.jpg'); background-repeat:no-repeat } #head_right_col{ margin-left:240px; height:100% } #head_right_col_warp{ width:1300px; height:100%; margin:0 auto } #title_warp{ width:325px; float:left; margin-top:69px; margin-right:33px } #title{ text-align:center; max-width:100% } #menu{ height:100%; float:right; width:942px } #menu ul{ width:100%; display:table; margin-top:137px; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:27px } #menu ul li{ display:table-cell; width:auto; text-align:center } #menu ul li:last-child{ margin-right:0; text-align:right } #menu ul li:first-child{ 1margin-left:0; 1text-align:left } #menu ul li a{ text-decoration:none; color:#b92a00 } #menu ul li a:hover{ color:#ff8300; text-decoration:none } #menu #current{ color:#ff8300 } .opera #menu ul,.webkit #menu ul{ margin-top:134px } #container{ background-color:#080808 } #left_col{ float:left; height:100%; width:240px; padding-top:24px; background-color:#353535 } #left_menu_warp{ margin-left:10px; margin-right:10px; width:220px } .left_menu{ height:46px; height:51px; margin-bottom:9px; overflow:hidden } #current .bullet{ background-color:#ff8300 } #current a{ color:#ff8300 } .left_menu .bullet{ float:left; width:28px; height:44px; margin-right:7px; background-color:#b92a00 } .webkit .left_menu .bullet{ 1height:50px } .left_menu a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; line-height:26px; color:white; font-size:17px; float:inherit; 1width:189px; width:185px; 1height:50px; height:44px } .left_menu a:hover{ color:#ff8300 } .left_menu:hover .bullet{ background-color:#ff8300 } #page_content{ height:100%; background-color:#080808; background-color:#181818; margin-left:240px; padding-top:24px } #page_content_warp{ margin:0 auto; width:1300px } .pages{ font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:#a4a3a3; font-size:26px; line-height:130% } .pages strong{ font-size:31px; color:#cccaca } .pages a,.pages a:hover{ color:#398fcd; text-decoration:none } .galleryThumb{ color:#797478; float:left; width:325px; width:325px; border:0 } .galleryThumb li{ width:105px; height:105px; margin:0 5px 5px 0; display:inline-block; background-color:#181818 } .galleryThumb li:nth-child(3n+0){ margin-right:0 } .galleryThumb li img{ border:0; width:105px; height:105px } .galleryImageArea{ float:right; width:942px; border:0 } .galleryImageArea img, .galleryImageArea video{ max-height:545px; max-width:942px } .galleryImage{ position:relative; margin:0 auto; border:0; display:table } .overlay{ max-height:545px; max-width:942px; font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:white; font-size:26px; white-space:pre-wrap; line-height:115%; padding:15px; position:absolute; top:0; left:0; background-color:black; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65) } .caption2{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#848283; font-size:26px; margin-top:4px; white-space:pre } .pagination{ width:325px } .next{ width:25px; float:right; cursor:pointer; cursor:hand } .prev{ width:25px; float:left; cursor:pointer; cursor:hand } .imgSource{ position:absolute; overflow:hidden; top:-100%; left:-100% } #slideshow{ overflow:hidden } #slideshow,#slideshow div{ width:1300px; margin:auto; 1height:558px; overflow:hidden } #slideshow img{ vertical-align:middle; display:block; max-width:1300px; 1max-height:558px } #slideshow div img{ margin:auto } .vitrin{ text-align:center } .facebook{ bottom:30px; color:#ff8300; font-family:'Poiret One',cursive; font-size:16px; letter-spacing:2px; position:fixed; text-decoration:none; display:table } .facebook img{ float:left; width:30px; height:30px; margin-right:9px; display:table-cell; vertical-align:middle } .facebook h1{ float:left; display:table-cell; vertical-align:middle } .javan-rayaneh{ bottom:5px; position:fixed; display:table; margin:0 auto } .javan-rayaneh img{ max-width:205px } #contact_message{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#b92a00; font-size:20px } div.box{ width:343px; float:left; font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#aaa8a9; font-size:22px } div.box h1{ padding:0 0 13px 4px } div.box label{ border-width:0; height:46px; width:100%; display:block; background:#353535; margin-bottom:9px } div.box label span{ display:block; color:#9e9c9d; float:left; width:30%; text-align:left; padding:0 0 0 4px; line-height:46px; overflow:hidden } div.box .input_text{ background:none repeat scroll 0 0 white; height:46px; padding:0; width:65%; background:#353535; border-width:0 } div.box .message{ padding:9px 9px; width:60%; background:#353535; border-width:0; 1overflow:hidden; 1height:129px } div.box .buttona{ background:#b92a00; border:0 none; float:right; height:28px; margin:5px 4% 5px 0; padding:5px; width:69px } div.box .button{ margin:0 0 3% 0; padding:4px 4px; background:#b92a00; border:0; position:relative; top:4px; left:274px; width:60px } div.box .input_text,div.box .message,div.box .button,.contactText,.press1 li a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#9e9c9d; font-size:18px; letter-spacing:1px } div.box .message{ height:218px; margin-top:3px } #txt-length-left{ font-size:13px; text-align:center; width:100% } .contactText{ bottom:17px; right:26px; position:fixed; max-width:22% } .press1{ float:left; background:#211f20; width:100%; padding-bottom:2.7%; margin-bottom:1.5% } .press1 li{ display:inline-block; list-style-type:none; margin-top:2.7%; margin-left:2.7%; width:29.6% } .press1 li a{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; overflow:hidden; font-size:26px; width:100% } .press1 li a img{ float:left; width:56%; margin-right:4.75% } .press2{ float:left; background:#211f20; width:100%; margin-bottom:1.5%; padding-bottom:2.7% } .press2 li{ float:left; text-align:center; padding-left:2.7%; padding-right:2.7%; width:94.6% } .press2 li:last-child{ 1margin-bottom:2.7% } .press2 img{ max-width:100%; text-align:center } .newss{ float:left; width:100%; padding-bottom:2.7%; margin-bottom:1.5%; background:#211f20 } .newss li{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; line-height:140%; font-size:26px; background:#211f20; padding-left:2.7%; padding-right:2.7%; width:94.6% } .newss li div{ float:left; width:20%; margin-right:1.5%; text-align:center } .newss li img{ max-width:100% } .newss a,.newss a:hover{ color:#398fcd; text-decoration:none } hr{ color:#a4a3a3; background-color:#a4a3a3; height:2px; border:0 none; margin-top:1.4%; margin-bottom:1.4% } .gray_bg{ background:#211f20 } #footer{ clear:both; background-color:sienna } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ display:inline-block } .clearfix{ display:block } * html .clearfix{ height:1px } } @media screen and (max-width:1536px){ html,body{ height:100% } body{ margin:0; padding:0 } body{ font-size:62.5% } cite,dfn,em,i{ font-style:italic } pre{ white-space:pre } del{ text-decoration:line-through } ins{ color:#f00 } small,sup,sub{ font-size:80% } big{ font-size:125%; line-height:80% } abbr,acronym{ font-size:85%; text-transform:uppercase; letter-spacing:.1em } abbr[title],acronym[title],dfn[title]{ border-bottom:1px dotted black; cursor:help } sup,sub{ line-height:0 } sup{ vertical-align:super } sub{ vertical-align:sub } blockquote{ padding:1.5em } .pages ul,ol{ margin-left:1.5em } .pages ul{ list-style:disc outside } .pages ol{ list-style:decimal outside } .pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6{ line-height:1.2 } .pages h4,.pages h5,.pages h6{ font-weight:bold } .pages h1{ font-size:250% } .pages h2{ font-size:200% } .pages h3{ font-size:150% } .pages h4{ font-size:100% } .pages h5{ font-size:80% } .pages h6{ font-size:50% } button{ cursor:pointer } #head{ height:220px; width:100%; background-color:#211f20; font-weight:bold; font-style:normal; font-variant:normal } #logo{ background-size:100% 100%; float:left; width:220px; height:100%; background-image:url('../../uploads/logo/logo.jpg'); background-repeat:no-repeat } #head_right_col{ margin-left:220px; height:100% } #head_right_col_warp{ width:1140px; height:100%; margin:0 auto } #title_warp{ width:285px; float:left; margin-top:65px; margin-right:29px } #title{ text-align:center; max-width:100% } #menu{ height:100%; float:right; width:826px } #menu ul{ width:100%; display:table; margin-top:125px; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:24px } #menu ul li{ display:table-cell; width:auto; text-align:center } #menu ul li:last-child{ margin-right:0; text-align:right } #menu ul li:first-child{ 1margin-left:0; 1text-align:left } #menu ul li a{ text-decoration:none; color:#b92a00 } #menu ul li a:hover{ color:#ff8300; text-decoration:none } #menu #current{ color:#ff8300 } .opera #menu ul,.webkit #menu ul{ margin-top:121px } #container{ background-color:#080808 } #left_col{ float:left; height:100%; width:220px; padding-top:22px; background-color:#353535 } #left_menu_warp{ margin-left:9px; margin-right:9px; width:202px } .left_menu{ height:42px; height:46px; margin-bottom:8px; overflow:hidden } #current .bullet{ background-color:#ff8300 } #current a{ color:#ff8300 } .left_menu .bullet{ float:left; width:25px; height:40px; margin-right:7px; background-color:#b92a00 } .webkit .left_menu .bullet{ 1height:46px } .left_menu a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; line-height:24px; color:white; font-size:16px; float:inherit; 1width:173px; width:170px; 1height:46px; height:40px } .left_menu a:hover{ color:#ff8300 } .left_menu:hover .bullet{ background-color:#ff8300 } #page_content{ height:100%; background-color:#080808; background-color:#181818; margin-left:220px; padding-top:22px } #page_content_warp{ margin:0 auto; width:1140px } .pages{ font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:#a4a3a3; font-size:24px; line-height:130% } .pages strong{ font-size:28px; color:#cccaca } .pages a,.pages a:hover{ color:#398fcd; text-decoration:none } .galleryThumb{ color:#797478; float:left; width:285px; width:285px; border:0 } .galleryThumb li{ width:92px; height:92px; margin:0 4px 4px 0; display:inline-block; background-color:#181818 } .galleryThumb li:nth-child(3n+0){ margin-right:0 } .galleryThumb li img{ border:0; width:92px; height:92px } .galleryImageArea{ float:right; width:826px; border:0 } .galleryImageArea img, .galleryImageArea video{ max-height:476px; max-width:826px } .galleryImage{ position:relative; margin:0 auto; border:0; display:table } .overlay{ max-height:476px; max-width:826px; font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:white; font-size:24px; white-space:pre-wrap; line-height:115%; padding:15px; position:absolute; top:0; left:0; background-color:black; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65) } .caption2{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#848283; font-size:24px; margin-top:3px; white-space:pre } .pagination{ width:284px } .next{ width:22px; float:right; cursor:pointer; cursor:hand } .prev{ width:22px; float:left; cursor:pointer; cursor:hand } .imgSource{ position:absolute; overflow:hidden; top:-100%; left:-100% } #slideshow{ overflow:hidden } #slideshow,#slideshow div{ width:1140px; margin:auto; 1height:489px; overflow:hidden } #slideshow img{ vertical-align:middle; display:block; max-width:1140px; 1max-height:489px } #slideshow div img{ margin:auto } .vitrin{ text-align:center } .facebook{ bottom:30px; color:#ff8300; font-family:'Poiret One',cursive; font-size:14px; letter-spacing:2px; position:fixed; text-decoration:none; display:table } .facebook img{ float:left; width:27px; height:27px; margin-right:8px; display:table-cell; vertical-align:middle } .facebook h1{ float:left; display:table-cell; vertical-align:middle } .javan-rayaneh{ bottom:5px; position:fixed; display:table; margin:0 auto } .javan-rayaneh img{ max-width:188px } #contact_message{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#b92a00; font-size:18px } div.box{ width:314px; float:left; font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#aaa8a9; font-size:20px } div.box h1{ padding:0 0 12px 4px } div.box label{ border-width:0; height:42px; width:100%; display:block; background:#353535; margin-bottom:8px } div.box label span{ display:block; color:#9e9c9d; float:left; width:30%; text-align:left; padding:0 0 0 4px; line-height:42px; overflow:hidden } div.box .input_text{ background:none repeat scroll 0 0 white; height:42px; padding:0; width:65%; background:#353535; border-width:0 } div.box .message{ padding:8px 8px; width:60%; background:#353535; border-width:0; 1overflow:hidden; 1height:118px } div.box .buttona{ background:#b92a00; border:0 none; float:right; height:25px; margin:4px 4% 4px 0; padding:4px; width:63px } div.box .button{ margin:0 0 3% 0; padding:4px 4px; background:#b92a00; border:0; position:relative; top:4px; left:251px; width:55px } div.box .input_text,div.box .message,div.box .button,.contactText,.press1 li a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#9e9c9d; font-size:17px; letter-spacing:1px } div.box .message{ height:200px; margin-top:3px } #txt-length-left{ font-size:12px; text-align:center; width:100% } .contactText{ bottom:16px; right:24px; position:fixed; max-width:22% } .press1{ float:left; background:#211f20; width:100%; padding-bottom:2.7%; margin-bottom:1.5% } .press1 li{ display:inline-block; list-style-type:none; margin-top:2.7%; margin-left:2.7%; width:29.6% } .press1 li a{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; overflow:hidden; font-size:24px; width:100% } .press1 li a img{ float:left; width:56%; margin-right:4.75% } .press2{ float:left; background:#211f20; width:100%; margin-bottom:1.5%; padding-bottom:2.7% } .press2 li{ float:left; text-align:center; padding-left:2.7%; padding-right:2.7%; width:94.6% } .press2 li:last-child{ 1margin-bottom:2.7% } .press2 img{ max-width:100%; text-align:center } .newss{ float:left; width:100%; padding-bottom:2.7%; margin-bottom:1.5%; background:#211f20 } .newss li{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; line-height:140%; font-size:24px; background:#211f20; padding-left:2.7%; padding-right:2.7%; width:94.6% } .newss li div{ float:left; width:20%; margin-right:1.5%; text-align:center } .newss li img{ max-width:100% } .newss a,.newss a:hover{ color:#398fcd; text-decoration:none } hr{ color:#a4a3a3; background-color:#a4a3a3; height:2px; border:0 none; margin-top:1.4%; margin-bottom:1.4% } .gray_bg{ background:#211f20 } #footer{ clear:both; background-color:sienna } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ display:inline-block } .clearfix{ display:block } * html .clearfix{ height:1px } } @media only screen and (max-width:1366px){ html,body{ height:100% } body{ margin:0; padding:0 } body{ font-size:62.5% } cite,dfn,em,i{ font-style:italic } pre{ white-space:pre } del{ text-decoration:line-through } ins{ color:#f00 } small,sup,sub{ font-size:80% } big{ font-size:125%; line-height:80% } abbr,acronym{ font-size:85%; text-transform:uppercase; letter-spacing:.1em } abbr[title],acronym[title],dfn[title]{ border-bottom:1px dotted black; cursor:help } sup,sub{ line-height:0 } sup{ vertical-align:super } sub{ vertical-align:sub } blockquote{ padding:1.5em } .pages ul,ol{ margin-left:1.5em } .pages ul{ list-style:disc outside } .pages ol{ list-style:decimal outside } .pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6{ line-height:1.2 } .pages h4,.pages h5,.pages h6{ font-weight:bold } .pages h1{ font-size:250% } .pages h2{ font-size:200% } .pages h3{ font-size:150% } .pages h4{ font-size:100% } .pages h5{ font-size:80% } .pages h6{ font-size:50% } button{ cursor:pointer } #head{ height:200px; width:100%; background-color:#211f20; font-weight:bold; font-style:normal; font-variant:normal } #logo{ background-size:100% 100%; float:left; width:200px; height:100%; background-image:url('../../uploads/logo/logo.jpg'); background-repeat:no-repeat } #head_right_col{ margin-left:200px; height:100% } #head_right_col_warp{ width:1080px; height:100%; margin:0 auto } #title_warp{ width:270px; float:left; margin-top:61px; margin-right:27px } #title{ text-align:center; max-width:100% } #menu{ height:100%; float:right; width:783px } #menu ul{ width:100%; display:table; margin-top:118px; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:22px } #menu ul li{ display:table-cell; width:auto; text-align:center } #menu ul li:last-child{ margin-right:0; text-align:right } #menu ul li:first-child{ 1margin-left:0; 1text-align:left } #menu ul li a{ text-decoration:none; color:#b92a00 } #menu ul li a:hover{ color:#ff8300; text-decoration:none } #menu #current{ color:#ff8300 } .opera #menu ul,.webkit #menu ul{ margin-top:115px } #container{ background-color:#080808 } #left_col{ float:left; height:100%; width:200px; padding-top:20px; background-color:#353535 } #left_menu_warp{ margin-left:8px; margin-right:8px; width:184px } .left_menu{ height:38px; height:41px; margin-bottom:7px; overflow:hidden } #current .bullet{ background-color:#ff8300 } #current a{ color:#ff8300 } .left_menu .bullet{ float:left; width:23px; height:36px; margin-right:6px; background-color:#b92a00 } .webkit .left_menu .bullet{ 1height:42px } .left_menu a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; line-height:20px; color:white; font-size:14px; float:inherit; 1width:158px; width:155px; 1height:42px; height:36px } .left_menu a:hover{ color:#ff8300 } .left_menu:hover .bullet{ background-color:#ff8300 } #page_content{ height:100%; background-color:#080808; background-color:#181818; margin-left:200px; padding-top:20px } #page_content_warp{ margin:0 auto; width:1080px } .pages{ font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:#a4a3a3; font-size:22px; line-height:130% } .pages strong{ font-size:25px; color:#cccaca } .pages a,.pages a:hover{ color:#398fcd; text-decoration:none } .galleryThumb{ color:#797478; float:left; width:270px; width:270px; border:0 } .galleryThumb li{ width:87px; height:87px; margin:0 4px 4px 0; display:inline-block; background-color:#181818 } .galleryThumb li:nth-child(3n+0){ margin-right:0 } .galleryThumb li img{ border:0; width:87px; height:87px } .galleryImageArea{ float:right; width:783px; border:0 } .galleryImageArea img, .galleryImageArea video{ max-height:451px; max-width:783px } .galleryImage{ position:relative; margin:0 auto; border:0; display:table } .overlay{ max-height:451px; max-width:783px; font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:white; font-size:22px; white-space:pre-wrap; line-height:115%; padding:15px; position:absolute; top:0; left:0; background-color:black; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65) } .caption2{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#848283; font-size:22px; margin-top:3px; white-space:pre } .pagination{ width:269px } .next{ width:21px; float:right; cursor:pointer; cursor:hand } .prev{ width:21px; float:left; cursor:pointer; cursor:hand } .imgSource{ position:absolute; overflow:hidden; top:-100%; left:-100% } #slideshow{ overflow:hidden } #slideshow,#slideshow div{ width:1080px; margin:auto; 1height:463px; overflow:hidden } #slideshow img{ vertical-align:middle; display:block; max-width:1080px; 1max-height:463px } #slideshow div img{ margin:auto } .vitrin{ text-align:center } .facebook{ bottom:30px; color:#ff8300; font-family:'Poiret One',cursive; font-size:13px; letter-spacing:2px; position:fixed; text-decoration:none; display:table } .facebook img{ float:left; width:25px; height:25px; margin-right:8px; display:table-cell; vertical-align:middle } .facebook h1{ float:left; display:table-cell; vertical-align:middle } .javan-rayaneh{ bottom:5px; position:fixed; display:table; margin:0 auto } .javan-rayaneh img{ max-width:171px } #contact_message{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#b92a00; font-size:17px } div.box{ width:286px; float:left; font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#aaa8a9; font-size:18px } div.box h1{ padding:0 0 11px 4px } div.box label{ border-width:0; height:38px; width:100%; display:block; background:#353535; margin-bottom:7px } div.box label span{ display:block; color:#9e9c9d; float:left; width:30%; text-align:left; padding:0 0 0 4px; line-height:38px; overflow:hidden } div.box .input_text{ background:none repeat scroll 0 0 white; height:38px; padding:0; width:65%; background:#353535; border-width:0 } div.box .message{ padding:7px 7px; width:60%; background:#353535; border-width:0; 1overflow:hidden; 1height:107px } div.box .buttona{ background:#b92a00; border:0 none; float:right; height:23px; margin:4px 4% 4px 0; padding:4px; width:57px } div.box .button{ margin:0 0 3% 0; padding:4px 4px; background:#b92a00; border:0; position:relative; top:4px; left:229px; width:50px } div.box .input_text,div.box .message,div.box .button,.contactText,.press1 li a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#9e9c9d; font-size:15px; letter-spacing:1px } div.box .message{ height:182px; margin-top:3px } #txt-length-left{ font-size:11px; text-align:center; width:100% } .contactText{ bottom:14px; right:21px; position:fixed; max-width:22% } .press1{ float:left; background:#211f20; width:100%; padding-bottom:2.7%; margin-bottom:1.5% } .press1 li{ display:inline-block; list-style-type:none; margin-top:2.7%; margin-left:2.7%; width:29.6% } .press1 li a{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; overflow:hidden; font-size:22px; width:100% } .press1 li a img{ float:left; width:56%; margin-right:4.75% } .press2{ float:left; background:#211f20; width:100%; margin-bottom:1.5%; padding-bottom:2.7% } .press2 li{ float:left; text-align:center; padding-left:2.7%; padding-right:2.7%; width:94.6% } .press2 li:last-child{ 1margin-bottom:2.7% } .press2 img{ max-width:100%; text-align:center } .newss{ float:left; width:100%; padding-bottom:2.7%; margin-bottom:1.5%; background:#211f20 } .newss li{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; line-height:140%; font-size:22px; background:#211f20; padding-left:2.7%; padding-right:2.7%; width:94.6% } .newss li div{ float:left; width:20%; margin-right:1.5%; text-align:center } .newss li img{ max-width:100% } .newss a,.newss a:hover{ color:#398fcd; text-decoration:none } hr{ color:#a4a3a3; background-color:#a4a3a3; height:2px; border:0 none; margin-top:1.4%; margin-bottom:1.4% } .gray_bg{ background:#211f20 } #footer{ clear:both; background-color:sienna } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ display:inline-block } .clearfix{ display:block } * html .clearfix{ height:1px } } @media screen and (max-width:1280px){ html,body{ height:100% } body{ margin:0; padding:0 } body{ font-size:62.5% } cite,dfn,em,i{ font-style:italic } pre{ white-space:pre } del{ text-decoration:line-through } ins{ color:#f00 } small,sup,sub{ font-size:80% } big{ font-size:125%; line-height:80% } abbr,acronym{ font-size:85%; text-transform:uppercase; letter-spacing:.1em } abbr[title],acronym[title],dfn[title]{ border-bottom:1px dotted black; cursor:help } sup,sub{ line-height:0 } sup{ vertical-align:super } sub{ vertical-align:sub } blockquote{ padding:1.5em } .pages ul,ol{ margin-left:1.5em } .pages ul{ list-style:disc outside } .pages ol{ list-style:decimal outside } .pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6{ line-height:1.2 } .pages h4,.pages h5,.pages h6{ font-weight:bold } .pages h1{ font-size:250% } .pages h2{ font-size:200% } .pages h3{ font-size:150% } .pages h4{ font-size:100% } .pages h5{ font-size:80% } .pages h6{ font-size:50% } button{ cursor:pointer } #head{ height:190px; width:100%; background-color:#211f20; font-weight:bold; font-style:normal; font-variant:normal } #logo{ background-size:100% 100%; float:left; width:190px; height:100%; background-image:url('../../uploads/logo/logo.jpg'); background-repeat:no-repeat } #head_right_col{ margin-left:190px; height:100% } #head_right_col_warp{ width:1000px; height:100%; margin:0 auto } #title_warp{ width:250px; float:left; margin-top:56px; margin-right:25px } #title{ text-align:center; max-width:100% } #menu{ height:100%; float:right; width:725px } #menu ul{ width:100%; display:table; margin-top:109px; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:21px } #menu ul li{ display:table-cell; width:auto; text-align:center } #menu ul li:last-child{ margin-right:0; text-align:right } #menu ul li:first-child{ 1margin-left:0; 1text-align:left } #menu ul li a{ text-decoration:none; color:#b92a00 } #menu ul li a:hover{ color:#ff8300; text-decoration:none } #menu #current{ color:#ff8300 } .opera #menu ul,.webkit #menu ul{ margin-top:106px } #container{ background-color:#080808 } #left_col{ float:left; height:100%; width:190px; padding-top:19px; background-color:#353535 } #left_menu_warp{ margin-left:8px; margin-right:8px; width:174px } .left_menu{ height:37px; height:39px; margin-bottom:7px; overflow:hidden } #current .bullet{ background-color:#ff8300 } #current a{ color:#ff8300 } .left_menu .bullet{ float:left; width:22px; height:34px; margin-right:6px; background-color:#b92a00 } .webkit .left_menu .bullet{ 1height:39px } .left_menu a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; line-height:19px; color:white; font-size:13px; float:inherit; 1width:150px; width:146px; 1height:39px; height:34px } .left_menu a:hover{ color:#ff8300 } .left_menu:hover .bullet{ background-color:#ff8300 } #page_content{ height:100%; background-color:#080808; background-color:#181818; margin-left:190px; padding-top:19px } #page_content_warp{ margin:0 auto; width:1000px } .pages{ font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:#a4a3a3; font-size:20px; line-height:130% } .pages strong{ font-size:24px; color:#cccaca } .pages a,.pages a:hover{ color:#398fcd; text-decoration:none } .galleryThumb{ color:#797478; float:left; width:250px; width:250px; border:0 } .galleryThumb li{ width:80px; height:80px; margin:0 4px 4px 0; display:inline-block; background-color:#181818 } .galleryThumb li:nth-child(3n+0){ margin-right:0 } .galleryThumb li img{ border:0; width:80px; height:80px } .galleryImageArea{ float:right; width:725px; border:0 } .galleryImageArea img, .galleryImageArea video{ max-height:416px; max-width:725px } .galleryImage{ position:relative; margin:0 auto; border:0; display:table } .overlay{ max-height:416px; max-width:725px; font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:white; font-size:20px; white-space:pre-wrap; line-height:115%; padding:15px; position:absolute; top:0; left:0; background-color:black; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65) } .caption2{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#848283; font-size:20px; margin-top:3px; white-space:pre } .pagination{ width:248px } .next{ width:19px; float:right; cursor:pointer; cursor:hand } .prev{ width:19px; float:left; cursor:pointer; cursor:hand } .imgSource{ position:absolute; overflow:hidden; top:-100%; left:-100% } #slideshow{ overflow:hidden } #slideshow,#slideshow div{ width:1000px; margin:auto; 1height:429px; overflow:hidden } #slideshow img{ vertical-align:middle; display:block; max-width:1000px; 1max-height:429px } #slideshow div img{ margin:auto } .vitrin{ text-align:center } .facebook{ bottom:30px; color:#ff8300; font-family:'Poiret One',cursive; font-size:12px; letter-spacing:2px; position:fixed; text-decoration:none; display:table } .facebook img{ float:left; width:23px; height:23px; margin-right:7px; display:table-cell; vertical-align:middle } .facebook h1{ float:left; display:table-cell; vertical-align:middle } .javan-rayaneh{ bottom:5px; position:fixed; display:table; margin:0 auto } .javan-rayaneh img{ max-width:162px } #contact_message{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#b92a00; font-size:16px } div.box{ width:271px; float:left; font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#aaa8a9; font-size:18px } div.box h1{ padding:0 0 10px 3px } div.box label{ border-width:0; height:37px; width:100%; display:block; background:#353535; margin-bottom:7px } div.box label span{ display:block; color:#9e9c9d; float:left; width:30%; text-align:left; padding:0 0 0 3px; line-height:37px; overflow:hidden } div.box .input_text{ background:none repeat scroll 0 0 white; height:37px; padding:0; width:65%; background:#353535; border-width:0 } div.box .message{ padding:7px 7px; width:60%; background:#353535; border-width:0; 1overflow:hidden; 1height:102px } div.box .buttona{ background:#b92a00; border:0 none; float:right; height:22px; margin:4px 4% 4px 0; padding:4px; width:56px } div.box .button{ margin:0 0 3% 0; padding:3px 3px; background:#b92a00; border:0; position:relative; top:3px; left:217px; width:48px } div.box .input_text,div.box .message,div.box .button,.contactText,.press1 li a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#9e9c9d; font-size:15px; letter-spacing:1px } div.box .message{ height:173px; margin-top:3px } #txt-length-left{ font-size:11px; text-align:center; width:100% } .contactText{ bottom:14px; right:20px; position:fixed; max-width:22% } .press1{ float:left; background:#211f20; width:100%; padding-bottom:2.7%; margin-bottom:1.5% } .press1 li{ display:inline-block; list-style-type:none; margin-top:2.7%; margin-left:2.7%; width:29.6% } .press1 li a{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; overflow:hidden; font-size:20px; width:100% } .press1 li a img{ float:left; width:56%; margin-right:4.75% } .press2{ float:left; background:#211f20; width:100%; margin-bottom:1.5%; padding-bottom:2.7% } .press2 li{ float:left; text-align:center; padding-left:2.7%; padding-right:2.7%; width:94.6% } .press2 li:last-child{ 1margin-bottom:2.7% } .press2 img{ max-width:100%; text-align:center } .newss{ float:left; width:100%; padding-bottom:2.7%; margin-bottom:1.5%; background:#211f20 } .newss li{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; line-height:140%; font-size:20px; background:#211f20; padding-left:2.7%; padding-right:2.7%; width:94.6% } .newss li div{ float:left; width:20%; margin-right:1.5%; text-align:center } .newss li img{ max-width:100% } .newss a,.newss a:hover{ color:#398fcd; text-decoration:none } hr{ color:#a4a3a3; background-color:#a4a3a3; height:2px; border:0 none; margin-top:1.4%; margin-bottom:1.4% } .gray_bg{ background:#211f20 } #footer{ clear:both; background-color:sienna } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ display:inline-block } .clearfix{ display:block } * html .clearfix{ height:1px } } @media only screen and (max-width:1152px){ html,body{ height:100% } body{ margin:0; padding:0 } body{ font-size:62.5% } cite,dfn,em,i{ font-style:italic } pre{ white-space:pre } del{ text-decoration:line-through } ins{ color:#f00 } small,sup,sub{ font-size:80% } big{ font-size:125%; line-height:80% } abbr,acronym{ font-size:85%; text-transform:uppercase; letter-spacing:.1em } abbr[title],acronym[title],dfn[title]{ border-bottom:1px dotted black; cursor:help } sup,sub{ line-height:0 } sup{ vertical-align:super } sub{ vertical-align:sub } blockquote{ padding:1.5em } .pages ul,ol{ margin-left:1.5em } .pages ul{ list-style:disc outside } .pages ol{ list-style:decimal outside } .pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6{ line-height:1.2 } .pages h4,.pages h5,.pages h6{ font-weight:bold } .pages h1{ font-size:250% } .pages h2{ font-size:200% } .pages h3{ font-size:150% } .pages h4{ font-size:100% } .pages h5{ font-size:80% } .pages h6{ font-size:50% } button{ cursor:pointer } #head{ height:160px; width:100%; background-color:#211f20; font-weight:bold; font-style:normal; font-variant:normal } #logo{ background-size:100% 100%; float:left; width:160px; height:100%; background-image:url('../../uploads/logo/logo.jpg'); background-repeat:no-repeat } #head_right_col{ margin-left:160px; height:100% } #head_right_col_warp{ width:800px; height:100%; margin:0 auto } #title_warp{ width:200px; float:left; margin-top:48px; margin-right:20px } #title{ text-align:center; max-width:100% } #menu{ height:100%; float:right; width:580px } #menu ul{ width:100%; display:table; margin-top:91px; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:17px } #menu ul li{ display:table-cell; width:auto; text-align:center } #menu ul li:last-child{ margin-right:0; text-align:right } #menu ul li:first-child{ 1margin-left:0; 1text-align:left } #menu ul li a{ text-decoration:none; color:#b92a00 } #menu ul li a:hover{ color:#ff8300; text-decoration:none } #menu #current{ color:#ff8300 } .opera #menu ul,.webkit #menu ul{ margin-top:88px } #container{ background-color:#080808 } #left_col{ float:left; height:100%; width:160px; padding-top:16px; background-color:#353535 } #left_menu_warp{ margin-left:6px; margin-right:6px; width:148px } .left_menu{ height:31px; height:32px; margin-bottom:6px; overflow:hidden } #current .bullet{ background-color:#ff8300 } #current a{ color:#ff8300 } .left_menu .bullet{ float:left; width:18px; height:28px; margin-right:5px; background-color:#b92a00 } .webkit .left_menu .bullet{ 1height:33px } .left_menu a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; line-height:17px; color:white; font-size:11px; float:inherit; 1width:126px; width:125px; 1height:33px; height:28px } .left_menu a:hover{ color:#ff8300 } .left_menu:hover .bullet{ background-color:#ff8300 } #page_content{ height:100%; background-color:#080808; background-color:#181818; margin-left:160px; padding-top:16px } #page_content_warp{ margin:0 auto; width:800px } .pages{ font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:#a4a3a3; font-size:17px; line-height:130% } .pages strong{ font-size:20px; color:#cccaca } .pages a,.pages a:hover{ color:#398fcd; text-decoration:none } .galleryThumb{ color:#797478; float:left; width:200px; width:200px; border:0 } .galleryThumb li{ width:64px; height:64px; margin:0 3px 3px 0; display:inline-block; background-color:#181818 } .galleryThumb li:nth-child(3n+0){ margin-right:0 } .galleryThumb li img{ border:0; width:64px; height:64px } .galleryImageArea{ float:right; width:580px; border:0 } .galleryImageArea img, .galleryImageArea video{ max-height:332px; max-width:580px } .galleryImage{ position:relative; margin:0 auto; border:0; display:table } .overlay{ max-height:332px; max-width:580px; font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:white; font-size:17px; white-space:pre-wrap; line-height:115%; padding:15px; position:absolute; top:0; left:0; background-color:black; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65) } .caption2{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#848283; font-size:17px; margin-top:2px; white-space:pre } .pagination{ width:198px } .next{ width:15px; float:right; cursor:pointer; cursor:hand } .prev{ width:15px; float:left; cursor:pointer; cursor:hand } .imgSource{ position:absolute; overflow:hidden; top:-100%; left:-100% } #slideshow{ overflow:hidden } #slideshow,#slideshow div{ width:800px; margin:auto; 1height:343px; overflow:hidden } #slideshow img{ vertical-align:middle; display:block; max-width:800px; 1max-height:343px } #slideshow div img{ margin:auto } .vitrin{ text-align:center } .facebook{ bottom:30px; color:#ff8300; font-family:'Poiret One',cursive; font-size:10px; letter-spacing:2px; position:fixed; text-decoration:none; display:table } .facebook img{ float:left; width:20px; height:20px; margin-right:6px; display:table-cell; vertical-align:middle } .facebook h1{ float:left; display:table-cell; vertical-align:middle } .javan-rayaneh{ bottom:5px; position:fixed; display:table; margin:0 auto } .javan-rayaneh img{ max-width:137px } #contact_message{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#b92a00; font-size:13px } div.box{ width:229px; float:left; font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#aaa8a9; font-size:15px } div.box h1{ padding:0 0 9px 3px } div.box label{ border-width:0; height:31px; width:100%; display:block; background:#353535; margin-bottom:6px } div.box label span{ display:block; color:#9e9c9d; float:left; width:30%; text-align:left; padding:0 0 0 3px; line-height:31px; overflow:hidden } div.box .input_text{ background:none repeat scroll 0 0 white; height:31px; padding:0; width:65%; background:#353535; border-width:0 } div.box .message{ padding:6px 6px; width:60%; background:#353535; border-width:0; 1overflow:hidden; 1height:86px } div.box .buttona{ background:#b92a00; border:0 none; float:right; height:19px; margin:3px 4% 3px 0; padding:3px; width:47px } div.box .button{ margin:0 0 3% 0; padding:3px 3px; background:#b92a00; border:0; position:relative; top:3px; left:183px; width:40px } div.box .input_text,div.box .message,div.box .button,.contactText,.press1 li a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#9e9c9d; font-size:12px; letter-spacing:1px } div.box .message{ height:145px; margin-top:3px } #txt-length-left{ font-size:9px; text-align:center; width:100% } .contactText{ bottom:11px; right:17px; position:fixed; max-width:22% } .press1{ float:left; background:#211f20; width:100%; padding-bottom:2.7%; margin-bottom:1.5% } .press1 li{ display:inline-block; list-style-type:none; margin-top:2.7%; margin-left:2.7%; width:29.6% } .press1 li a{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; overflow:hidden; font-size:17px; width:100% } .press1 li a img{ float:left; width:56%; margin-right:4.75% } .press2{ float:left; background:#211f20; width:100%; margin-bottom:1.5%; padding-bottom:2.7% } .press2 li{ float:left; text-align:center; padding-left:2.7%; padding-right:2.7%; width:94.6% } .press2 li:last-child{ 1margin-bottom:2.7% } .press2 img{ max-width:100%; text-align:center } .newss{ float:left; width:100%; padding-bottom:2.7%; margin-bottom:1.5%; background:#211f20 } .newss li{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; line-height:140%; font-size:17px; background:#211f20; padding-left:2.7%; padding-right:2.7%; width:94.6% } .newss li div{ float:left; width:20%; margin-right:1.5%; text-align:center } .newss li img{ max-width:100% } .newss a,.newss a:hover{ color:#398fcd; text-decoration:none } hr{ color:#a4a3a3; background-color:#a4a3a3; height:2px; border:0 none; margin-top:1.4%; margin-bottom:1.4% } .gray_bg{ background:#211f20 } #footer{ clear:both; background-color:sienna } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ display:inline-block } .clearfix{ display:block } * html .clearfix{ height:1px } } @media only screen and (max-width:800px){ html,body{ height:100% } body{ margin:0; padding:0 } body{ font-size:62.5% } cite,dfn,em,i{ font-style:italic } pre{ white-space:pre } del{ text-decoration:line-through } ins{ color:#f00 } small,sup,sub{ font-size:80% } big{ font-size:125%; line-height:80% } abbr,acronym{ font-size:85%; text-transform:uppercase; letter-spacing:.1em } abbr[title],acronym[title],dfn[title]{ border-bottom:1px dotted black; cursor:help } sup,sub{ line-height:0 } sup{ vertical-align:super } sub{ vertical-align:sub } blockquote{ padding:1.5em } .pages ul,ol{ margin-left:1.5em } .pages ul{ list-style:disc outside } .pages ol{ list-style:decimal outside } .pages h1,.pages h2,.pages h3,.pages h4,.pages h5,.pages h6{ line-height:1.2 } .pages h4,.pages h5,.pages h6{ font-weight:bold } .pages h1{ font-size:250% } .pages h2{ font-size:200% } .pages h3{ font-size:150% } .pages h4{ font-size:100% } .pages h5{ font-size:80% } .pages h6{ font-size:50% } button{ cursor:pointer } #head{ height:130px; width:100%; background-color:#211f20; font-weight:bold; font-style:normal; font-variant:normal } #logo{ background-size:100% 100%; float:left; width:130px; height:100%; background-image:url('../../uploads/logo/logo.jpg'); background-repeat:no-repeat } #head_right_col{ margin-left:130px; height:100% } #head_right_col_warp{ width:600px; height:100%; margin:0 auto } #title_warp{ width:150px; float:left; margin-top:41px; margin-right:15px } #title{ text-align:center; max-width:100% } #menu{ height:100%; float:right; width:435px } #menu ul{ width:100%; display:table; margin-top:73px; font-family:'Josefin Sans',sans-serif; font-weight:700; font-size:12px } #menu ul li{ display:table-cell; width:auto; text-align:center } #menu ul li:last-child{ margin-right:0; text-align:right } #menu ul li:first-child{ 1margin-left:0; 1text-align:left } #menu ul li a{ text-decoration:none; color:#b92a00 } #menu ul li a:hover{ color:#ff8300; text-decoration:none } #menu #current{ color:#ff8300 } .opera #menu ul,.webkit #menu ul{ margin-top:71px } #container{ background-color:#080808 } #left_col{ float:left; height:100%; width:130px; padding-top:13px; background-color:#353535 } #left_menu_warp{ margin-left:5px; margin-right:5px; width:120px } .left_menu{ height:25px; height:28px; margin-bottom:5px; overflow:hidden } #current .bullet{ background-color:#ff8300 } #current a{ color:#ff8300 } .left_menu .bullet{ float:left; width:15px; height:24px; margin-right:4px; background-color:#b92a00 } .webkit .left_menu .bullet{ 1height:27px } .left_menu a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; line-height:14px; color:white; font-size:9px; float:inherit; 1width:102px; width:101px; 1height:27px; height:24px } .left_menu a:hover{ color:#ff8300 } .left_menu:hover .bullet{ background-color:#ff8300 } #page_content{ height:100%; background-color:#080808; background-color:#181818; margin-left:130px; padding-top:13px } #page_content_warp{ margin:0 auto; width:600px } .pages{ font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:#a4a3a3; font-size:14px; line-height:130% } .pages strong{ font-size:17px; color:#cccaca } .pages a,.pages a:hover{ color:#398fcd; text-decoration:none } .galleryThumb{ color:#797478; float:left; width:150px; width:150px; border:0 } .galleryThumb li{ width:48px; height:48px; margin:0 2px 2px 0; display:inline-block; background-color:#181818 } .galleryThumb li:nth-child(3n+0){ margin-right:0 } .galleryThumb li img{ border:0; width:48px; height:48px } .galleryImageArea{ float:right; width:435px; border:0 } .galleryImageArea img, .galleryImageArea video{ max-height:248px; max-width:435px } .galleryImage{ position:relative; margin:0 auto; border:0; display:table } .overlay{ max-height:248px; max-width:435px; font-family:'Josefin Sans',sans-serif; font-weight:600; text-decoration:none; color:white; font-size:14px; white-space:pre-wrap; line-height:115%; padding:15px; position:absolute; top:0; left:0; background-color:black; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65) } .caption2{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#848283; font-size:14px; margin-top:2px; white-space:pre } .pagination{ width:148px } .next{ width:11px; float:right; cursor:pointer; cursor:hand } .prev{ width:11px; float:left; cursor:pointer; cursor:hand } .imgSource{ position:absolute; overflow:hidden; top:-100%; left:-100% } #slideshow{ overflow:hidden } #slideshow,#slideshow div{ width:600px; margin:auto; 1height:257px; overflow:hidden } #slideshow img{ vertical-align:middle; display:block; max-width:600px; 1max-height:257px } #slideshow div img{ margin:auto } .vitrin{ text-align:center } .facebook{ bottom:30px; color:#ff8300; font-family:'Poiret One',cursive; font-size:8px; letter-spacing:2px; position:fixed; text-decoration:none; display:table } .facebook img{ float:left; width:16px; height:16px; margin-right:5px; display:table-cell; vertical-align:middle } .facebook h1{ float:left; display:table-cell; vertical-align:middle } .javan-rayaneh{ bottom:5px; position:fixed; display:table; margin:0 auto } .javan-rayaneh img{ max-width:111px } #contact_message{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#b92a00; font-size:11px } div.box{ width:186px; float:left; font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; letter-spacing:1px; color:#aaa8a9; font-size:12px } div.box h1{ padding:0 0 7px 2px } div.box label{ border-width:0; height:25px; width:100%; display:block; background:#353535; margin-bottom:5px } div.box label span{ display:block; color:#9e9c9d; float:left; width:30%; text-align:left; padding:0 0 0 2px; line-height:25px; overflow:hidden } div.box .input_text{ background:none repeat scroll 0 0 white; height:25px; padding:0; width:65%; background:#353535; border-width:0 } div.box .message{ padding:5px 5px; width:60%; background:#353535; border-width:0; 1overflow:hidden; 1height:70px } div.box .buttona{ background:#b92a00; border:0 none; float:right; height:15px; margin:3px 4% 3px 0; padding:3px; width:38px } div.box .button{ margin:0 0 3% 0; padding:2px 2px; background:#b92a00; border:0; position:relative; top:2px; left:149px; width:33px } div.box .input_text,div.box .message,div.box .button,.contactText,.press1 li a{ font-family:'Josefin Sans',sans-serif; font-weight:700; text-decoration:none; color:#9e9c9d; font-size:10px; letter-spacing:1px } div.box .message{ height:118px; margin-top:3px } #txt-length-left{ font-size:7px; text-align:center; width:100% } .contactText{ bottom:9px; right:14px; position:fixed; max-width:22% } .press1{ float:left; background:#211f20; width:100%; padding-bottom:2.7%; margin-bottom:1.5% } .press1 li{ display:inline-block; list-style-type:none; margin-top:2.7%; margin-left:2.7%; width:29.6% } .press1 li a{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; overflow:hidden; font-size:14px; width:100% } .press1 li a img{ float:left; width:56%; margin-right:4.75% } .press2{ float:left; background:#211f20; width:100%; margin-bottom:1.5%; padding-bottom:2.7% } .press2 li{ float:left; text-align:center; padding-left:2.7%; padding-right:2.7%; width:94.6% } .press2 li:last-child{ 1margin-bottom:2.7% } .press2 img{ max-width:100%; text-align:center } .newss{ float:left; width:100%; padding-bottom:2.7%; margin-bottom:1.5%; background:#211f20 } .newss li{ float:left; font-family:'Josefin Sans',sans-serif; font-weight:400; text-decoration:none; color:#a4a3a3; line-height:140%; font-size:14px; background:#211f20; padding-left:2.7%; padding-right:2.7%; width:94.6% } .newss li div{ float:left; width:20%; margin-right:1.5%; text-align:center } .newss li img{ max-width:100% } .newss a,.newss a:hover{ color:#398fcd; text-decoration:none } hr{ color:#a4a3a3; background-color:#a4a3a3; height:2px; border:0 none; margin-top:1.4%; margin-bottom:1.4% } .gray_bg{ background:#211f20 } #footer{ clear:both; background-color:sienna } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix{ display:inline-block } .clearfix{ display:block } * html .clearfix{ height:1px } }



.imageWrap {
    display: inline-block;
    position: relative;
}

.full-screen-btn {
position: absolute;
    bottom: 0;
    right: -40px;
    z-index: 10;
    background-color: #353535;
    border: 1px solid #000000;
    width: 30px;
    height: 35px;
    cursor: pointer;
}

.full-screen-btn svg path {
        fill: #dbdbdb; 
}