body {
    font-family: 'Sukar Regular', sans-serif;
    font-size: 14px;
    color: #5b5b5b;
}
h1, h2, h3, h4, h5, h6, strong, b {
    font-family: 'Sukar Bold', sans-serif;
    font-weight: 300 !important;
}
a, button, .btn, input, textarea {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
a, a:hover, a:focus, button, .btn, input, textarea {
    text-decoration: none !important;
    outline: none !important;
}
a, .btn-link {
    color: #0a145b;
}
a:hover, a:focus, .btn-link:hover, .btn-link:focus {
    color: #8b5a17;
}
.form-control {
    height: 50px;
    padding: 0 15px;
    box-shadow: none !important;
    border-width: 2px;
    border-color: #e5e5e5;
}
.form-control:focus {
    border-color: #8b5a17;
}
textarea.form-control {
    padding: 15px;
}
select.form-control {
    font-family: Tahoma;
    font-weight: 600;
}
.btn {
    box-shadow: none !important;
    border: none !important;
    height: 50px;
    padding: 0 15px;
    font-weight: 700;
    line-height: 50px;
}
#cart .dropdown-menu .btn {
    height: 27px;
    padding: 0 10px;
    line-height: 1;
}
.btn-primary {
    background: #0a145b;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #343f8c !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #343f8c;
}
.btn-danger {
	background: #ef3131;
	color: #fff !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #f01919 !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}
.btn-default {
    background: #ddd;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    background: #e5e5e5 !important;
}
.fa {
    font-size: inherit;
}
.storeFea {
    font-size: 12px;
}
.storeFea span i {
    margin: 0 0 0 3px;
}
.storeFea span {
    display: inline-block;
    margin: 0 0 0 15px;
    line-height: 33px;
    padding: 0 0 3px;
    text-transform: capitalize;
}
.storeFea span:last-child {
    margin: 0;
}
.headerInner {
	padding: 30px 0;
}
#subMenu .dropdown > a {
    color: #5b5b5b;
    font-weight: 700;
    font-size: 12px;
    display: block;
    line-height: 33px;
    padding: 0 10px 3px 0;
}
#subMenu #form-language .btn-group > .btn, #subMenu #form-currency .btn-group > .btn {
    padding: 0 10px 3px;
    line-height: 33px;
    border: none;
    color: #5b5b5b;
    font-weight: 700;
    font-size: 12px;
    height: auto;
}
#subMenu #form-language .btn-group > .btn img {
    position: relative;
    top: -2px;
}
.dropdown-menu {
    margin: 0;
    border: none;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    border-radius: 0;
}
.dropdown-menu > li > a, .dropdown-menu > li > .btn {
    line-height: 33px;
    padding: 0px 15px 3px;
    border-bottom: 1px solid #eee !important;
    color: #5b5b5b;
    text-align: right;
    height: auto;
}
.dropdown-menu > li:last-child > a, .dropdown-menu > li:last-child > .btn {
    border-bottom: none !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > .btn:hover, .dropdown-menu > li > .btn:focus, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #0a145b;
	background: #eee;
}
#logo {
    margin: 0;
    display: table;
}
#search {
    margin: 6px 0;
    display: block;
}
#search select, #search input {
    flex: 1;
}
#search #button-search {
    flex: 0;
    border-radius: 4px 0 0 4px;
    background: #5b5b5b;
    border-color: #5b5b5b;
    box-shadow: none;
}
#search #button-search {
    width: 57px;
    border-radius: 4px 0 0 4px;
    background: #5b5b5b;
    border-color: #5b5b5b;
    box-shadow: none;
    font-weight: 700;
    padding: 0 15px 2px;
    line-height: 46px;
}
#search input.form-control {
    height: 50px;
    border-left: none;
    padding: 0 15px 1px;
    border-right: none;
    box-shadow: none;
    border-width: 2px;
    border-color: #e5e5e5;
    width: calc( 65% - 57px);
}
#search select {
    height: 50px;
    padding: 0 15px 1px;
    box-shadow: none;
    border-width: 2px;
    border-color: #e5e5e5;
    border-radius: 0 4px 4px 0;
    width: 35%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../image/caret.png) no-repeat 15px 50%;
    font-family: Cairo;
}
#search #button-search:hover, #search #button-search:focus {
    background: #4ebe80;
    border-color: #4ebe80;
}
#cart .dropdown-menu {
	min-width: 260px;
}
#cart .img-thumbnail {
	width: 36px;
	padding: 0;
}
#cart {
	margin: 0;
	position: relative;
	float: left !important;
	width: auto;
}
#cart > button {
	background: transparent !important;
	border: none !important;
	text-align: right;
	text-shadow: none;
	color: #0a145b !important;
	padding: 0;
	font-size: 13px !important;
	font-family: 'Sukar Bold';
	font-weight: 300;
	height: auto;
	line-height: 42px !important;
}
#cart .cartHead {
    position: absolute;
    top: 7px;
    right: 65px;
    font-weight: 700;
    z-index: 2;
    font-size: 12px;
}
#cart .dropdown-menu {
    background: #fff;
    padding: 15px;
}
#cart .dropdown-menu table td {
    vertical-align: middle;
    font-size: 12px;
}
#cart .dropdown-menu li p {
    margin: 10px 0 0;
}
#cart .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #ddd;
    border-top: none;
}
#cart p.text-center {
    margin: 10px 0 !important;
}
#cart p.text-right {
    font-size: 11px;
}
#header .dropdown.pull-right, #langDropDown {
	margin: 0 0 0 15px;
}
#header .dropdown.pull-right > a.dropdown-toggle {
	line-height: 42px;
	display: block;
}
#header .dropdown.pull-right > a.dropdown-toggle .caret {
	top: -2px;
	position: relative;
}
#langDropDown .btn-group > .btn {
	padding: 0;
	height: auto;
	line-height: 42px;
}
#langDropDown .btn-group > .btn img {
	position: relative;
	top: -2px;
	margin: 0 0 0 3px;
}
#menu {
	background: transparent;
	border: none;
	border-radius: 0;
	margin: 0;
	min-height: 46px;
}
.telephone {
    display: block;
    text-align: left;
    padding: 0 0 2px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 16px;
}
.telephone i {
    font-size: 18px;
    position: relative;
    top: 2px;
}
.navbar-header {
	background: transparent;
	line-height: 48px;
	padding: 0 15px 2px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	display: none;
}
.navbar-header i {
    margin: 0 0 0 3px;
}
#relative {
    position: relative;
}
.openMenu .navbar-nav > li {
    float: right;
    position: relative;
}
.openMenu .navbar-nav > li > a {
    text-shadow: none;
}
.openMenu .navbar-nav > li > a {
	text-shadow: none !important;
	color: #0a145b !important;
	font-weight: 300;
	font-size: 13px;
	padding: 0 15px !important;
	line-height: 42px;
	font-family: 'Sukar Bold';
}
.openMenu .navbar-nav {
    width: 100%;
    margin: 0;
}
.openMenu .navbar-nav > li > a:hover, .openMenu .navbar-nav > li > a:focus,
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    color: #8b5a17 !important;
    background: transparent !important;
}
.openMenu .navbar-nav > li.dropdown > a::after {
	content: '\f107';
	font-family: FontAwesome;
	float: left;
	font-size: 13px;
	position: relative;
	top: 1px;
	margin: 0 2px 0 0;
}
.openMenu .dropdown-menu {
	left: 50%;
	top: 100%;
	padding: 15px !important;
	margin: 0 !important;
	background: #0a145b;
	min-width: 180px;
	transform: translate(-50%, 0);
	right: auto;
}
.openMenu .dropdown-menu::before {
	content: '';
	position: absolute;
	top: -9px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 5px solid #0a145b;
	border-right: 5px solid transparent;
	width: 5px;
}
.openMenu .dropdown-menu a {
	padding: 5px 0 !important;
	background: transparent !important;
	color: #ffff !important;
	opacity: .6;
}
.openMenu .dropdown-menu a:hover {
	opacity: 1;
}
.openMenu .dropdown-menu a.see-all {
    padding: 8px 0 0 !important;
    margin: 8px 0 0 !important;
}
.smallMenu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.smallMenu li {
    float: right;
    margin: 0 0 0 30px;
}
.smallMenu li a {
    color: #fff;
    font-weight: 700;
    line-height: 48px;
    padding: 0 0 2px;
    display: block;
}

@media(max-width: 480px){
    .headerInner { padding: 0 0 15px; }
    .visible-xs #search { margin-top: 15px; }
    #menu div.dropdown-menu { background-color: #fff; }
    #menu .see-all { border-top: 1px solid #DDD; }
}
@media(max-width: 320px){
    #cart { margin: 11px 0 0; }
    #cart > button { padding: 14px 40px 8px 0; }
    #cart > button i { width: 30px; height: 30px; line-height: 30px; font-size: 14px; }
    #cart .cartHead { top: -3px; right: 40px; }
}
.subscribeDiv {
	background: #8b5a17 url(../img/subscribe.jpg);
	padding: 80px 0;
	text-align: center;
	margin-top: 50px;
}
.subscribeDiv h4 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 22px;
}
.subscribeDiv p {
	color: #fff;
	font-size: 16px;
	margin: 0 0 20px;
}
#newsletterForm {
    position: relative;
}
#newsletterForm input {
	background: #fff;
	border: none;
	border-radius: 40px;
	color: #666;
	box-shadow: none;
	padding: 0 25px;
	font-size: 15px;
	height: 50px;
}
#newsletterForm input::-moz-placeholder {
    color: #666;
    opacity: 1; }
#newsletterForm input:-ms-input-placeholder {
     color: #666; }
#newsletterForm input::-webkit-input-placeholder {
     color: #666; }
