body { font-family: 'Open Sans', sans-serif; direction:rtl;}
body,div,h2,h3,h4,h5,h6,span,b,storng, { float:right !important;}

header { width:100%; height:auto;}
header .topmain { width:100%; height:auto; background:#323232; padding:15px 0px;}
header .topmain .langu { width:100%; height:auto;}
header .topmain .langu ul { width:auto; margin:0px; padding:0px; border:1px solid #42b548; border-radius:2px; display:inline-block;}
header .topmain .langu ul li { width:auto; height:auto; padding: 6px 40px; display:inline-block; color:#fff; text-align:center;}
header .topmain .langu ul li a { color:#fff;}
header .topmain .langu ul li a:hover { text-decoration:none;}
header .topmain .langu ul li:hover { background:#42b548;}
header .topmain .langu ul li:hover>a { color:#fff;}
header .topmain .langu ul .active{ background:#42b548; color:#fff;}
header .topmain .text-right { text-align:left;}

header .sociallink { width:100%; height:auto;}
header .sociallink ul { margin:0px; padding:0px;}
header .sociallink ul li { display:inline-block; border:1px solid #a1a194; border-radius:2px; min-width:35px; text-align:center; padding:5px 0px; margin:0px 0px 0px 0px}
header .sociallink ul li a { color:#a1a194;}
header .sociallink ul li:hover {background:#42b548; color:#fff; border:1px solid #42b548;}
header .sociallink ul li:hover>a { color:#fff;}


#menumain { width:100%; height:auto; padding:10px 0px;}
#menumain .navbar-default .navbar-nav > li { margin-left: 10px;}
#menumain .navbar-default .navbar-nav > li > a { text-transform:uppercase; font-weight:700; padding-top: 8px; padding-bottom: 8px;}
#menumain .navbar-default .navbar-nav > li:nth-last-of-type(2) { border: 2px solid #42b548; border-radius: 2px; min-width: 110px; text-align: center;}
#menumain .navbar-default .navbar-nav > li:nth-last-of-type(2) a { padding-top:6px; padding-bottom:6px;}
#menumain .navbar-default .navbar-nav > li:last-child { border:2px solid #42b548; border-radius:2px; background:#42b548; min-width: 110px; text-align:center;}
#menumain .navbar-default .navbar-nav > li:last-child a { color:#fff; padding-top:6px; padding-bottom:6px;}
#menumain .navbar-nav > li { float: left; margin-top: 20px; float: right;}
#menumain .navbar-header { float:right;}


#bannermain { width:100%; height:auto;}
#bannermain .carousel-control { background:none;}
#bannermain .carousel-inner .item { background:#000;}
#bannermain .carousel-inner .item img { opacity:0.6;}
#bannermain .carousel-inner .item .carousel-caption { text-align:left; top:209px; text-shadow:none; width: 472px;}
#bannermain .carousel-inner .item .carousel-caption h1 { width:100%; color:#fff; display:inline-block; text-align:right; direction:rtl; text-transform:uppercase; margin:0px 0px 13px 0px; padding:0px; font-size: 25px;}
#bannermain .carousel-inner .item .carousel-caption h2 { width:100%; color:#fff; display:inline-block; text-align:right; direction:rtl; text-transform:uppercase; margin:0px; padding:0px; background:rgba(66,181,72,0.8); padding:8px 10px; margin-bottom:15px;  font-size:40px; font-weight:700;}
#bannermain .carousel-inner .item .carousel-caption p { width:auto; height:auto; color:#fff; direction:rtl; text-align:right;}


#searchmain { width:100%; height:auto;}
#searchmain .searchinner { width:100%; height:auto; background:#0072bc; border-radius:3px; padding:35px 20px; float:left; margin-top: -75px; position:relative;}
#searchmain .searchinner input { width:35%; padding:18px 22px; border:none; border-radius: 0px 2px 2px 0px; min-height:58px; float:right; border-left:1px solid #ccc;}
#searchmain .searchinner input::-moz-placeholder { color:#323232; opacity:1;}
#searchmain .searchinner select { width:35%; padding:18px 22px; border:none; min-height:58px;  float:right;  -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#searchmain .searchinner button { width:30%; background:#42b548; border:none; border-radius:0px 2px 2px 0px; min-height:58px; color:#fff; text-transform:uppercase; padding:18px 0px;}
#searchmain .searchinner button:hover { background:#000;}



#categorismain { width:100%; height:auto; margin:100px 0px; direction:rtl;}
#categorismain h4 { width:100%; height:auto; text-transform:uppercase; color:#333; text-align:center; font-size:21px; font-weight:700; position:relative; margin-bottom:40px;}
#categorismain h4:before { width:35%; height:20px;  left:0px; background:url(../images/line-bg.png) repeat-x; content:''; position:absolute; top:5px;}
#categorismain h4:after { width:35%; height:20px;  right:0px; background:url(../images/line-bg.png) repeat-x; content:''; position:absolute; top:5px;}
#categorismain .cateinner { background:#f4f4f4; text-align:center; border-radius:2px; padding:15px 0px; border:1px solid #e5e5e5; margin-bottom:20px; font-weight:700;}
#categorismain .cateinner a { color:#333;}
#categorismain .cateinner a:hover { color:#fff; text-decoration:none;}
#categorismain .cateinner:hover { background:#42b548; border:1px solid #42b548; color:#fff;}
#categorismain .cateinner:hover>a { color:#fff;}
#categorismain .cateinner:hover img { filter: brightness(0) invert(1);}
#categorismain img:hover { filter: brightness(0) invert(1);}



#calltocationmain { width:100%; height:auto; margin:80px 0px; border-top:1px solid #c4c4c4; padding:55px 0px 0px 0px;}
#calltocationmain .callto figure { width: 38%; display: inline-block; text-align: center; float:right;}
#calltocationmain .callto figure img:hover {filter: brightness(1) invert(0);}
#calltocationmain .callto p { width: 60%; display: inline-block; float: right; color:#9e9e9e;}
#calltocationmain .callto p span { text-transform:uppercase; color:#000; width:100%; float:left; font-weight:700; margin-bottom:10px;}
#calltocationmain .callto { float:right;}


footer { width:100%; height:auto; background:#202020; padding:27px 0px 0px 0px;}
footer .foot h2 { width:100%; height:auto; text-transform:uppercase; color:#42b548; font-size:15px; margin-bottom:35px;}
footer .foot ul { margin:0px; padding:0px; list-style:none; line-height:30px;}
footer .foot ul li { color:#969696;}
footer .foot ul li a { color:#969696;}
footer .foot ul li a:hover { color:#42b548;}
footer .foot p { color:#969696; margin-bottom:24px;}
footer .foot p span {width: auto; height: auto; min-width: 30px; float: left; text-align: center; float:right;}
footer .copyright { width:100%; height:auto; padding:20px 0px; text-align:center; background:#1a1a1a; margin-top:50px; color:#828282; font-size:13px;}
footer .foot figure { margin:15px 0px;}


.page_title { width:100%; height:auto; padding:15px 0px; background:#CCC;}
.page_title h2 { width:100%; height:auto; margin:0px; padding:0px; text-transform:uppercase; font-size:17px; text-align:center;}


.loginmain { width:100%; height:auto; margin:30px 0px;}
.loginmain .locin_inner { width:100%; height:auto; background:#eeeaea; padding:40px 29px; float:left; margin:90px 0px;}
.loginmain .locin_inner input {width: 100%; height: auto; border: none; padding: 20px 10px; margin-bottom: 15px;}
.loginmain .locin_inner button { width:100%; height:auto; border:none; padding:15px 8px; margin:10px 0px; font-size:14px; text-transform:uppercase; background:#42b548; color:#fff; text-decoration:none;}
.loginmain .locin_inner button:hover { background:#017bfe;}
.loginmain .locin_inner .forgotpassword { width:100%; height:auto; margin:10px 0px; text-transform:uppercase; color:#666;}
.loginmain .locin_inner .forgotpassword p { text-transform:capitalize;}
.loginmain .locin_inner .forgotpassword p a { color:#000;}
.loginmain .locin_inner .forgotpassword a { color:#666; text-decoration:none;}
.loginmain .locin_inner .forgotpassword a:hover { color:#000; text-decoration:underline;}
.loginmain .locin_inner .forgotpassword input { width:auto; display:inline-block; margin-right:5px;}
.loginmain .locin_inner .new-user a { color:#666; text-transform:uppercase; padding:15px 0px; display: inline-block;}
.loginmain .locin_inner .new-user a:hover { color:#000;}


.register_tab { width:100%; height:auto; margin-bottom:15px;}

.register_tab .btn {
    display: inline !important;
	width:50%;
	padding-left:0px;
	padding-roght:0px;
}

.register_tab .btn .fa-2x {
    font-size: 22px;
}

.register_tab .btn input {
    position:absolute;
	opacity:0;
}

.personalaccount { width:100%; height:auto;}
.businessaccount { width:100%; height:auto;}

.search-baar-bg { background:#0072bc;}
.search-baar-bg .searchinner { margin-top:0px !important;}

.pro-listingmain { width:100%; height:auto; margin:50px 0px;}
.pro-listingmain .products_main { width:100%; height:auto; border:1px solid #e4e6e6; padding:12px; min-height:309px; margin-bottom: 26px;}
.pro-listingmain .products_main:hover { box-shadow:0px 0px 3px #dedddd;}
.pro-listingmain .products_main a:hover { text-decoration:none;}
.pro-listingmain .products_main figure { margin:18px 0px}
.pro-listingmain .products_main h2 { font-size:14px; color:#2965be; margin:0px 0px 10px 0px; padding:0px;}
.pro-listingmain .products_main h3 { font-size:16px; color:#000; margin:0px 0px 10px 0px; padding:0px; font-weight:700;}
.pro-listingmain .products_main p { font-size:12px; color:#999;}
.pro-listingmain .filter { width:100%; height:auto; background:#f5f5f5; padding:13px; margin-bottom:15px; display:inline-block;}
.pro-listingmain .filter .filter_fild_main { width:100%; height:auto;}
.pro-listingmain .filter .filter_fild_main label { width:100%; height:auto; font-weight:300; font-size:14px;}
.pro-listingmain .filter .filter_fild_main select { width:100%; height:auto; border:none; padding:5px 3px;  background:url(../images/down-arrow.png) no-repeat #fff; background-position: 94% 49%; font-size:12px; color:#999; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;}













label.btn span {
  font-size:18px;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline; margin-right: 10px;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #42b548;    display: inline; margin-right:10px;
}
label:hover input[type="radio"] ~ i.fa {
color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}

div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid #c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}