html { padding: 0; margin: 0; color: #333333; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin: 0; padding: 0 } body { width: 100%; overflow-x: hidden; background-color:#ededed; -webkit-appearance: none; } :focus { outline: none } li { list-style-type: none } a { color: #575757 } .cur { cursor: pointer } img, iframe { max-width: 100%; border: 0 } .clear { clear: both; display: block; height: 0; visibility: hidden } .hidden { visibility: hidden } .relative { position: relative } .absolute { position: absolute } .floatLeft { float: left } .floatRight { float: right } .table-auto { display: table; margin: 0 auto } a { outline: none; text-decoration: none; cursor: pointer } #maincontainer { width: 100%; overflow-x:hidden; } .footerMenu a:hover,.footerMenu a.active{ color:#385072; } #footerContent{ width:92%; margin:20px auto; padding:10px 2%; -moz-box-shadow: 0px 2px 10px 1px #ccc; -webkit-box-shadow: 0px 2px 10px 1px #ccc; box-shadow: 0px 2px 10px 1px #ccc; } #mainContent{ width:96%; background:#fff; display:table; margin:0px auto; padding-top:10px; padding-bottom:15px; } #desktopMenu{ width:100%; } #desktopMenu a{ display:block; padding:16px 20px; color:#000; text-transform:capitalize; text-align:center; } .parentCat.active{ background-color:#385072 !important; color:#FFF !important; } .parentCat:hover{ background-color:#FFF; } #desktopMenu.fixed{ position:fixed; top:0; z-index:100; } #menuHolder{ width:97%; display:table; margin:0 auto; position:relative; } #langs a{ display:inline-block; text-align:center; width:25px; } #langs a:hover,#langs a.active{ color:#385072; } .submenu{ width:140px; background-color:#fff; -moz-box-shadow: 0px 2px 10px 1px #ccc; -webkit-box-shadow: 0px 2px 10px 1px #ccc; box-shadow: 0px 2px 10px 1px #ccc; position:absolute; padding:10px 2%; z-index:100; visibility:hidden; } .submenu.active{ visibility:visible; } .submenu li{ float:none !important; list-style-type:circle; } .submenu li a{ padding:5px 0px !important; font-size:14px !important; } .submenu li a:hover,.submenu li a.active{ color:#385072 !important; } #mainMenu,#footerContent{ background-color:#ededed; } #mainMenu{ width:100%; } #veryTopSection{ width:96%; position:relative; padding:10px 2%; margin-bottom:20px; } #moreCategoriesListHolder{ width:180px; position:relative; } #moreCategoriesList{ position:absolute; background-color:#ededed; } #moreCategoriesList li{ width:100%; } #moreCategoriesList li a{ font-size:16px; padding:10px; } /*=======================*/ #mainListing{ width:96%; padding:0px 2%; margin-top:20px; } #mainListing.inDetails{ width:100%; padding:0; margin-top:20px; } .productBox{ width:23.5%; margin-bottom:40px; background-color:#fff; position:relative; box-shadow:0px 0px 5px #000; } .newsBoxImage{ width:100%; height:180px; overflow:hidden; } .newsBoxImage.ads{ height:245px; } .productBox .newsBoxImageBg{ width:100%; height:100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -o-transition:all ease .5s; transition:all ease .5s } .productBox:hover .newsBoxImageBg{ transform:scale(1.1); } .productBox:hover .newsBoxTitle{ color:#385072; } .newsBoxCategory{ display:block; padding:5px 10px; background-color:#385072; color:#FFF; font-weight:700; position:absolute; top:0; z-index:10; text-transform:capitalize; } .newsBoxTitle{ height:52px; padding:2% 3%; font-size:1.4em; color:#222; font-weight:700; line-height:1.5em; } .homeGoogleAdSense{ width:100%; margin-bottom:40px; } #developedBy{ float:right; margin-left:2%; font-weight:700; color:#fff; } #newsDetails{ max-width:97%; margin:25px auto; } #newsDetailsImage{ padding:2%; border:1px solid #eee; } #newsDetailsImage img{ display:table; margin:0 auto; } #newsDetails .pdHolder{ width:100%; } .pdInfoBlock{ font-size:18px !important; border-top:1px solid #eee; padding:15px 0px; } .pdInfoBlock.price{ color:#385072; text-transform:capitalize; font-weight: 700; } .pdInfoBlock.price span{ font-size: 19px; background: #f6f6f6; border: 1px solid #eee; border-bottom: 2px solid #eee; padding: 2px 10px; border-radius: 25px; } #sidebar{ width:25%; background-color:#efefef; padding:20px 1%; } #newsDetailsTitle{ font-size:25px; text-transform:capitalize; margin-bottom:15px; } .detailsTitleBlock{ display:inline-block; color:#000; text-transform:capitalize; font-size:15px; } #newsDetailsSource{ width:96%; padding:8px 2%; line-height:1.6em; background-color:#efefef; color:#000; } #newsDetailsDescription{ line-height:1.6em; padding: 15px 15px 10px; margin-bottom: 20px; border: 1px solid #ddd; } #newsDetailsVideo{ display:table; margin:0 auto; } #relatedNewsTitle{ text-align:center; margin-bottom:15px; color:#385072; font-weight:700; } #relatedNews li a{ display:block; background-color:#FFF; padding:11px 10px; margin-bottom:10px; line-height:1.6em; font-weight:700; } .relatedProductImage{ width:100%; overflow:hidden; } .relatedProductImage img{ -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -o-transition:all ease .5s; transition:all ease .5s } #relatedNews li a:hover img{ transform:scale(1.1); } .fb-share-button{ position:relative; top:-5px; } #whatsappIcon{ display:none; } #upArrow{ position:fixed; bottom:15px; cursor:pointer; display:none; z-index:99999; } #mobileMenu{ display:none; height:100%; position:relative; z-index:150; margin-top:20px; } #mobileMenuTitle{ width:100%; color:#FFF; font-weight:700; cursor:pointer; background-color:#BF1B26; padding:10px 0px; } #mobileMenuList{ background-color:#292525; display:none; } #mobileMenuList a{ display:block; width:100%; text-align:center; color:#FFF; padding:15px 0px; border-bottom:1px solid #FFF; } /* Main Slider */ .sliderTitle{ position:absolute; top:-75px; font-size:0px; padding:10px 25px; background:rgba(255, 255, 255, 0.8); transition:all ease 1s; border-radius: 1em; } .sliderDescription{ position:absolute; bottom:-75px; padding:10px 25px; background:rgba(255, 255, 255, 0.8); transition:all ease 1s; } .sliderDescription.active{ bottom:0; } #headerTopPhone2{ display:none; position:relative; top:40px; margin-bottom:20px; } #headerTopPhone,#headerTopPhone2{ font-size:16px; font-weight:bold; margin-bottom:20px; text-align:center; } #headerTopPhone label{ color:#000; } #headerTopPhone span,#headerTopPhone2 span{ color:#BF1B26; direction:ltr !important; display:inline-block; } #wafferByYasour,#wafferByYasour a{ font-weight:bold; font-size:18px; color:#385072; } #wafferByYasour a{ text-decoration:underline; } #topCart{ width:130px; margin-top:10px; padding-top:10px; border-top:1px solid #385072; } .productPrice{ background-color:#385072; color:#FFF; text-align:center; } #homeSidebar{ width:23%; margin-bottom:30px; } #mainSlider{ width:74%; } #topSearch{ width:345px; position:absolute; left:0; right:0; top:25px; margin:0 auto; } #topSearch input[type=text]{ position:relative; top:-1px; height:38px; border:1px solid #cbcbcb; border-radius:3px; padding:0px 15px 0px 15px; } .sliderImage{ width:100%; height:361px; } #mainBxSlider .bx-viewport img{ width:100%; } #searchBtn{ width:50px; height:40px; border:none; background:url(../images/searchIcon.jpg) no-repeat; cursor:pointer; } #searchBtn:hover{ opacity:0.9; } #addToCartHolder{ display:table; background-color:#385072; color:#FFF; font-size:15px; padding:5px 10px; -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.85); -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.85); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.85); } #addToCartHolder:hover{ background-color:#1a273a; } #addToCartBtn{ display:block; color:#FFF; font-size:18px; } #cartHolder,#searchHolder{ width:70%; } h1{ font-size:25px; border-bottom:1px solid #385072; padding-bottom:5px; margin-bottom:20px; } #cartTable thead td{ padding:10px; } #cartTable tbody td{ padding:10px 0px; } #cartTable thead tr{ color:#FFF; } #cartTable tbody td.main{ border-bottom:1px solid #385072; } .qtyInput{ width:30px; height:30px; } #cartTable a{ display:inline-block; } #cartTotalPrice{ font-size:18px; } .removeIcon{ cursor:pointer; } #placeOrder{ padding:5px 20px; background-color:#385072; color:#FFF; margin-top:15px; } .searchResult{ border-bottom:1px solid #333; padding-bottom:15px; margin-bottom:15px; } .searchResult{ font-size:15px; } .searchResult a{ color:#385072; font-weight:700; } #searchHolder h3{ font-size:18px; margin-bottom:5px; } #searchHolder h3 a:hover{ color:#385072; } #goToCartLinkFromDetails{ font-size:14px; border-bottom:1px solid #000; font-weight:bold; } .footerMainCat{ font-size:18px; text-transform:capitalize; display:block; margin-bottom:5px; } .footerSubCat{ display:block; font-size:14px; text-transform:capitalize; } #footerMenu li a:hover,#footerMenu li a.active{ color:#385072; } #footerPhoneNb{ font-weight:700; font-size:30px; direction:ltr; } #footerPhoneNb a{ color:#BF1B26; } .mobileSubMenu{ display:none; background-color:#484141; } .mobileSubMenu a.active{ font-weight:bold; text-decoration:underline; } .borderedRedTitle{ border-bottom:1px solid #385072; margin-bottom:20px; } .borderedRedTitle span{ display:inline-block; background-color:#385072; padding:5px 20px; color:#FFF; font-size:19px; } #gallery{ position:relative; z-index:999; margin-top:10px; } .hotOffersContainer .bx-wrapper .bx-viewport{ border:none !important; box-shadow:none !important; height:246px; } .hotOffersContainer .productBox{ box-shadow:none !important; margin-bottom:0px; margin-left:0px !important; border:1px solid #000; } #loadMoreBtnHolder{ display:table; margin:0 auto; color:#000; font-size:15px; } #loadMoreBtnHolder a{ display:block; color:#FFF; padding:7px 15px; background-color:#385072; } #pdPicGallery{ width:50%; } #pdInfo{ width:47%; } .pdGalThumb{ width:19%; height:65px; overflow:hidden; margin-bottom:5px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; cursor:pointer; } .galLargePic{ display:none; } #newsDetailsImageBg{ transition: background 0.5s linear; width:100%; height:100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } #orderForm{ display:none; background-color:#ededed; font-size:17px; } .textInput{ width:280px; height:30px; background-color:#FFF; border:1px solid #000; } #orderForm input[type=button]{ border:none; background-color:#385072; color:#FFF; padding:5px 15px; text-transform:capitalize; font-size:15px; cursor:pointer; } #orderForm input[type=submit]:hover{ background-color:#981b23; } #orderForm textarea{ height:100px; resize:none; } .errorBorder{ border:2px solid #F00 !important; } #orderSuccess{ display:block; padding:10px 2%; color:#060; font-weight:bold; } .soldOutIcon{ position:absolute; left:32%; top:0; } #pdPicGallery{ float:left; } #pdInfo{ float:right; } #subCatList{ margin-bottom:60px; margin-top:10px; } /*=============*/ @media all and (max-width:1245px){ #mainListingUL .newsBoxImage{ height:145px; } } @media all and (max-width:1200px){ #mainMenu a{ font-size:14px !important; } } @media all and (max-width:1120px){ .newsBoxTitle{ font-size:1em; } .sliderTitle{ font-size:30px !important; } .sliderTitle.active{ left:120px !important; } } @media all and (max-width:1010px){ #footerMenu{ display:none; } #footerContact,#websiterz{ float:none !important; display:table; margin:0 auto; } #websiterz{ margin-top:20px; } } @media all and (max-width:950px){ #mainListingUL .newsBoxImage{ height:230px; } } @media all and (max-width:924px){ #logo{ width:26%; } } @media all and (max-width:890px){ #desktopMenu a{ padding:15px 10px; } #sidebar{ width:100%; margin-top:50px; } /*#newsDetails .pdHolder{ width:100%; }*/ #relatedNews li{ width:70%; } #newsDetails .right{ width:100%; float:none; } .adContainer{ display:none; } #mainSlider{ width:100%; } #mainSlider .sliderImage{ background-size:contain !important; background-position:top center !important; } #mainSlider .bx-viewport{ height:245px !important; } } @media all and (max-width:760px){ #homeSidebar{ display:none; } #cartHolder{ width:100%; } #logo{ width:auto; margin:0; } #mobileMenu{ display:block !important; } #mainMenu{ display:none !important; } header{ height:auto; } .sliderTitle{ padding:10px 2%; width:96%; font-size:21px !important; } .sliderTitle.active{ top:0 !important; border-radius:0; } #menuHolder{ width:100%; } #desktopMenu{ background:#FFF; } #langs a{ color:#000; } #langs a:hover, #langs a.active{ background-color:#000; color:#FFF; } #topSearch{ width:auto !important; position:relative; margin:0 auto; top:25px; display:table; } #topSearchTable{ margin-bottom:15px; } #langsAndCart{ position:absolute; top:20px; } } @media all and (max-width:724px){ #mainBxSlider .bx-viewport{ height:225px !important; } #headerTopPhone{ color:#BF1B26 !important; } } @media all and (max-width:664px){ #mainBxSlider .bx-viewport{ height:200px !important; } #pdPicGallery,#pdInfo{ width:100%; } #pdInfo{ margin-top:20px; } #newsDetailsDescription table{ width:100%; overflow:auto; } } @media all and (max-width:624px){ #relatedNews li{ float:none !important; width:100% !important; } .footerMenu{ float:none !important; } } @media all and (max-width:614px){ .newsBox{ width:100% !important; } #whatsappIcon{ display:block; } .newsBoxTitle{ height:auto; } #veryTopSection{ padding:0px 2%; } } @media all and (max-width:580px){ #mainBxSlider .bx-viewport{ height:180px !important; } #mainListingUL .productBox{ width:100% !important; } } @media all and (max-width:534px){ #mainBxSlider .bx-viewport{ height:150px !important; } .bx-wrapper .bx-next{ right:40px !important; } .bx-wrapper .bx-prev,.bx-wrapper .bx-next{ top:38% !important; } } @media all and (max-width:470px){ #mainBxSlider .bx-viewport{ height:130px !important; } /*.productBox .newsBoxImageBg{ background-size:contain !important; }*/ } @media all and (max-width:450px){ #orderForm table{ width:100%; } .textInput{ width:100%; } } @media all and (max-width:424px){ #mainBxSlider .bx-viewport{ height:85px !important; } .sliderImage{ height:185px !important; } #mainSlider .sliderImage{ -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } } @media all and (max-width:425px){ /*#newsDetailsImage{ height:230px; }*/ .pdGalThumb{ width:32%; } } @media all and (max-width:400px){ .sliderTitle{ font-size:12px !important; } #logo img{ max-width:40%; display:block; margin:0; } #topSearch{ margin-top:25px; } }