@import url(css/Layout.rtl.css); @import url(css/Mobile.rtl.css); @import url(css/Style.rtl.css); @import url(css/Slider.rtl.css); @import url(portfolio/portfolio.css); @import url(slider/demo.css); @import url(slider/responsiveslides.css); @import url(slider/slider-pro.css); @font-face { font-family: "open_sans"; src: url(fonts/makanfont.ttf) format("truetype"); } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, address, cite, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot { border: 0; padding: 0; margin: 0; } pre .string, pre .support.value { font-weight: 400; color: #d14; } article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display: block; } a img { border: 0; } figure { position: relative; } img, object, embed { max-width: 100%; } img { height: auto; vertical-align: top; } ul li { list-style-type: none; } #Body { padding: 0; margin: 0; } html, body { font-family: "open_sans" !important; margin: 0; padding: 0; font-size: 12px; color: #444; line-height: 1.5em; font-weight: 300; } A, A:link, A:active, A:visited { color: #b11116; outline: medium none; text-decoration: none !important; } .Head { font-size: 12px; font-weight: 700; color: #4a4949; } .SubHead { font-size: 12px; color: #4a4949; } .SubSubHead { font-size: 12px; color: #4a4949; } .Normal { font-size: 13px; color: #666; font-family: "open_sans"; } h1 { font-size: 24px; line-height: 1.5; } h2 { font-size: 22px; line-height: 1.5; } h3 { font-size: 20px; line-height: 1.5; } h4 { font-size: 18px; line-height: 1.5; } h5 { font-size: 16px; line-height: 1.5; } h6 { font-size: 14px; line-height: 1.5; } h1, h2, h3, h3, h4, h5, h6 { font-weight: 300; } .headp { float: right; padding: 5px; } .clear { clear: both; line-height: 0; font-size: 0; height: 0; } .dnnpanes { clear: both; -moz-box-sizing: border-box; box-sizing: border-box; } .clearafter { display: block; } .paneOutline { border: 1px dashed #ccc; } .paneOutline2 { border: 1px #777 dotted; color: #777; } .dnnCheckbox .mark { display: inline-block; background: none repeat scroll 0% 0% #fff0; } form#Form { height: 100%; } .ModuleTitle_SubMenu { z-index: 9999 !important; } .clearafter:after { clear: both; content: "."; height: 0; font-size: 0; visibility: hidden; display: block; } .clearafter { display: inline-block; } .clearafter { display: block; } .ControlPanel .CommandButton, .ControlPanel A.CommandButton:link, .ControlPanel A.CommandButton:visited, .ControlPanel A.CommandButton:active { font-size: 100%; color: #000; text-decoration: none; font-weight: 400; } .ControlPanel A.CommandButton:hover { color: #000; text-decoration: underline; font-weight: 400; } .megaborder { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } #ControlBar { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } #ControlEditPageMenu > li > a.controlBar_editPageInEditMode { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } .dnn_mact > li.actionMenuMove > ul li { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } .dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } #ControlActionMenu > li > a { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } #ControlNav > li > a { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } #ControlBar li { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } .dnnForm .ui-widget-header, .dnnFormPopup .ui-widget-header { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; border-bottom: 4px solid #292929; font-weight: 700; } .dnnActionMenuTag { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; background: -moz-linear-gradient(center top, #f3f3f3 0%, #cfcfcf 100%) repeat scroll 0 0 #fff0; border: 1px solid #999; border-radius: 3px 3px 3px 3px; cursor: default; display: block; font-size: 11px; font-weight: 700; height: 16px; line-height: 16px; min-width: 65px; padding: 5px 10px; } .CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 100%; color: #b11116; text-decoration: none; font-weight: 400; } A.CommandButton:hover { text-decoration: underline; font-weight: 400; } .FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active { color: #000; text-decoration: underline; } .FileManager A:hover { color: #000; text-decoration: none; } #dnn_wrapper { min-height: 100%; background: url(images/body_bg.jpg) 50% 0 no-repeat #000; position: relative; overflow: hidden; } * html #dnn_wrapper { height: 100%; } .dnnForm h2.dnnFormSectionHead a, .dnnForm h2.dnnFormSectionHead a:visited { color: #ccc; } #dnn_ctr412_dnn_ctr412_Tabs_UPPanel span.rtIn { color: #ccc; } .dnnTreeLegend h3 { color: #353535; } .dnnFormItem input[type="checkbox"], .dnnFormItem input[type="radio"], .dnnFormItem input[type="file"], .dnnFormItem input[type="button"], .dnnFormItem input.rcbInput { color: #ccc; } .DataGrid_Item { font-size: 11px; } .DataGrid_AlternatingItem { font-size: 11px; } .DNNEmptyPane { display: none; } .dnn_space { height: 8px; font-size: 0; } .light_dark, .layout_style, .skin_headers, .skin_menus, .skin_submenus { display: none; } #coloreditor_expandicon { background: #fff !important; border-radius: 0 50px 50px 0; box-shadow: 0 0 1px #aaa; top: 180px !important; } #coloreditor_panel { top: 150px !important; } #coloreditor_panel div .admin-only { color: #ff0000 !important; font-weight: 400; padding: 10px; } #coloreditor_panel .coloreditor_save { display: inline-block; float: none !important; font-weight: 300 !important; } #coloreditor_panel .coloreditor_reset { display: inline-block; float: none !important; } body .colorwell-selected { font-weight: 300 !important; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; right: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgb(0 0 0 / 0.5); -moz-box-shadow: 0 10px 25px rgb(0 0 0 / 0.5); box-shadow: 0 10px 25px rgb(0 0 0 / 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; right: 50%; margin-top: -22px; margin-right: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; left: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: #fff0 url(images/blank.gif); -webkit-tap-highlight-color: #fff0; z-index: 8040; } .fancybox-prev { right: 0; } .fancybox-next { left: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { right: 10px; background-position: 0 -36px; } .fancybox-next span { left: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; right: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; right: 0; overflow: hidden; display: none; z-index: 8010; background: url(images/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; left: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; left: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-left: -100%; padding: 2px 20px; background: #fff0; background: rgb(0 0 0 / 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: 700; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; right: 0; color: #fff; padding: 10px; background: #000; background: rgb(0 0 0 / 0.8); } .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } .myworks ul.filter a { display: block; padding: 8px 25px; text-decoration: none; font-size: 15px; font-weight: 600; transition: none 0s ease 0s; color: #333; border-radius: 30px; } .myworks ul.filter li a.active { color: #fff; background: #b11116; } .myworks ul.filter a:hover { background: none repeat scroll 0% 0% #b11116; color: #fff; } .myworks .item-type-line .item-info { color: #fff; vertical-align: middle; position: relative; z-index: 3; width: 100%; text-align: right; height: auto; top: 10%; margin: 0; } .myworks .item-type-line .item-hover .mask { background-color: #000; filter: alpha(opacity=70); opacity: 0.7; z-index: 2; position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .myworks .item-type-line .item-hover { padding: 0 20px; } .myworks .portfolio-item a { display: inline-block; } .myworks .item-type-line .item-info h5 { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #fff; } .myworks .item-type-line .item-info p { text-transform: capitalize; margin: 10px 0; color: #ccc; } .myworks .details-link a { color: #fff; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; vertical-align: top; background: none repeat scroll 0% 0% #fff; margin: 0 0 0 5px; } .myworks .details-link a:hover { background: none !important; color: #fff; opacity: 0.9; border: 1px solid #fff; } .myworks .entry-content ul li { width: 24.95%; padding: 0 10px; margin: 10px 0; min-height: 200px; } .awesome-icon A, .awesome-icon A:link, .awesome-icon A:active, .awesome-icon A:visited { color: #222; line-height: 2; } .awesome-icon A:hover { color: #aaa; } .stat { text-align: center; color: #fff; } .stat .col-sm-3 { margin: 30px 0 0 0; } .milestone-counter span { font-size: 60px; font-weight: 300; display: block; line-height: 1.5; } .count-top { text-align: center; color: #fff; font-size: 16px; line-height: 1.8; width: 80%; margin: 0 auto 30px; } .milestone-counter em { font-size: 70px; margin: 0 0 0 10px; display: block; } .highlight { color: #111; padding: 20px 0; font-weight: 700; display: block; overflow: hidden; margin-bottom: 0; font-size: 48px; } .stat i { color: #f7c221; } .milestone-details { font-size: 16px; line-height: 2em; font-weight: 600; text-transform: uppercase; } .stat2 { color: #fff; padding: 25px 0; } .stat2 h2 { text-align: center; color: #fff; font-weight: 700; font-size: 28px; } .stat2 .subtitle { text-align: center; padding: 20px 20%; } .stat2 .col-sm-3 { margin: 20px 0; } .stat2 .milestone-counter { text-align: center; } .stat2 .milestone-details { font-size: 18px; line-height: 2em; text-transform: uppercase; } .stat2 .milestone-counter span { font-size: 40px; display: block; line-height: 1em; } .stat2 .milestone-counter em { font-size: 50px; margin: 0 0 0 10px; display: inline-block; border-radius: 50%; width: 130px; height: 130px; line-height: 130px; text-align: center; } .stat2 .milestone-counter em:hover { border: 5px solid #fff; line-height: 125px; } ul.thumbnails { margin: 0; padding: 0; list-style: none; } ul.thumbnails li { margin: 0; padding: 0; list-style: none outside none; width: 25%; float: right; position: relative; } .portfolio .nav-pills { text-align: center; margin: 0 0 40px 0; } .portfolio .nav-pills li a { display: inline-block; vertical-align: top; color: #fff; border: 1px solid #fff; padding: 8px 30px; border-radius: 50px; font-size: 14px; margin: 0 5px; } .portfolio .nav-pills li a:hover { color: #000; } .portfolio .nav-pills li { display: inline-block; float: none; cursor: pointer; } .portfolio-features { display: none; } .portfolio .details-cover { position: absolute; height: 100%; width: 100%; top: 0; right: 0; z-index: 1; opacity: 0.85; text-align: center; background: #000; display: none; } .portfolio .details-link a { color: #fff; margin: 0 5px; } .portfolio .details-link em { border-radius: 50%; padding: 10px; font-size: 18px; } .details-link a em { color: #fff; border: 1px solid #fff; border-radius: 50%; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; vertical-align: top; } .portfolio .details-cover em { font-size: 20px; display: inline-block; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 40px; } ul.thumbnails li:hover .details-cover { display: block; } .details-link { margin: 0 0 10px 0; } .nav > li > a:hover { background: #fff; } .top-show { position: relative; margin: 0 -10px; } .top-show .col-sm-3 { padding: 0 5px; margin: 0 0 20px 0; } .top-show .avatar { text-align: center; float: none; margin: -45px 0 0 0; height: 90px; } .top-show .avatar img { border-radius: 50%; border-style: solid; border-color: #fff; box-shadow: 0 0 0 4px rgb(255 255 255); } .top-show .details { border: 1px solid #e4e4e4; padding: 0 20px 20px; } .top-show .details h4 { font-size: 16px; font-weight: 600; text-transform: capitalize; } .top-show .showbox { border: 8px solid #fff0; -webkit-transition: border 0.5s; -moz-transition: border 0.5s; transition: border 0.5s; } .top-show .showbox:hover { border: 8px solid #fff0; } .top-show .showbox:hover .avatar img { border: 4px solid #fff0; box-shadow: 0 0 0 0 #fff0; position: relative; top: -4px; } #myTabContent { position: relative; } .testimonials-tabs > .nav > li > a > img { max-width: none; width: 100px; opacity: 0.7; } .testimonials-tabs > .nav > li > a > img:hover { opacity: 1; } .testimonials-tabs .nav-tabs { margin-bottom: 15px; text-align: center; border-top: 1px solid #ccc; border-bottom: none; } .testimonials-tabs > .nav-tabs > li { float: none; display: inline-block; margin: 0 1%; padding: 30px 0 10px 0; } .testimonials-tabs .tab-pane p { padding: 0 0 20px 0; } .testimonials-tabs .person-name { text-align: center; font-size: 16px; font-weight: 600; } .testimonials-tabs .tab-content > .tab-pane { display: none; text-align: center; } .quotes { font-family: "open_sans"; font-size: 90px; } .testimonials-tabs .tab-content > .active { display: block; padding: 0 17% 30px; } .quotes-top { position: absolute; top: -20px; right: 10%; background: url(images/quotes-top.png) no-repeat scroll 0% 0% #fff0; width: 42px; height: 34px; } .quotes-bottom { position: absolute; left: 10%; bottom: 20px; background: url(images/quotes-bottom.png) no-repeat; width: 42px; height: 34px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none; } .bs-example .nav-tabs > li.active > a, .bs-example .nav-tabs > li.active > a:hover, .bs-example .nav-tabs > li.active > a:focus { border: 1px solid #ddd; border-bottom: none; } .nav-tabs > li > a:hover { border: none; } .nav-tabs > li > a { border: none; } .nav-tabs > li.active .tab-arrow { position: absolute; right: 50%; top: 0; z-index: 9; margin: -1px -25px 0 0; background: url(images/tab-arrow.jpg) no-repeat scroll 0% 0% #fff0; width: 48px; height: 30px; } .tableCreateArticle { background: none !important; } .tableCreateArticle .SubHead td { padding: 0 10px; } .news-category { margin: 0; padding: 0; list-style: none; } .news-category li { line-height: 45px; border-bottom: 1px solid #e3e3e3; } .news-category li a { color: #555; } .news-category .count { float: left; } .recent-post { margin: 0; padding: 0; list-style: none outside none; font-family: "open_sans"; font-size: 13px; } .recent-post li { clear: both; padding: 15px 0; } .recent-post li a { color: #333; font-size: 12px; text-transform: capitalize; } .recent-post li a:hover { text-decoration: none; } .recent-post .thumbnail { float: right; padding: 0; border: none; border-radius: 0; margin: 0 0 0 10px; } .recent-post .thumbnail img { width: 60px; height: 60px; } .recent-post .date { color: #999; } .recent-post .comment a { font-size: 12px; color: #666; } .blog-list { font-family: "open_sans"; } .blog-list { list-style: none; padding: 0; margin: 0; } .blog-list li { list-style: none; padding: 0 0 30px 0; margin: 0; clear: both; } .blog-list .date { text-align: center; border-left: 1px solid #ddd; padding: 0 0 0 30px; color: #666; } .blog-list a { text-decoration: none; } .blog-list a:hover { text-decoration: none; } .blog-list .date span { font-size: 32px; } .blog-list .content { width: auto; line-height: 1.8em; padding: 0 0 10px 0; } .blog-list .details { padding: 0 170px 0 0; } .blog-list .details h3 a { color: #555; font-size: 36px; text-decoration: none; font-family: "open_sans"; font-weight: 300; text-transform: capitalize; } .blog-list .publish { color: #999; font-size: 13px; padding: 0 0 10px 0; } .blog-list .comment, .blog-list .comment a { color: #333; } .blog-list .img { padding: 10px 0 20px 0; } .publish a strong { font-weight: 400; } .ModDNNGONewsTagCloudC { padding: 10px 0; font-family: "open_sans"; } .ModDNNGONewsTagCloudC a { font-size: 14px !important; color: #333 !important; border-radius: 5px; background: #ececec; padding: 5px 10px; margin: 0 0 10px 0; display: inline-block; } .ModDNNGONewsTagCloudC a:hover { background: #333; color: #ffffff !important; } .readmore a { border: 1px solid #ccc; color: #555; font-family: "open_sans"; font-weight: 400; padding: 5px 10px; display: inline-block; text-transform: capitalize; } .readmore a:hover { background: #333; color: #fff; } .news-view { clear: both; margin: 0; padding: 0; list-style: none; font-family: "open_sans"; -webkit-font-smoothing: antialiased; } .news-view li { width: 33.333%; float: right; padding: 10px 0 20px 40px; } .news-view li .img { width: 150px; border-top: 5px solid #fff0; float: right; position: relative; margin: 0 0 0 20px; } .blog-main .date-day { position: absolute; display: inline-block; top: 0; right: 20px; width: 40px; height: 40px; color: #fff; text-align: center; line-height: 40px; font-size: 24px; } .news-view .blog-details { margin: 0 190px 0 0; } .blog-details h3 { line-height: 1.5em; font-size: 18px; font-weight: 600; font-family: "open_sans"; } .blog-details h3 a { color: #333; text-transform: capitalize; font-family: "open_sans"; font-weight: 600; } .blog-content { font-size: 13px; line-height: 1.6; padding: 0 0 10px 0; } .postin { font-weight: 700; color: #555; } .postin span { font-weight: 400; } .blog-read a { line-height: 2em; } .blog-read a:hover { color: #333 !important; } .blog-read a em { font-size: 14px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .blog-main .content { width: auto; float: none; font-size: 12px; font-weight: 500; color: #555; } .blog-bread { padding: 0 0 10px 0; } .blog-img { padding: 0 0 20px 0; } .h4-title { line-height: 1; margin: 0 0 10px 0; text-transform: capitalize; } .h4-title a { font-size: 13px; } .h4-title a:hover { color: #333 !important; } .h5-title { font-size: 12px; color: #999; } .dnngo_showcomments { font-family: "open_sans"; } .div_comment .SubHead { font-size: 14px; font-weight: 400; } .css-lblPostYourComment { font-size: 16px; font-weight: 400; line-height: 40px; } .div_comment .dnngo_showcomments textarea { height: auto; border: 1px solid #e5e1e1; border-radius: 0; } .div_comment .dnngo_showcomments { border-bottom: 1px solid #eee; } .div_comment .comments-content { padding: 0 10px 6px 0; } .div_comment .dnngo_showcomments button, .div_comment .dnngo_showcomments select, .div_comment .dnngo_showcomments textarea { border-radius: 0; } .div_comment .css-txtName, .div_comment .css-txtEmail, .div_comment .css-txtWebsite { border-radius: 0; border: 1px solid #e5e1e1; margin: 5px 0; } .div_comment .dnngo_showcomments .c-article-button { border-radius: 5px; border: none; margin: 20px 0 0 0; padding: 12px 40px; } .FeatureMenu { padding: 15px 20px; margin: 0; list-style: none; border: 1px solid #eee; } .FeatureMenu li { padding: 10px 0; margin: 0; list-style: none; border-bottom: 1px solid #eee; } .FeatureMenu li:last-child { border: none; } .FeatureMenu li a { color: #555; font-size: 14px; } .FeatureMenu li a:hover { color: #b11116; } @media handheld, only screen and (max-width: 1280px) { .myworks .entry-content ul li { min-height: inherit; } } @media handheld, only screen and (max-width: 1140px) { .myworks .entry-content ul li { width: 33.3%; } .news-view li { width: 50%; min-height: 150px; } } @media handheld, only screen and (max-width: 900px) { .myworks .entry-content ul li { width: 49.5%; } .blog-list .details h3 a { font-size: 30px; } } @media handheld, only screen and (max-width: 800px) { .top-show .col-sm-3 { width: 50%; float: right; } } @media handheld, only screen and (max-width: 768px) { h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } } @media handheld, only screen and (max-width: 767px) { .menu-mobile-unlist { max-height: calc(100vh - 48px); overflow-y: auto; overflow-x: hidden; } html { overflow-x: hidden; } .stat .col-sm-3 { width: 25%; float: right; } .stat .milestone-counter em { font-size: 50px; } .stat .milestone-counter span { font-size: 30px; } .stat2 .col-sm-3 { width: 50%; float: right; } .home-latestwork .col-sm-3 { width: 50%; float: right; } .blog-list .date { text-align: right; border-bottom: 1px dotted #ddd; border-left: none; padding: 0 0 10px 30px; color: #666; float: none; } .blog-list .details { padding: 0; } .blog-list .date span { font-size: 24px; margin: 0 0 0 5px; } .blog-list .date br { display: none; } .count-top { font-size: 14px; width: 100%; line-height: 1.5; margin: 0; } .news-view li { width: auto; float: none; min-height: 140px; padding: 10px 0 20px 0; } } @media handheld, only screen and (max-width: 600px) { .blog-details h3 { font-size: 16px; } .testimonials-tabs .tab-content > .active { display: block; padding: 0 2% 30px; } .testimonials-tabs .quotes { display: none; } .myworks .item-type-line .item-info h5 { font-size: 12px; } .myworks .item-type-line .item-info p { text-transform: capitalize; margin: 0 0 10px 0; color: #ccc; line-height: 1.5; font-size: 12px; } .blog-list .details h3 a { font-size: 24px; } } @media handheld, only screen and (max-width: 520px) { .milestone-counter em { font-size: 40px; } .milestone-counter span { font-size: 20px; } .milestone-details { font-size: 20px; line-height: 1.5em; } .stat .milestone-details { font-size: 14px; } .stat .col-sm-3 { width: 50%; } .myworks .item-type-line .item-info { top: 5%; } .myworks .item-type-line .item-info p { line-height: 1.2; } .top-show .col-sm-3 { width: auto; float: none; } .stat2 .col-sm-3 { width: 100%; } .home-latestwork .col-sm-3 { width: auto; float: none; margin: 20px 0; } .count-top { font-size: 13px; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 11px; } } @media handheld, only screen and (max-width: 480px) { .news-view li .img { width: auto; float: none; margin: 0; } .news-view .blog-details { margin: 20px 0 0 0; } .myworks .entry-content ul li { width: 100%; } .myworks .item-type-line .item-info { top: 15%; } .myworks .item-type-line .item-info h5 { font-size: 16px; } .myworks .item-type-line .item-info p { line-height: 2em; font-size: 14px; margin: 10px 0; } .h4-title { margin: 10px 0; } } @media handheld, only screen and (max-width: 360px) { .myworks .item-type-line .item-info { top: 10%; } .myworks .item-type-line .item-info h5 { font-size: 12px; } .myworks .item-type-line .item-info p { line-height: 1.5; font-size: 12px; } .blog-list .details h3 a { font-size: 20px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 11px; } h6 { font-size: 11px; } } .topLevel > li { padding: 0 10px; position: relative; } .topLevel > li::after { position: absolute; content: ""; width: 1px; height: 15px; background-color: #dcdcdc; top: 50%; transform: translateY(-50%); left: 0; } .topLevel > li:last-of-type:after { opacity: 0 !important; } .custom-style-nav-row .row { justify-content: space-between; } .footer-bar { padding: 25px 0 0 0; } .custom-style-boxsearch a.search { position: absolute; top: 0; left: 5px; opacity: 0; font-size: 10px; border: 1px solid; padding: 3px; border-radius: 5px; } .video-text { position: absolute; text-align: center; top: calc(50vh - 150px); color: #fff; z-index: 11; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; } .video-text > div { background: #000000b3; padding: 20px 30px; border-radius: 10px; } .video-text h1 { color: #fff; margin-bottom: 20px; margin-top: 0 !important; } .video-text p { margin-bottom: 0; font-size: 16px; } @media (max-width: 767px) { .video-text { position: relative; top: unset; } .video-text > div { border-radius: 0; } } .h1, h1 { font-size: 28px !important; font-weight: bold !important; line-height: normal; } .h2, h2 { font-size: 20px !important; font-weight: bold !important; line-height: normal; } .h3, h3 { font-size: 18px !important; font-weight: bold !important; line-height: normal; } p { margin-bottom: 1.5rem !important; line-height: normal; } .login-style { justify-content: flex-end !important; } .home-top-icon-holder { flex-direction: column; gap: 20px; justify-content: flex-start; text-align: center; } .link-more-article > a { font-size: 16px !important; background: #000000bf; padding: 10px 20px; border-radius: 5px; max-width: 70%; line-height: normal; } @media (max-width: 767px) { .link-more-article { align-items: flex-end !important; } .link-more-article > a { max-width: 100%; } article.custom-artic-makansang { border: solid; border-radius: 10px; margin-bottom: 20px; } } .holder-custom-hompage-news { height: auto !important; } .sticky-top { top: 100px !important; } .footer-email-makan, .footer-tel-makan { align-items: flex-start !important; } .skin-footer { text-align: right; text-align-last: right; } .bg-toosi { background-color: #f5f5f5; } .why-makan-boc-des img { border-bottom-right-radius: 60px; border-top-left-radius: 60px; } .skin-footer p, .skin-footer address, .skin-footer a, .skin-footer li { color: #aaaaaa !important; } .skin-footer { background-color: #1e1e1e !important; } .skin-footer span { color: #ff3f3f; } ul.ofsl { max-height: 180px; overflow: auto; } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb { background: #931103; border-radius: 10px; } i.arrow.down.arrow-makan:after { content: ""; display: block; width: 180px; position: absolute; height: 30px; transform: rotate(-45deg) translateX(195px) translateY(70px); } i.arrow.down.arrow-makan.rotate:after { transform: rotate(-44deg) translateX(-11px) translateY(70px); } .edn_article_gallery ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .edn_article_gallery ul li { border: solid #950101; border-radius: 8px; overflow: hidden; } .edn_article_gallery ul:before { content: "گالری تصاویر"; font-size: 16px; font-weight: 700; color: #950101; width: 100%; text-align: center; margin-block: 20px; } p{ font-size: 15px; margin-bottom: 1.5rem!important; line-height: normal }