#newsletterForm button {
	background: transparent;
	border: none;
	border-radius: 50%;
	width: 20px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	color: #5c1c1a;
	font-size: 16px;
	padding: 0 10px 0 40px;
}
.social {
	text-align: center;
	margin: 0 0 20px;
}
.social a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: transparent;
    border-radius: 50%;
    margin: 0 3px 0 0;
    color: #fff;
    border: 1px solid #fff;
}
.social a:hover {
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.1);
}
#footer {
    margin-top: 0;
    padding: 60px 0 40px;
    background-color: #fff;
    border-top: none;
    color: #7b7b7b;
}
#footer h5 {
    color: #5b5b5b;
    margin: 0 0 20px;
    font-family: 'Sukar Bold';
    font-weight: 300;
    font-size: 15px;
}
#footer p {
    line-height: 1.7;
    margin: 0;
}
#footer p + p {
    margin: 15px 0 0;
}
#footer li {
    margin: 0 0 10px;
}
#footer li a {
    color: #7b7b7b;
}
#footer li a:hover {
    color: #8b5a17;
}
#footer hr {
    border-color: #ddd;
    margin-top: 40px;
    margin-bottom: 40px;
}
#footer img {
    float: left;
}
#copyrights p {
    margin: 0 !important;
    color: #7b7b7b;
}
#copyrights p a {
    color: #8b5a17;
}
@media(max-width: 480px){
    #newsletterForm { margin: 15px 0; }
    #footer .col-sm-4, #footer .col-sm-2 { margin: 0 0 30px; }
    #footer li:nth-child(n+4) { display: none; }
    #footer hr { margin-top: 10px; }
    #copyrights img { margin-top: 15px; }
}
.headingTitle {
    margin: 0 0 15px;
    border-bottom: 3px solid #eee;
}
.headingTitle h3, .headingTitle h1 {
	margin: 0 0 -3px;
	padding: 0 0 5px;
	display: table;
	font-weight: 700;
	font-size: 18px;
	border-bottom: 3px solid #8b5a17;
	color: #0a145b;
	line-height: 1.7;
}
#productsRow .col-lg-2 {
    width: 20%;
}
.productDiv {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin: 15px 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.productDiv .image {
    position: relative;
}
.productDiv .image img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.productDiv:hover .image img {
	opacity: .7;
}
.productDiv .image span {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #8b5a17;
	color: #fff;
	padding: 3px 11px;
	font-size: 12px;
}
.productDiv .caption {
    padding: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.productDiv button {
	width: 100%;
	border: none;
	border-top: 1px solid #e5e5e5;
	border-radius: 0 0 4px 4px;
	background: transparent;
	text-align: right;
	padding: 3px 20px 0;
	line-height: 40px;
	font-family: 'Sukar Bold';
	color: #0a145b;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.productDiv .caption h4 {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
}
.productDiv .caption h4 a {
    color: #0a145b;
}
.productDiv:hover .caption h4 a {
    color: #fff;
}
.productDiv .caption .price {
	margin: 0;
	color: #5c1c1a;
	font-family: 'Sukar Bold';
	font-size: 15px;
}
.productDiv:hover .caption {
	background: #5c1c1a;
}
.productDiv:hover button {
	background: #8b5a17;
	border-color: #8b5a17;
	color: #fff;
}
.productDiv:hover .caption .price, .productDiv:hover .caption .price-old {
	color: #fff !important;
}
.productDiv .image .buttonGroup {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 114px;
}
.productDiv .image .buttonGroup button {
    border-radius: 4px;
    border: none;
    width: 34px;
    height: 32px;
    color: #fff;
    background: #4ebe80;
    margin: 0 2px;
}
.productDiv .image .buttonGroup button {
    margin-right: -45px;
    opacity: 0;
}
.productDiv:hover .image .buttonGroup button {
    margin-right: 0;
    opacity: 1;
}
.productDiv .image .buttonGroup button:nth-child(1) {
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.productDiv .image .buttonGroup button:nth-child(2) {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    -ms-transition: all .7s ease;
    transition: all .7s ease;
}
.productDiv .image .buttonGroup button:nth-child(3) {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
.tooltip-inner {
    font-family: Cairo;
    font-size: 12px;
    padding: 6px 10px;
    background: rgba(0,0,0,.8);
}
#content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {
    clear: none;
}
.productDiv .caption .price .price-old {
	float: left;
	text-decoration: line-through;
	opacity: .4;
	color: #000;
}
.breadcrumb {
    margin: 0 0 30px 0;
}
.breadcrumb > li::after {
    top: 6px;
    left: 0;
    width: 9px;
    height: 9px;
}
#compare-total {
	padding: 0;
	height: auto;
	line-height: 26px;
}
#content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) {
    clear: none;
}
#content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) {
    clear: none;
}
@media(max-width: 1024px){
    #productsRow .col-lg-2 { width: 25%; }
    .openMenu .navbar-nav > li:nth-child(n+6), .openMenu .navbar-nav > li:first-child { display: none; }
}
@media(max-width: 980px){
    #productsRow .col-lg-2 { width: 33.3333333%; }
}
@media(max-width: 480px){
    #productsRow .col-lg-2 { width: 50%; }
}
@media(max-width: 320px){
    #productsRow .col-lg-2 { width: 100%; }
    #catProductsRow .col-lg-3 { width: 100%; }
}
.productDiv .saleDiv {
	position: absolute;
	top: 15px;
	right: 15px;
	background: #ffcb5a;
	padding: 1px 10px 3px 10px;
	display: block;
	font-weight: 700;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	text-shadow: 0 1px 1px #d79c1d;
	z-index: 5;
}
#catDesc p:first-child {
    padding-top: 5px;
}
#catDesc p {
    margin: 0;
    line-height: 1.8;
}
#catDesc p + p {
    margin: 15px 0 0;
}
.list-group a {
    padding: 11px 12px;
}
.effect {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.effect.effect-pulse {
    background:#fff
}
.effect.effect-pulse:before,.effect.effect-pulse:after {
    content:'';
    position:absolute;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
    -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
    transition:opacity 0.35s, -webkit-transform 0.35s;
    transition:opacity 0.35s, transform 0.35s;
    transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    z-index:7
}
.effect.effect-pulse:before {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform:scale(0, 1);
    transform:scale(0, 1)
}
.effect.effect-pulse:after {
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    -webkit-transform:scale(1, 0);
    transform:scale(1, 0)
}
.effect.effect-pulse:hover:before {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
.effect.effect-pulse:hover:after {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
#bannersRow {
    margin-bottom: 60px;
}
#slideBnr {
    padding-left: 0;
}
#slideBnr .effect:last-child {
    margin: 30px 0 0;
}
#header {
	background: rgba(255,255,255,.96);
	position: relative;
	z-index: 9;
}
#sildeRow {
	margin-top: -106px;
	float: right;
	width: 100%;
}
.swiper-viewport {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 0 70px 0 !important;
}
.swiper-viewport .swiper-button-next {
    opacity: 1 !important;
    right: 70px !important;
}
.swiper-viewport .swiper-button-prev {
    opacity: 1 !important;
    left: 70px !important;
}
.swiper-button-next::before, .swiper-button-prev::before {
    width: 50px !important;
    height: 50px !important;
    color: rgba(0,0,0,0.8) !important;
    font-size: 13px !important;
    background: rgba(255,255,255,.8);
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 46px;
    border: 2px solid #ccc;
}
.swiper-button-next, .swiper-button-prev {
    width: 50px !important;
    height: 50px !important;
    margin-top: -25px !important;
    top: calc(50% + 40px) !important;
}
.nav-pills > li + li {
    margin: 0;
}
.fullNav {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 0 15px;
}
.fullNav li {
    width: 16.666666667%;
    border-left: 1px solid #ddd;
}
.fullNav li:last-child {
    border-left: none;
}
.fullNav > li.active > a, .fullNav > li.active > a:hover, .fullNav > li.active > a:focus {
    color: #111;
    background-color: #ffcb5a;
}
.fullNav li a {
    text-align: center;
    font-weight: 700;
    padding: 40px 0;
    border-radius: 0;
}
.fullNav li:first-child a {
    border-radius: 0 4px 4px 0;
}
.fullNav li:last-child a {
    border-radius: 4px 0 0 4px;
}
.fullNav li a:hover {
    background: #f3f3f3;
    color: #111;
}
#categoryproduct {
    margin-bottom: 45px;
}
.fullNav li a::before {
    content: '';
    position: relative;
    width: 19px;
    height: 19px;
    display: block;
    margin: 0 auto 5px auto;
    background-size: 19px 19px;
}
@media(max-width: 480px) {
    .fullNav li { width: 50%; }
}
#productsRow {
	margin-bottom: 45px;
}
#categoryproduct #productsRow {
	margin-bottom: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #4ebe80;
	border-color: #4ebe80;
}
.pagination > li > a, .pagination > li > span {
	color: #333;
	font-weight: 700;
}
#accDiv {
	margin: 0 0 30px;
}
#accDiv h2 {
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 15px;
}
#accDiv li {
	border-bottom: 1px solid #eee;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
#accDiv li:last-child {
	border-bottom: none;
}
#accDiv li a {
	display: block;
	padding: 10px 0 10px;
}
#accDiv li:hover {
	border-color: #4ebe80;
}
#content {
	min-height: 300px;
}
.alert {
	padding: 15px 20px;
	font-weight: 700;
}
.catproUL {
	float: right;
	width: 100%;
	margin: 0 0 15px;
	position: relative;
	padding: 0 0 15px;
}
.catproUL::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	height: 3px;
	width: 50px;
	background: #8b5a17;
}
.catproUL li {
	float: left;
	display: none;
}
.catproUL li:nth-child(1) {
	float: none;
	display: table;
	margin: 0 auto;
}
.catproUL li:nth-child(1) a {
	display: block;
	line-height: 1;
	padding: 0;
	background: transparent;
	margin: 0;
	font-size: 20px;
	font-family: 'Sukar Bold';
	color: #0a145b;
	font-weight: 300;
	cursor: context-menu;
}
/*.catproUL li a {*/
/*	margin: 5px 0;*/
/*	line-height: 40px;*/
/*	padding: 0 12px;*/
/*	color: #111;*/
/*	font-weight: 700;*/
/*}*/
.catproUL li a::after {
	content: '';
	position: absolute;
	top: -5px;
	right: 50%;
	margin-right: -3px;
	border: 6px solid transparent;
	border-top: 6px solid #ffcb5a;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.catproUL li a:hover::after, .catproUL li.active a::after {
	opacity: 1;
}
.catproUL li a:hover, .catproUL li.active a {
	background: transparent;
}
.catproUL li:nth-child(1) a:hover, .catproUL li:nth-child(1).active a {
	background: transparent;
}
.catproUL li:nth-child(1) a:hover::after, .catproUL li:nth-child(1).active a::after {
	opacity: 0;
}
@media(max-width: 480px){
    #sildeRow { padding: 0; }
}
.canvas-slid .Menuoverlay {
	opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 99;
}
#header2 {
	padding: 10px 0;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 88;
	background: rgba(255,255,255,.96);
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
#header2 .navbar-toggle span {
	background: #5b5b5b;
	width: 24px;
	height: 2px;
}
#header2 .navbar-toggle {
	float: right;
	display: block;
	padding: 0;
	margin: 11px 0;
}
#header2 .logo {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	display: table;
	top: 10px;
	max-width: 30%;
}
#header2 .logo img {
	max-height: 38px;
	margin: 0 auto;
}
#header2 #cart {
	float: left;
	margin: 0 15px 0 0;
	width: auto;
}
#header2 #cart .cartHead {
	display: none;
}
#header2 #cart > button {
	padding: 0;
	position: relative;
	width: auto;
	height: 38px;
}
#header2 #cart > button i {
	position: relative;
	background: transparent;
	padding: 0 !important;
	line-height: 1;
	width: auto;
	height: auto;
}
#header2 #cart > button span {
	position: absolute;
	top: 0px;
	left: -1px;
	height: 17px;
	background: #fff;
	border-radius: 5px;
	padding: 0 3px 0 5px;
	color: #5b5b5b;
	letter-spacing: 4px;
	width: 20px;
	line-height: 20px;
	overflow: hidden;
}
#btnSearch {
	float: left;
	background: transparent;
	border: none;
	line-height: 37px;
	font-size: 15px;
	padding: 0 5px;
}
#header2 #cart .dropdown-menu {
	position: fixed;
	top: 58px;
	right: 0;
	width: 100%;
	border-top: 1px solid #ddd;
}
.paddingDiv {
	padding-top: 99px;
}
#header2 #search, #header2 #search select {
	display: none;
}
#header2 #search {
	margin: 10px 0 0;
}
#header2 #search #input-search {
	width: calc( 100% - 57px);
	border-right: 2px solid #e5e5e5;
	border-radius: 0 4px 4px 0;
	height: 40px;
}
#header2 #search #button-search {
	line-height: 40px;
	height: 40px;
}
.navmenu,
.navbar-offcanvas {
  width: 270px;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}
