<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> غير موجودة

<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> غير موجودة - <data:blog.title/> </b:if> </b:if> <data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> الصفحة غير موجودة - <data:blog.title/> */ /*===================================== = Css Reset =====================================*/ *{margin:0;padding:0;outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0} ins{text-decoration:underline} del{text-decoration:line-through} blockquote{background-color:#f9f9f9;padding:20px;margin:5px 20px;font-style:italic} blockquote:before{content:"\f10d";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#999} blockquote:after{content:"\f10e";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#999} dl,ol,ul{list-style-position:inside;padding: 0 2.5em;} caption,th{text-align:center} img{border:none;position:relative} a,a:visited{text-decoration:none;font-weight:400} a{color:$(link.color)} a:hover{color:$(link.color.hover)} q:after,q:before{content:''} abbr,acronym{border:0} .clear{clear:both} .section,.widget,.widget ul{margin:0;padding:0} ::-moz-selection{background-color:$(main.color);color:#fff} ::selection{background-color:$(main.color);color:#fff} .blog-feeds,.post-feeds,.quickedit{display:none} *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .status-msg-border{display:none} .status-msg-body{position:relative;padding:0} .status-msg-wrap{width:100%;background-color:#FFF;padding:30px 0;font-size:120%} /*===================================== = Error Page =====================================*/ .error_page .error-title{font-size:10em;text-align:center} .error_page #main-wrapper{float: right; padding: 40px;margin-bottom:30px;width:100%;background-color:#Fff;padding-bottom:35px} .error_page #sidebar-wrapper{display:none} /*===================================== = Body =====================================*/ body{ font-family: nak1ha;background:$(body.background);line-height:25px;color:#555;margin:0;padding:0;font:$(body.font)} .row{max-width:1200px;margin:0 auto;position:relative} .item #main-wrapper{margin:40px 0} /*===================================== = Header =====================================*/ #top-wrapper{height:40px;background-color:#111;overflow:hidden} #info-sec{float:right;height:40px;color:#555} #info-sec li{display:inline-block;line-height:40px;padding:0;margin-left:15px;font-weight:400} #info-sec li:before{content:"\f095";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px} #info-sec .email:before{content:"\f0e0"} #header-wrapper{background-color:rgba(51, 51, 51, 0.8);height:110px;position:relative;line-height:80px;z-index:10} #header{float:right;height:110px;width:100%;max-width:200px} #header img{height:60px;width:200px;margin-top:25px} .Header h1{color:#fff;line-height:110px!important;font:$(header.font); width: 380px;} .Header .description { margin: .5em 0 10px; padding: 0 2px; display: none; } .Header h1 a{color:#fff} #menu{ margin-right: 20px;float:right} #menu li{padding:0;display:inline-block;margin-left:15px} #menu li a { line-height: 110px; font-size: 16px; padding-right: 15px; padding-left: 15px; border-radius: 5px; color: #fff; font-weight: 400; } #menu li a:hover{color:$(main.color)} ul#sub-menu li a{padding-top:5px;padding-bottom:5px;} #menu li ul{display:none;position:absolute;z-index:5;background-color:#111;min-width:150px;padding:5px} #menu li ul:before{content:'';position:absolute;top:-14px;right:20px;margin-top:0;height:0;width:0;border:7px solid transparent;border-bottom-color:#111} #menu li:hover ul{display:block} ul#sub-menu li a:hover {background:$(main.color);color:#fff; } #menu li ul li{display:block;padding:0;margin:0;} #menu li ul li a{padding:5px 10px;line-height:35px;display:block;border-radius:0;color:#fff;border-radius:3px} .menu-cart .headerRow{display:none} .menu-cart{float:left} .menu-cart .bag{display:none;position:absolute;background-color:#fff;color:#fff;z-index:10;padding:10px;left:0;min-width:300px;line-height:1} .menu-cart .mycart{background-color:#2B2727;margin-top:40px;cursor:pointer;color:#EEE;height:30px;line-height:30px;padding-left:10px} .menu-cart .mycart .fa{background-color:$(main.color);line-height:30px;padding:0 10px;margin-left:5px} .menu-cart .item-thumb { width: 95px; height: 90px; min-height: 90px; overflow: hidden; float: right; margin-left: 10px; } .menu-cart .item-thumb img{max-width:100%} .menu-cart .item-thumb{width:100px;float:right;margin-left:10px} .itemRow { display: block; margin-bottom: 15px; overflow: hidden; border: 1px solid #eee; background-color: #fff; color: #111; padding: 10px; } .item-decrement,.item-quantity{float:right;margin-left:5px;font-size:16px;} .item-name,.item-price{margin-bottom:10px;font-size: 20px;} .item-name { color: #FA411E; } .item-total{margin:10px 0;font-size:16px;} .item-decrement,.item-increment{background-color:$(main.color);width:15px;float:right;text-align:center} .item-decrement a,.item-increment a{color:#fff} .item-increment{margin-left:5px} .item-remove a { color: #111; font-weight: 400; float: left; margin-left: 20px; } .simpleCart_empty,.simpleCart_checkout{background-color:$(main.color);color:#fff;padding:2px 10px;margin-left:5px;font-family: nak1ha;font-size: 18px;} .simpleCart_empty{background-color: #9E9E9E;} a.simpleCart_empty:hover {background: #111;color: #fff;} a.simpleCart_checkout:hover {color: #fff;background: #111;} /*===================================== = Social Icons Widget =====================================*/ #social-sec{margin:0;float:left} #social-sec li{display:inline-block;padding:0;float:right} #social-sec .widget ul{padding:0} #social-sec .LinkList ul{text-align:center} #social-sec ul#social a{display:block;height:40px;width:40px;font-size:15px;color:#555} #social-sec ul#social a:hover{color:#fff;opacity:1} #social-sec ul#social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} a.facebook:before{content:"\f09a"} #social-sec ul#social a.facebook:hover{background-color:#3b5998} a.twitter:before{content:"\f099"} #social-sec ul#social a.twitter:hover{background-color:#55acee} a.gplus:before{content:"\f0d5"} #social-sec ul#social a.gplus:hover{background-color:#dd4b39} a.youtube:before{content:"\f167"} #social-sec ul#social a.youtube:hover{background-color:#e52d27} a.skype:before{content:"\f17e"} #social-sec ul#social a.skype:hover{background-color:#00aff0} a.stumbleupon:before{content:"\f1a4"} #social-sec ul#social a.stumbleupon:hover{background-color:#eb4924} a.tumblr:before{content:"\f173"} #social-sec ul#social a.tumblr:hover{background-color:#35465c} a.vine:before{content:"\f1ca"} #social-sec ul#social a.vine:hover{background-color:#00b488} a.stack-overflow:before{content:"\f16c"} #social-sec ul#social a.stack-overflow:hover{background-color:#fe7a15} a.linkedin:before{content:"\f0e1"} #social-sec ul#social a.linkedin:hover{background-color:#0976b4} a.dribbble:before{content:"\f17d"} #social-sec ul#social a.dribbble:hover{background-color:#ea4c89} a.soundcloud:before{content:"\f1be"} #social-sec ul#social a.soundcloud:hover{background-color:#f80} a.behance:before{content:"\f1b4"} #social-sec ul#social a.behance:hover{background-color:#1769ff} a.digg:before{content:"\f1a6"} #social-sec ul#social a.digg:hover{background-color:#000} a.instagram:before{content:"\f16d"} #social-sec ul#social a.instagram:hover{background-color:#3f729b} a.pinterest:before{content:"\f0d2"} #social-sec ul#social a.pinterest:hover{background-color:#cc2127} a.delicious:before{content:"\f1a5"} #social-sec ul#social a.delicious:hover{background-color:#39f} /*===================================== = Scrollbar Style =====================================*/ ::-webkit-scrollbar{width:7px;height:7px} ::-webkit-scrollbar-track{background-color:#EEE} ::-webkit-scrollbar-thumb{background-color:$(main.color)} ::-webkit-scrollbar-thumb:window-inactive{background:$(main.color)} ::-webkit-scrollbar-thumb:hover{background-color:#222} /*===================================== = News letter Homepage =====================================*/ .prodh{background-color:#fa411e; color: white;padding:25px 0;margin:15px 0} .prodh:before{content:'';width:50px;height:3px;background-color:#fff;position:absolute;top:35px;right:-20px} .prodh h2{margin-right:50px} #newsletter{overflow:hidden;background-color:#fff;padding:50px 0;border-top:1px solid #EEE;border-bottom:1px solid #EEE} #newsletter .right{float:right} #newsletter .left{float:left;margin-top:11px} #newsletter .FollowByEmail{overflow:hidden} #newsletter .row{overflow:hidden} .ntitle h2:first-letter{color:$(main.color)} .ntitle:before{content:'';width:50px;height:3px;float:right;background-color:$(main.color);position:relative;top:19px;left:10px} .ntitle{font-size:20px} .ndesc p{margin-top:5px} #newsletter input.address{border:0;background-color:#EEE;height:50px;padding:0 10px;width:400px;margin-left:-5px;font-size:17px!important;font:$(body.font)} #newsletter input.submit{height:50px;width:100px;background-color:$(main.color);border:0;color:#fff;cursor:pointer;font:$(body.font);position:relative;top:-2px} /*===================================== = Slider =====================================*/ @-moz-document url-prefix() { #slider-container{margin-top: 0px!important;} } #slider-container{ width: 100%;margin-top: -109px;height:600px;overflow:hidden;position:relative;} #slider-container *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} .slider-load span{position:absolute;font-size:20px;top:50%;margin-top:-20px;right:50%;margin-right:-20px;background-color:#fff;height:40px;width:40px;text-align:center;line-height:40px;border-radius:5px;color:#555} .slider-load{width:100%;height:600px;position:absolute;z-index:8;background-color:#F0F0F0;right:0;top:0} #slider{position:relative;overflow:auto;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} #slider li{list-style:none} #slider ul li{float:right} .slider-img{width:100%;height:600px;overflow:hidden} .dots{position:absolute;bottom:20px;text-align:center;width:100%} .dots li{font-size:0;display:inline-block;width:8px;border-radius:50px;height:8px;padding:2px;border:0;cursor:pointer;background-color:$(main.color);margin-left:5px} .dots li.active{background:#fff} .slideraro a{cursor:pointer;border:1px solid #FFF;border-radius:50%;overflow:hidden;display:block;color:#FFF;height:50px;width:50px;text-align:center;line-height:50px;font-size:18px} .slideraro a:hover{color:#555;background-color:#FFF} .slideraro a.unslider-arrow.next:before{content:"\f053";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slideraro a.unslider-arrow.prev:before{content:"\f054";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #slider .widget h2{position: absolute; z-index: 5; top: 40%; width: 100%; text-align: center; font-size: 55px; color: #fff; font-family: nak1ha; text-transform: uppercase; font-weight: 400; } .unslider-arrow.next{position:absolute;z-index:6;top:50%;margin-top:-25px;left:20px} .unslider-arrow.prev{position:absolute;z-index:6;top:50%;margin-top:-25px;right:20px} .slider-img{background-color:#111} .slider-img img{opacity:0.5} #slider .widget-item-control{display:none} #slider .widget-content .caption{position:absolute;bottom:40%;display:block;width:100%;text-align:center;color:#fff;font-size:22px;font-weight: 300;} /*===================================== = Blogger Widgets =====================================*/ .widget-item-control{display:none!important} .item-title{line-height:18px} .PopularPosts .widget-content ul li{padding:0} #ArchiveList select{background-color:#EEE;border:1px solid #DDD;border-radius:5px;padding:8px;width:100%;cursor:pointer;font:$(body.font)} .PopularPosts .item-thumbnail{float:right;margin:0 5px 5px 0} #sidebar-wrapper .item-snippet{margin-top:-5px;line-height:1.4em;float:left;width:225px} .sidebar .LinkList li:before,.footer .LinkList li:before{content:"\f101";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px} .FollowByEmail td{float:right;width:100%} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%!important;margin-right:0!important;border-radius:0!important;height:35px!important;border:1px solid $(main.color)!important;background-color:$(main.color);font:$(body.font);font-size:12px;color:#FFF!important} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{border:1px solid $(main.color)!important;background:#FFF;color:$(main.color)!important} .FollowByEmail .follow-by-email-inner .follow-by-email-address{height:35px!important;border:0!important;text-align:center;border:1px solid #EEE!important;margin-bottom:5px;font:$(body.font);font-size:12px} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #EEE!important} .email-icon{position:absolute;top:12px;color:$(main.color);left:15px} .list-label-widget-content ul li{list-style:none;padding:0} .list-label-widget-content ul{padding:0} .list-label-widget-content ul li a{display:block;padding:7px 10px;color:#777;border-bottom:1px solid #EEE;background-color:#FAFAFA;margin-bottom:2px;font-size:12px} .footer .list-label-widget-content ul li a{border-bottom:1px solid #312E2E;background-color:#313131} .list-label-widget-content ul li a:hover{background-color:$(main.color);color:#FFF!important;text-decoration:none;padding-right:15px} .footer .list-label-widget-content ul li a:hover{background-color:$(main.color)} .list-label-widget-content ul li a:before{content:"\f02c";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .Label span{display:none} .cloud-label-widget-content{margin-top:20px} .cloud-label-widget-content span{display:inline-block;font-size:100%!important;min-height:30px;line-height:2em;margin-bottom:5px} .cloud-label-widget-content span span{background-color:#f0f0f0;color:#111;padding:0 15px} .cloud-label-widget-content span a{background-color:#f0f0f0;color:#111;padding:5px 15px} .cloud-label-widget-content span a:hover{background-color:$(main.color);color:#fff;text-decoration:none} .footer .cloud-label-widget-content span a{background-color:#313131;color:#999} .footer .cloud-label-widget-content span a:hover{background-color:$(main.color);color:#fff!important} .list-label-widget-content ul li a:before{margin-left:5px} .cloud-label-widget-content span{float:right;margin:0 0 0 3px} .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget{max-width:none;margin-bottom:15px} .contact-form-name,.contact-form-email,.contact-form-email-message{background-color:#f3f3f3;border:0} .footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{background-color:#3D3A3A;border:0;color:#fff;overflow:hidden} .contact-form-button-submit{max-width:none;width:100%;height:35px;border:0;background-image:none;background-color:$(main.color);cursor:pointer;font:$(body.font);font-style:normal;font-weight:400} .contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{border:0;box-shadow:none} .contact-form-name:hover,.contact-form-email:hover,.contact-form-email-message:hover{border:0;box-shadow:none} .contact-form-button-submit:hover{background-color:#222;background-image:none;border:0} #sidebar-wrapper .contact-form-widget .form{padding:15px;background-color:#FFF} .footer .contact-form-widget{padding:0 15px} .footer .contact-form-widget .form{padding:5px} /*===================================== = footer =====================================*/ #footer-wrapper .footer{width:25%;float:right} #footer-wrapper{overflow:hidden;background-color:#333;color:#fff} #footer-wrapper .footer .widget-content{margin:10px} #footer-wrapper .footer h2{background-color:$(main.color);color:#fff;padding:20px 0;text-align:center;font-weight:400;margin:0 0 25px;font-size:15px;text-transform:uppercase} #footer-wrapper a{color:#999} #footer-wrapper a:hover{color:$(main.color)} #copylefts{background-color:#222;text-align:center;padding:30px 0;color:#9B9B9B} /*===================================== = Products and item page styles =====================================*/ .blog-posts{overflow:hidden} #blog-pager{clear:both;margin:20px 0;padding:10px 0;font-size:15px} #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background:$(main.color);color:#fff;padding:10px 10px 9px;text-decoration:none} #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background:#000;color:#fff;padding:10px 10px 9px;text-shadow:1px 0 1px #000} .showpageOf{display:none;background:$(main.color);color:#fff;padding:10px 10px 9px} .item .post-title { font-size: 25px; font-weight: 600; text-transform: capitalize; margin-bottom: 5px; margin-top: 10px; } .Phead-right .item_name{float:right} .Phead-right{overflow:hidden;float:right} Phead-left { float: right; font-family: nak1ha; font-size: 18px; border-top: 1px solid #ddd; text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; margin-top: 10px; border-bottom: 1px solid #ddd; } .Phead-left { padding-bottom: 15px; margin-bottom: 15px; float: right; width: 100%; border-bottom: 1px solid #ddd; } .Phead-left .item_price{float: right; padding: 10px; color: #fff; background-color: #111; text-align: center; } .Phead-left a {float: right; background-color: #FA411E; color: #fff; padding: 10px; padding-right: 20px; padding-left: 20px; text-align: center;} .Phead-left .fa{margin-left:5px} .index .item_add { background-color: #fa411e; display: block; text-align: center; height: 80px; line-height: 80px; color: white; } .index .item_add .fa{margin-left:5px} .index .item_price{position:absolute;top:0;left:0px;background-color:$(main.color);color:#fff;height: 40px; width: 40px; text-align: center; line-height: 40px; overflow: hidden; font-family: nak1ha; font-size: 20px; opacity: .8;} .item_image{ float: right; width: 50%; overflow: hidden; height: 380px; overflow: hidden; background-color: #EBE2D9; text-align: center;border:0!important } .item_image img { border: 0; background: #EBE2D9; padding-top: 20px; padding-bottom: 20px; max-height: 100%;} .index .post-outer{width:31.83%;margin-left:1.5%;margin-bottom:15px;float:right;overflow:hidden;height:390px} .post-home{height:300px;overflow:hidden;position:relative} .imco{width:100%;height:300px;overflow:hidden;background-color:#fa411e;text-align: center;} .imco a{display:block} img.item_thumb.post-thumbnail { max-width: 100%; margin: 0px!important; max-height: 100%; } .index .post-outer:hover img{opacity:.3;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)} .post-home .post-title{position:absolute;bottom:-100%;text-align:center;margin-top:-20px;padding:10px;font-size:20px;font-weight:400;line-height:30px;width:100%} .post-home .post-title a{color:#fff} .index .post-outer:hover .post-title{bottom:160px} .index .jump-link{position:absolute;top:-100%;width:100%;text-align:center;padding:10px 0} .index .post-outer:hover .jump-link{top:340px} .index .jump-link a{color:#fff} .item #blog-pager{display:none} #blog-pager{clear:both} .item .post-outer .post{background-color:#fff;padding:50px} .static_page .post-outer .post{background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifRBxHpkIqOQbD7XACxXDhyphenhyphenqNp4qSJqziImlEZXDtzePn1QPrB-0GFzuA4wW9GAZAAJT0sexk-BiUIsykntseVdY8HaO9EdcU3KrwzdJcbRpY-NHZ9yHRp6kaisZKwk3oaJLdpPgEnpaJF/s1600/tr.png) fixed;padding:50px} .item .post-body{line-height:25px;font-size:15px;} /*===================================== = Comments =====================================*/ #comments{background-color:#F3F3F3;padding:50px;margin-top:0} .comments .avatar-image-container{max-width:none;width:80px;max-height:none;margin-left:15px} .comments .avatar-image-container img{width:80px;height:80px;max-width:none;max-height:none;border-radius:5px} .comments .comment-block{margin-right:95px;background-color:#FFF;padding:15px;border-radius:5px} .comments .comments-content .comment-content{font-weight:400} /*===================================== = Custom home widgets (Contact & Testimonials) =====================================*/ #contact{position:fixed;bottom:0;left:1%;background-color:#EEE;color:#555;width:300px;z-index:1.0E+15} #contact h2.title{font-weight:400;background-color:$(main.color);color:#FFF;padding:8px 15px;font-size:16px;cursor:pointer;text-align:center} #contact h2.title .fa{position:absolute;right:10px;top:12px} #contact .contact-form-widget{padding:30px;display:none} #contact *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#DDD;color:#111;border:0;padding:10px 5px;font:$(body.font)} #testimonials{position:relative;overflow:auto;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} #testimonials li{list-style:none} #testimonials .dots{top:30px;width:auto} #testimonials ul li{float:right} #testimonials{background-color: rgba(0, 0, 0, 0.59); color: #fff; padding-bottom: 50px; text-align: center;} #back_div { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE6-zQltMRnSz_Q1-pBoEsuHLGh_lLKtJksK8Et33MKoly1P3chEMi1HnbDznbMQvYLLFaiS-8rJpZ8Ty-wsoclnTXVcdkR-YxV1g5pwGQ1q2GD8ZQIZVsM71uVrQr7f51xjlUQxTP9eE/s1600/Blurry-City-Night-Photography-Wallpaper.jpg); } #testimonials .section{max-width:1200px;margin:0 auto} #testimonials img{width:100px;height:100px;border-radius:50%;margin:30px 0} #testimonials h2.testititle{margin-bottom: 30px; text-transform: uppercase; font-weight: 400; font-size: 25px; padding: 30px; font-family: nak1ha; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.38); } #testimonials .widget h2{font-weight:600;font-size:22px} #testimonials .caption { font-weight: 300; font-size: 21px; line-height: 30px; } #testimonials .widget:before{content:"\f10e";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:20px;color:$(main.color);font-size:50px;position:absolute;right:0;top:20%} #testimonials .widget:after{content:"\f10d";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:20px;color:$(main.color);font-size:50px;position:absolute;left:0;top:20%} .postmeta-primary { width: 500px; margin-right: 20px; float: right; } /*===================================== = Responsive Design =====================================*/ @media (min-width: 1200px) { #slider .widget-content .caption{bottom: 40%;} } @media screen and (max-width: 1210px) { .row,#testimonials .section{max-width:1000px} #menu ul li:nth-child(1n+7){display:none} .index .post-outer{width: 31.33%; margin-left: 1%; margin-right: 1%;} #slider-container,.slider-img,.slider-load{height:550px} } @media screen and (max-width: 1110px) { .item_image { width: 100%; } .postmeta-primary { width: 100%; margin-top: 20px; } .Phead-left {border:0px;margin:0px;} .row,#testimonials .section{max-width:800px} #menu ul li:nth-child(1n+5){display:none} .index .post-outer{width:47.5%;margin-left:1.5%} #newsletter .right{float:none;text-align:center;margin-bottom:30px} #newsletter .left{float:none;text-align:center} .ntitle:before{display:none} #newsletter input.submit{width:100%;margin-top:10px} #newsletter input.address{width:100%} #footer-wrapper .footer{float:none;width:100%;max-width:350px;margin:20px auto} #slider .widget-content .caption{display:none} #slider .widget h2{top:50%;margin-top:-40px} } @media screen and (max-width: 810px) { .contact_billing_templateism .item-name, .contact_billing_templateism .item-price, .contact_billing_templateism .item-quantity, .contact_billing_templateism .item-total, .contact_billing_templateism .item-remove { width: 100%!important; padding: 0!important; margin: 0px!important; border: 0!important; text-align: center; } .contact_billing_templateism .simpleCart_total { text-align: center; } .contact_billing_templateism a.simpleCart_checkout{float:none!important;} .menu-cart.check .mycart { text-align: center; } .menu-cart.check .simpleCart_total {float: none;} .menu-cart.check a.simpleCart_checkout {margin-left: 50px;} div#related-posts img { width: 100%!important; height: auto!important; border: 0px; padding: 0px; } div#related-posts a { width: 100%; text-align: center; border: 0px!important; padding: 0px!important; } div#related-posts div { margin: 0px!important; width: 100%!important; } .item_image { width: 100%; } .postmeta-primary { width: 100%; margin-top: 20px!important; } .Phead-left {border:0px;margin:0px; float: right; width: 100%;max-width:100%;} .row,#testimonials .section{max-width:400px} #menu ul li:nth-child(1n+5){display:none} .index .post-outer{width:100%;margin-left:0} #slider .widget h2{font-size:18px;bottom:10px;top:360px} #header{width:100%;float:none;text-align:center;max-width:none;width:100%;float:none;text-align:center;max-width:none} #info-sec,#social-sec{text-align:center;float:none;width:100%;overflow:hidden;margin-bottom:5px;height:auto} #top-wrapper{height:auto} #social-sec li{float:none} #header-wrapper{height:100%} .menu-cart{float:none;clear:both;max-width:180px;margin:20px auto} #newsletter{padding:30px 10px} .row{padding:0 10px} #menu{float:none} .js #nav{display:none} .js .selectnav{display:block} .selectnav{border:0;width:100%;max-width:300px;height:40px;padding:0 30px;margin:auto;font-style:normal;font-weight:400;font-size:13px;background-color:#fff;border:1px solid #DDD;border-radius:5px;cursor:pointer;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KyxVcp9WovbZuL2bVeIwgDV7BqRouZz5PYePIjU423IFocudoVrZbhPODqCk7EmBNVDKd8iEi5adkuGkpgo3HsSYaFr7AJykJfSA9wEg9Izu7GkM-2-Bb5GMOZojj_FWo8yhn7f-JtZT/s1600/threelines.png) no-repeat right #fff;background-size:30px;overflow:hidden;-webkit-appearance:none;font:$(body.font)} .Phead-right{float:none;text-align:center} .Phead-right .item_name{float:none;display:block} .post-body *{margin:0;} .item .post-outer .post,#comments{padding:20px}} .selectnav{display:none} /*===================================== = Related Posts =====================================*/ div#related-posts img { background: #EBE2D9;} div#related-posts { float: right; border-top: 1px solid #ddd; padding-top: 20px; margin-top: 30px; } div#related-posts h2 { margin-bottom: 15px; font-weight: 600; } /*===================================== = Post Body =====================================*/ div#slider-container li { display: block; } div#slider-container ul { margin: 0px; padding: 0px; } .popular-posts li { display: block; } .post-body div { display: block; clear: none!important; } .post-body .separator { display: block; clear: none!important; } span.author { float: right; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 20px; } span.meta_date { float: right; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; } .post-body h4 { font-size: 20px; line-height: 25px; margin-bottom: 10px; float: right; width: 100%; } .post-body img { background: #EBE2D9; padding-top: 0; padding-bottom: 0; } .item-snippet { text-shadow: none; font-weight: 400; color: #828282; height: 60px; overflow: hidden; margin-bottom: 13px; } .item-title a { color: #fff!important; } .postdata { float: right; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 20px; } a.item_add.productad { background: #111; color: #fff; } a.checkc { background: #4e5563; background: #00ab6f; padding: 10px; float: right; color: #fff; border-radius: 5px; } a.continues { background: #4e5563; padding: 10px; float: right; color: #fff; border-radius: 5px; margin-left: 10px; } a.continues:hover,a.checkc:hover { background: #111; } .item a.item_add.productad { background: #00ab6f; color: #fff; } div#comments h4 { font-size: 20px; } .menu-cart.check { width: 100%; max-width: 100%; } span.thecomments.add:before { content: " / "; } .post-body h1 { line-height: 40px; font-size: 35px; margin-bottom: 10px; } .post-body h2 { line-height: 35px; font-size: 30px; margin-bottom: 10px; } .post-body h3 { line-height: 30px; font-size: 25px; margin-bottom: 10px; } /*** Checkout ***/ .contact_billing_templateism .simpleCart_checkout { padding: 0px!important; margin: 0px!important; } .contact_billing_templateism { padding: 40px; width: 100%; float: right; background: #fff; margin-bottom: 40px; } .submit_billing_templateism { float: left; border: 0px; background: #FA411E; padding: 10px; color: #fff; font-size: 18px; font-family: nak1ha; margin-top:20px; } .submit_billing_templateism:hover{background:#111;} p.paypallogo { width: 100%; margin-bottom: 30px; } p.infos { font-size: 18px; margin-bottom: 20px; border-bottom: 1px solid #ddd; float: right; width: 100%; padding-bottom: 40px; color: #FA411E; } .contact_billing_templateism h2 { font-size: 30px; font-weight: 400; } .contact_billing_templateism .form { color: #FA411E;font-size: 20px; } .contact_billing_templateism .form br { margin-bottom: 10px; float: right; width: 100%; content: ''; } .name_billing_templateism,.email_billing_templateism,.details_billing_templateism{padding: 10px; width: 100%; margin-bottom: 40px; font-size: 18px; font-family: nak1ha; border:1px solid #ddd;} .details_billing_templateism { height: 350px; } .contact_billing_templateism .item-decrement,.contact_billing_templateism .item-increment { display: none!important; } .contact_billing_templateism .item-thumb {display:none;} .contact_billing_templateism .item-quantity:before { content: ' x '; } .contact_billing_templateism .item-price { float: right; border-left: 1px solid #ddd; padding-left: 20px; padding-right: 20px; border-right: 1px solid #d2d2d2; margin-right: 20px; margin-left: 20px; margin-bottom: 0px; width: 15%; } .contact_billing_templateism .item-name { float: right; margin: 0px; width: 35%; } .contact_billing_templateism .item-quantity { font-size: 20px; float: right; padding-left: 20px; border-left: 1px solid #d2d2d2; margin-left: 20px; width: 15%; } .contact_billing_templateism .item-total { font-size: 20px; float: right; margin: 0px; width: 15%; } .contact_billing_templateism .simpleCart_items { width: 100%; margin-bottom: 40px; } .contact_billing_templateism .headerRow { display: none; } .contact_billing_templateism .itemRow { margin: 0px; background: #FBFBFB; width: 100%; } .contact_billing_templateism .simpleCart_total { float: left; width: 100%; font-size: 25px; color: #111; } /*** Cart ***/ span.orange { color: #FA411E; } .menu-cart.check .simpleCart_checkout { margin-top: 20px; font-family: nak1ha; padding: 10px; float:left; } .menu-cart.check h2 { float: right; width: 100%; color: #111; font-weight: 400; font-size: 30px; margin-bottom: 40px; } .menu-cart.check p.itemscart { float: right; width: 100%; color: #111; font-size: 20px; margin-bottom: 40px; } .menu-cart.check .simpleCart_total:before { content: 'Total: '; color: #FA411E; } .menu-cart.check .mycart { background: #fff; color: #111; font-size: 25px; } .menu-cart.check .simpleCart_total { float: left; } .menu-cart.check .simpleCart_empty { float: right; margin-top: 20px; padding: 10px; } .menu-cart.check .simpleCart_checkout { margin-top: 20px; padding: 10px; } .menu-cart.check .bag { display: block!important; } .menu-cart.check .bag { position: relative; z-index: 0; } .menu-cart.check .home { display: none; } /* عناوين --------------------------- */ .post h4 { color: #FA411E; position: relative; display: block; margin: 10px 0; font-size: 17px; padding: 8px 0px; height: 50px; line-height: 25px; font-weight: 500; letter-spacing: 1px; text-align: right!important; border-bottom: 2px solid #ccc; } .post h4::before { content: ""; position: absolute; height: 2px; width: 32px; background-color: #FA411E; bottom: -2px; left: initial !important; right: 0; } .post h4:after { content: "\f00c"; display: block; background-color: #FA411E; font-family: FontAwesome; height: 28px; width: 32px; line-height: 28px; font-size: 14px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; float: right; margin-right: 0; margin-left: 10px; color: #FFF; } .item .post h3 { color: #FFFFFF; position: relative; display: block; margin: 30px 0; font-size: 17px; padding: 8px 10px; border: 2px solid #FA411E; height: 50px; line-height: 25px; background-color: #FA411E; font-weight: 500; letter-spacing: 1px; text-align: right!important; } .item .post h3::after { content: "\f0de"; font: 35px fontawesome; margin-right: 5px; position: absolute; top: -16px; right: 0; color: #FA411E; } /* تعداد رقمي --------------------------- */ .post ol{ counter-reset: li; list-style: none; margin-top: 6px; } .post ol li { position: relative; margin: 5px 0px !important; padding: 10px 25px !important; background: #eee; border: 1px solid #FA411E; text-indent: 14px; line-height: 10px; height: 40px; } .post ol li:before { content: counter(li); counter-increment: li; position: absolute; right: 5px; width: 27px; padding: 3px; color: #fff; background: #FA411E; text-indent: 7px; border-radius: 0px; height: 28px; margin-top: -5px; line-height: 13px; } /* تعداد نقطي --------------------------- */ .post ul li { list-style: none; position: relative; margin: 5px 0px !important; padding: 10px 19px !important; background: #eee; border: 1px solid #FA411E; text-indent: 14px; height: 40px; line-height: 18px; } .post ul li:before { position: absolute; right: 0; padding: 3px; color: #FA411E; text-indent: 7px; border-radius: 0px; margin-top: 0; line-height: 31px; content: "\f111"; font: normal normal normal 14px/1 FontAwesome; } /* ------------------------------ * ازرار التحميل * ------------------------------ */ #wrap {margin:20px auto;text-align:center;} a.btn { display: inline-block; position: relative; text-decoration: none; font-family: nak1ha; font-weight: 100; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #FA411E; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; border: 1px solid #FA411E; } a.btn:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn::before { color: #FA411E; display: -webkit-inline-box; content: "\f06e"; font-family: fontawesome; margin: 0 0 0 5px; } a.btn:hover::before { color: #fff; } a.btn2 { font-family: nak1ha; display: inline-block; position: relative; text-decoration: none; font-weight: 100; background: #243750; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn2:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn2::before { color: #FFFFFF; display: -webkit-inline-box; content: "\f090"; font-family: fontawesome; margin: 0 0 0 5px; } #wrap { margin: 20px auto; text-align: center; } #wrap br { display: none; } .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 54px; width: 170px; line-height: 50px; padding: 0; border-radius: 10px; background: #FDFDFD; border: 2px solid #FA411E; margin: 10px; transition: .5s; } .btn-slide2 { border: 2px solid #243750; } .btn-slide:hover { background-color: #FA411E; } .btn-slide2:hover { background-color: #243750; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #FA411E; } .btn-slide2:hover span.circle2 { color: #243750; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #FA411E; color: #fff; position: absolute; float: left; margin: 5.4px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 10%; } .btn-slide2 span.circle2 { background-color: #243750; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; font-family: nak1ha; left: 60px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: normal; color: #FA411E; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #243750; left: 60px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff; } ]]>

أحدث التصاميم والخدمات

آراء الزبناء

معلومات العربة: