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;
}
}