.navmenu-fixed-left,
.navmenu-fixed-right,
.navbar-offcanvas {
  position: fixed;
  z-index: 1040;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  border-radius: 0;
}
.navmenu-fixed-left,
.navbar-offcanvas.navmenu-fixed-left {
  left: 0;
  right: auto;
  border-width: 0 1px 0 0;
}
.navmenu-fixed-right,
.navbar-offcanvas {
  left: auto;
  right: 0;
  border-width: 0 0 0 1px;
}
.navmenu-nav {
  margin-bottom: 10px;
}
.navmenu-nav.dropdown-menu {
  position: static;
  margin: 0;
  padding-top: 0;
  float: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.navbar-offcanvas .navbar-nav {
  margin: 0;
}
@media (min-width: 768px) {
  .navbar-offcanvas {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-offcanvas.offcanvas {
    position: static;
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-offcanvas .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }
  .navbar-offcanvas .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-offcanvas .navmenu-brand {
    display: none;
  }
}
.navmenu-brand {
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 10px 15px;
  margin: 10px 0;
}
.navmenu-brand:hover,
.navmenu-brand:focus {
  text-decoration: none;
}
.navmenu-default, .navbar-default .navbar-offcanvas {
	background-color: #fff;
	border-color: #fff;
}
.navmenu-default .navmenu-brand,
.navbar-default .navbar-offcanvas .navmenu-brand {
  color: #777777;
}
.navmenu-default .navmenu-brand:hover,
.navbar-default .navbar-offcanvas .navmenu-brand:hover,
.navmenu-default .navmenu-brand:focus,
.navbar-default .navbar-offcanvas .navmenu-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navmenu-default .navmenu-text,
.navbar-default .navbar-offcanvas .navmenu-text {
  color: #777777;
}
.navmenu-default .navmenu-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-default .navmenu-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.navmenu-default .navmenu-nav > .open > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a,
.navmenu-default .navmenu-nav > .open > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover,
.navmenu-default .navmenu-nav > .open > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
.navmenu-default .navmenu-nav > .open > a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a .caret,
.navmenu-default .navmenu-nav > .open > a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
.navmenu-default .navmenu-nav > .open > a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navmenu-default .navmenu-nav > .dropdown > a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}
.navmenu-default .navmenu-nav.dropdown-menu,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
  background-color: #e7e7e7;
}
.navmenu-default .navmenu-nav.dropdown-menu > .divider,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
  background-color: #f8f8f8;
}
.navmenu-default .navmenu-nav.dropdown-menu > .active > a,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
  background-color: #d7d7d7;
}
.navmenu-default .navmenu-nav > li > a,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a {
  color: #777777;
}
.navmenu-default .navmenu-nav > li > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover,
.navmenu-default .navmenu-nav > li > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navmenu-default .navmenu-nav > .active > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
.navmenu-default .navmenu-nav > .active > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
.navmenu-default .navmenu-nav > .active > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navmenu-default .navmenu-nav > .disabled > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a,
.navmenu-default .navmenu-nav > .disabled > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
.navmenu-default .navmenu-nav > .disabled > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navmenu-inverse,
.navbar-inverse .navbar-offcanvas {
  background-color: #222222;
  border-color: #080808;
}
.navmenu-inverse .navmenu-brand,
.navbar-inverse .navbar-offcanvas .navmenu-brand {
  color: #999999;
}
.navmenu-inverse .navmenu-brand:hover,
.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
.navmenu-inverse .navmenu-brand:focus,
.navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navmenu-inverse .navmenu-text,
.navbar-inverse .navbar-offcanvas .navmenu-text {
  color: #999999;
}
.navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navmenu-inverse .navmenu-nav > .open > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a,
.navmenu-inverse .navmenu-nav > .open > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover,
.navmenu-inverse .navmenu-nav > .open > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
.navmenu-inverse .navmenu-nav > .open > a .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a .caret,
.navmenu-inverse .navmenu-nav > .open > a:hover .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
.navmenu-inverse .navmenu-nav > .open > a:focus .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navmenu-inverse .navmenu-nav > .dropdown > a .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
.navmenu-inverse .navmenu-nav.dropdown-menu,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu {
  background-color: #080808;
}
.navmenu-inverse .navmenu-nav.dropdown-menu > .divider,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
  background-color: #222222;
}
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
  background-color: #000000;
}
.navmenu-inverse .navmenu-nav > li > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a {
  color: #999999;
}
.navmenu-inverse .navmenu-nav > li > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:hover,
.navmenu-inverse .navmenu-nav > li > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navmenu-inverse .navmenu-nav > .active > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a,
.navmenu-inverse .navmenu-nav > .active > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:hover,
.navmenu-inverse .navmenu-nav > .active > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navmenu-inverse .navmenu-nav > .disabled > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a,
.navmenu-inverse .navmenu-nav > .disabled > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
.navmenu-inverse .navmenu-nav > .disabled > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.offcanvas {
  display: none;
}
.offcanvas.in {
  display: block;
}
@media (max-width: 767px) {
  .offcanvas-xs {
    display: none;
  }
  .offcanvas-xs.in {
    display: block;
  }
}
@media (max-width: 991px) {
  .offcanvas-sm {
    display: none;
  }
  .offcanvas-sm.in {
    display: block;
  }
}
@media (max-width: 1199px) {
  .offcanvas-md {
    display: none;
  }
  .offcanvas-md.in {
    display: block;
  }
}
.offcanvas-lg {
  display: none;
}
.offcanvas-lg.in {
  display: block;
}
.canvas-sliding {
  -webkit-transition: top 0.35s, left 0.35s, bottom 0.35s, right 0.35s;
  transition: top 0.35s, left 0.35s, bottom 0.35s, right 0.35s;
}
.offcanvas-clone {
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  border: none !important;
  margin: 0px !important;
  padding: 0px !important;
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  bottom: 0px !important;
  right: 0px !important;
  opacity: 0 !important;
}
.menuScroll {
	border: none;
}
.menuScroll ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menuScroll ul li a {
	display: block;
	line-height: 40px;
	padding: 0 20px;
	font-weight: 600;
	font-size: 12px;
}
.menuScroll ul li a:hover, .menuScroll ul li.dropdown.open > a {
	background: #eee;
	color: #111;
}
.menuScroll ul li a:focus {
	background: transparent;
	color: #111;
}
.menuScroll ul li.dropdown > a::after {
	content: '\f104';
	font-family: FontAwesome;
	float: left;
	opacity: .6;
	font-size: 13px;
}
.menuScroll ul li.dropdown.open .dropdown-menu {
	position: relative;
	width: 100%;
	box-shadow: none;
	border-bottom: 1px dotted #ddd;
}
.menuScroll ul li.dropdown.open .dropdown-menu a {
	padding: 0 30px;
	line-height: 32px;
}
.navTelephone {
	margin: 10px 0;
	color: #111;
	padding: 0 20px;
}
.navTelephone i {
	font-size: 16px;
	position: relative;
	top: 1px;
	margin: 0 0 0 5px;
}
.myNavUser {
	padding: 10px 20px;
	border-bottom: 1px dotted #ddd;
	margin: 0 0 10px;
	display: table;
	width: 100%;
}
.myNavUser i {
	float: right;
	font-size: 26px;
	margin: 10px 0 10px 15px;
}
.myNavUser a {
	display: block;
	padding: 2px 0;
	font-size: 12px;
}
.myNavLang .dropdown-toggle {
	display: none;
}
.myNavLang .dropdown-menu {
	display: block;
	position: relative;
	box-shadow: none;
}
.myNavLang .pull-right, .myNavLang .btn-group {
	width: 100%;
}
.myNavLang {
	padding: 10px 20px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #ddd;
	display: table;
	width: 100%;
}
.myNavLang .language-select {
	padding: 0 !important;
	height: auto !important;
	line-height: 1 !important;
	background: transparent !important;
	color: #111 !important;
	font-weight: 600 !important;
}
.myNavLang .language-select img {
	margin: 0 15px 0 2px;
	position: relative;
	top: -3px;
}
.myNavLang .dropdown-menu li button[name="ar"] {
	display: none;
}
.myNavLang .dropdown-menu li:first-child button {
	border: none !important;
}
#searchFormMobile {
	margin-top: 10px;
}
#searchFormMobile input {
	height: 40px;
	font-size: 13px;
}
#searchFormMobile {
	display: none;
	margin-top: 10px;
}
.header2Menu {
	background: #8b5a17;
	margin: 10px -15px -10px -15px;
	display: flex;
}
.header2Menu a {
	flex: 1;
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	padding: 12px 0;
	font-family: 'Sukar Bold';
}
.header2Menu a:first-child {
	box-shadow: inset 0 -2px 0 0px #fff;
}
@media(max-width: 480px){
    .swiper-viewport { margin: 0 0 30px 0 !important; }
    .fullNav, .catproUL { margin: 0 0 15px; }
    #categoryproduct { margin-bottom: 5px; }
    #bannersRow { margin-bottom: 30px; }
    #productsRow { margin-bottom: 15px; }
}
.extpanel .extpanel-title i {
	margin: 0 0 0 5px;
}
.confirm-order-content {
	border: none !important;
	padding: 0 !important;
}
.content-shopping-cart .btn {
	height: auto;
	line-height: 34px;
}
.exttable > tbody > tr > td, .exttable > tbody > tr > th, .exttable > tfoot > tr > td, .exttable > tfoot > tr > th, .exttable > thead > tr > td, .exttable > thead > tr > th {
	vertical-align: middle;
	text-align: right;
}
.extlg-1, .extlg-10, .extlg-11, .extlg-12, .extlg-2, .extlg-3, .extlg-4, .extlg-5, .extlg-6, .extlg-7, .extlg-8, .extlg-9, .extmd-1, .extmd-10, .extmd-11, .extmd-12, .extmd-2, .extmd-3, .extmd-4, .extmd-5, .extmd-6, .extmd-7, .extmd-8, .extmd-9, .extsm-1, .extsm-10, .extsm-11, .extsm-12, .extsm-2, .extsm-3, .extsm-4, .extsm-5, .extsm-6, .extsm-7, .extsm-8, .extsm-9, .extxs-1, .extxs-10, .extxs-11, .extxs-12, .extxs-2, .extxs-3, .extxs-4, .extxs-5, .extxs-6, .extxs-7, .extxs-8, .extxs-9 {
    float: right;
}
.exttable .img-thumbnail {
	padding: 0;
	width: 42px;
}
.nomargin {
	margin-bottom: 0 !important;
}
.extbtn-block .btn {
	text-shadow: none;
	color: #333;
	font-size: 14px;
}
.extbtn-block .btn:hover {
	color: #333;
}
.extbtn-block .btn.active {
	color: #fff;
}

@media(max-width: 980px) {
    #sildeRow { margin-top: -99px; }
    .breadcrumb { margin: 30px 0; }
}
@media(max-width: 600px) {
    #sildeRow { margin-top: 0; }
    .swiper-pager { margin-top: -50px; }
    #bannersRow .col-sm-6:first-child { margin-bottom: 30px; }
    #footer li:nth-child(n+4) { display: none; }
    #footer .col-sm-4 { margin: 0 0 15px; }
    #footer .col-sm-2 { margin: 15px 0; }
    #footer hr { margin-top: 15px; }
    #copyrights { text-align: center; }
    #footer img { float: none; margin: 10px auto 0 auto; }
}
@media(max-width: 480px) {
    .extlg-1, .extlg-10, .extlg-11, .extlg-12, .extlg-2, .extlg-3, .extlg-4, .extlg-5, .extlg-6, .extlg-7, .extlg-8, .extlg-9, .extmd-1, .extmd-10, .extmd-11, .extmd-12, .extmd-2, .extmd-3, .extmd-4, .extmd-5, .extmd-6, .extmd-7, .extmd-8, .extmd-9, .extsm-1, .extsm-10, .extsm-11, .extsm-12, .extsm-2, .extsm-3, .extsm-4, .extsm-5, .extsm-6, .extsm-7, .extsm-8, .extsm-9, .extxs-1, .extxs-10, .extxs-11, .extxs-12, .extxs-2, .extxs-3, .extxs-4, .extxs-5, .extxs-6, .extxs-7, .extxs-8, .extxs-9 {
        float: none; }
    .confirm-order-content .extsm-12 { margin-bottom: 15px; }
    .buttons { margin: 0; }
    .subscribeDiv { padding: 40px 0; }
    #header2 .logo { max-width: 50%; }
    .swiper-viewport .swiper-button-next { right: 40px !important; }
    .swiper-viewport .swiper-button-prev { left: 40px !important; }
}
@media(max-width: 360px){
    #footer { padding: 30px 0; }
    #productsRow .col-xs-6 { width: 100%; }
    #footer > .container > .row, #footer hr, .swiper-viewport .swiper-button-next, .swiper-viewport .swiper-button-prev { display: none; }
    #footer #copyrights { display: block; }
}


.ajax-filter > .title > .title, .ajax-filter .af-body .af-container > .af-heading > .title {
	font-family: 'Sukar Regular', sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
}
.ajax-filter > .title .button-reset > p {
	font-family: 'Sukar Regular' !important;
}
.ajax-filter > .title .button-reset > span {
	float: right !important;
	margin: 0 0 0px 5px !important;
	top: 3px !important;
	position: relative !important;
}
.ajax-filter > .title {
	padding-right: 23px !important;
	padding-left: 0 !important;
}
.ajax-filter .af-body .af-container > .af-heading {
	padding: 15px 23px 15px 50px !important;
}
.ajax-filter .af-body .af-container > .af-heading > span {
	top: 23px !important;
	right: auto !important;
	left: 23px !important;
}
.ajax-filter .af-body .af-container > .af-elements .af-wrapper {
	padding: 0 15px 15px 15px !important;
}
.ajax-filter .af-body .af-container > .af-elements .input-field > input[type="text"] {
	font-family: "Sukar Regular" !important;
	padding: 0 15px 4px 15px !important;
}
.irs-from, .irs-to, .irs-single {
	direction: ltr !important;
}
.ajax-filter .af-body .af-container > .af-elements .af-wrapper .af-element label > input[type="checkbox"] + span {
	margin-left: 8px !important;
}
.ajax-filter .af-body .af-container > .af-elements .af-wrapper .af-element label {
	font-family: 'Sukar Regular' !important;
	font-size: 13px !important;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgb(139, 90, 23) !important;
}
.irs-bar {
	border-color: rgb(139, 90, 23) !important;
}
.irs-from, .irs-to, .irs-single {
	background: #8b5a17 !important;
}
.af-element.slider {
	margin: 0 20px 0 0 !important;
}
.ajax-filter .af-body .selected-list .af-selected {
	font-family: 'Cairo' !important;
	float: right !important;
	padding: 8px 10px 0px 30px !important;
	margin: 5px 0 5px 10px !important;
	font-size: 13px !important;
	height: auto !important;
}
.ajax-filter .af-body .selected-list .af-selected::after {
	right: auto !important;
	left: 10px !important;
}
.ajax-filter > .title .button-reset {
	float: left !important;
}
.ajax-filter {
	border: 1px solid #eee !important;
}
.ajax-filter .af-body .af-container > .af-heading {
	border-top: 1px solid #eee !important;
}


@media screen {
    .hy-drawer-scrim {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 998;
        pointer-events: none;
        background: rgba(0, 0, 0, 0.5);
        transform: translateX(0);
        -webkit-tap-highlight-color: transparent;
    }
    .hy-drawer-content {
        position: fixed;
        bottom: 0;
        top: 0;
        z-index: 999;
        overflow-x: hidden;
        overflow-y: auto;
        contain: strict;
        width: 280px;
        background: #fff;
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
    }
    .hy-drawer-content.hy-drawer-right {
        right: -280px;
    }
    .hy-drawer-content.hy-drawer-left.hy-drawer-opened {
        left: 0!important;
        transform: translateX(0)!important;
    }
    .hy-drawer-content.hy-drawer-right.hy-drawer-opened {
        right: 0!important;
        transform: translateX(0)!important;
    }
}
@media print {
    .hy-drawer-scrim {
        display: none!important;
    }
    .hy-drawer-content {
        transform: none!important;
    }
}
.menuScroll {
	overflow-y: scroll;
	height: 100%;
}


#supermenu {
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
#supermenu ul li.tlli {
	float: right;
	padding-right: 0 !important;
	display: block !important;
}
#supermenu ul li a.tll {
	text-shadow: none !important;
	color: #0a145b !important;
	font-weight: 300 !important;
	font-size: 14px !important;
	padding: 0 15px !important;
	line-height: 42px !important;
	font-family: 'Sukar Bold';
	background: transparent !important;
}
#supermenu ul li a.tll:hover, #supermenu ul li a.tll:focus {
	color: #8b5a17 !important;
}
#supermenu ul li div.bigdiv {
	width: 650px !important;
	margin: 0 !important;
	right: auto !important;
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #0a145b !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
#supermenu ul li div.bigdiv::after {
	content: '';
	position: absolute;
	top: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border: 5px solid transparent;
	border-bottom: 5px solid #0a145b;
	width: 5px;
	height: 5px;
}
#drawerEl {
	display: none !important;
}

@media (max-width: 1300px) {
    #supermenu ul li div.bigdiv {
	transform: inherit !important;
	left: auto !important;
	right: 0 !important;
    }
    #supermenu ul li div.bigdiv::after {
	left: auto;
	right: 15px;
    } 
}
@media (max-width: 980px) {
    #drawerEl {
	display: block !important;
    }
}
.thumbnails {
	margin-bottom: 40px;
}
.productINfo {
	margin: 0 0 15px;
	border-radius: 4px;
	background: #f5f5f5;
	padding: 20px;
	border: 1px solid #eee;
	text-align: center;
}
.productINfo h1 {
	text-align: center;
	font-size: 24px;
	margin: 20px 0 30px;
	line-height: 1.5;
}
.productINfoPrice {
	display: inline-block;
	background: #8b5a17;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	padding: 0 15px;
	line-height: 50px;
	border-radius: 3px;
}
.productINfo button, .productINfo button:hover, .productINfo button:focus, .productINfo button:active {
	padding: 0 15px;
	height: auto;
	margin: -7px 0 0;
	background: rgba(0,0,0,.4) !important;
	text-shadow: none;
	color: #fff !important;
}
.productINfoPrice span {
	display: inline-block;
	opacity: .75;
	margin: 0 0 0 5px;
}
#tab-description {
	line-height: 1.6;
	font-size: 16px;
}
.nav > li > a {
	padding: 14px 20px;
	font-size: 14px;
	font-family: 'Sukar Bold';
}
.reviewDiv {
	border: 1px solid #ddd;
	margin: 0 0 5px;
	border-radius: 4px;
	padding: 20px 20px 15px 15px;
}
.reviewDivHead {
	display: table;
	width: 100%;
	margin: 0 0 5px;
}
.reviewDivHead strong {
	color: #0a145b;
}
.reviewDivHead div {
	float: left;
}
.reviewDivHead div .fa-star, .reviewDivHead div .fa-star + .fa-star-o {
	color: #e3ac12;
}
.reviewDivContent p {
	margin: 0;
}
.attributeDiv {
	background: #f5f5f5;
	padding: 30px 20px;
}
.attributeDiv h4 {
	color: #222;
	margin: 0 0 15px;
	font-size: 16px;
}
.attributeDiv dt, .attributeDiv dd {
	display: inline-block;
	width: 60%;
	margin: 3px 0;
	font-size: 15px;
	border-bottom: 1px dashed #ddd;
	padding: 0 0 5px;
}
.attributeDiv dl {
	margin: 15px 0 0;
}
.attributeDiv dl + h4 {
	margin-top: 15px;
}
.attributeDiv dt {
	width: 40%;
}

@media (max-width: 767px) {
    .productINfo {
    	margin: 30px 0 0 0;
    }
}
.slocatorTitle {
	font-size: 30px;
	text-align: center;
	margin: 60px 0 60px;
}
.storeLocate {
	border: 1px solid #eee;
	margin: 0 0 30px;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
	padding: 30px 0;
}
.storeLocate img {
	margin: -30px 0 30px 0;
	width: 100%;
	display: none;
}
.storeLocate h4, .storeLocate p {
	padding: 0 20px;
}
.storeLocate h4 {
	color: #0a145b;
	margin: 0 0 10px;
}
.storeLocate p strong {
	color: #555;
}
.storeLocate p:last-child {
	margin: 0;
}
.mapStyle p {
    font-family: 'Sukar Regular', sans-serif;
    font-size: 14px;
        margin: 0 0 6px;
}
.mapStyle {
    padding: 10px 20px 0 0;
}
