@font-face {
    font-family: 'saudi-riyal'; /*a name to be used later*/
    src: url('../fonts/saudi-riyal.ttf'); /*URL to font*/
}
.clsSaudiRiyal
{
  font-family: 'saudi-riyal' !important;
  color:#BDDF33;
  padding:0 5px;
}

body { background: #fff; color: #000;  font-family: "Zain", noto kufi arabic, 'Noto Sans' !important ; direction:rtl;  font-size:13px !important; font-weight:400}
a { color: #BADB33; transition: 0.5s; }
a:hover, a:active, a:focus { color: #0b6bd3; outline: none; text-decoration: none; }
p { padding: 0; margin: 0 0 30px 0; }
h1, h2, h3, h4, h5, h6 { font-family: "Zain", noto kufi arabic, 'Noto Sans' ; font-weight: 400; margin: 0 0 20px 0; padding: 0; }
img { max-width: 100%; }
.float-left { float: left !important; }
/* Back to top button */.back-to-top { position: fixed; display: none; background: #007bff; color: #fff; width: 44px; height: 44px; text-align: center; line-height: 1; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 11; }
.back-to-top i { padding-top: 12px; color: #fff; }
/* Prelaoder */#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; }
#preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #BDDF33;border-top: 6px solid rgb(0,0,0,0.6); border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite;animation: animate-preloader 1s linear infinite; }
@-webkit-keyframes animate-preloader {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes animate-preloader {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/*--------------------------------------------------------------# Header--------------------------------------------------------------*/
#header { height: auto; transition: all 0.5s; z-index: 997; transition: all 0.5s; padding:0px 0 0px 0; background: #fff;/* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */ position: static; top: 0; right: 0; left: 0; z-index: 1030; width: 100%; float: left; }
header#header { position: fixed; }
#header.header-scrolled, #header.header-pages { height: 60px; padding: 10px 0; }
#header .logo h1 { font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; }
#header .logo h1 a, #header .logo h1 a:hover { color: #00366f; text-decoration: none; }
#header .logo img { padding: 0; margin: 0px 0; max-height: 80px; }
.main-pages { margin-top: 60px; }
/*--------------------------------------------------------------# Intro Section--------------------------------------------------------------*/.main-selection {}
.main-selection.trend, .main-selection.promo { height: 250px; }
.main-selection.trend { background: #7c4086; margin-bottom: 40px; }
.main-selection.promo { background: #deaa30; }
.main-selection.winter-sale { background: #567e25; }
.main-selection.winter-sale { min-height: 640px; }
section#intro { padding-top: 130px; clear:both; }
.main-selection p { font-size: 75px; font-weight: 600; text-transform: uppercase; color: #fff; line-height: 1; position: absolute; right: 30px; bottom: 40px; margin: 0; }
.main-selection p a{color:#fff}
.main-selection { position: relative; }
.main-selection.winter-sale { background: url(../images/header-01.jpg) no-repeat left bottom; background-size:cover; width:100%;}
.main-selection.winter-sale p {bottom: auto;top: 30px; text-transform:none;}
.main-selection p span { font-weight: 300; }
/************************************************************/.client-carousel .owl-nav button { position: absolute; }
.client-carousel .owl-nav button.owl-prev { left: 0; top: 50%; }
.client-carousel .owl-nav button.owl-next { right: 0; top: 50%; }
.client-carousel .owl-nav button.owl-prev, .client-carousel .owl-nav button.owl-next { transform: translateY(-50%); }
.client-carousel { padding: 0 50px;	 }
.client-carousel .owl-nav button span { color: #deaa30; font-size: 56px; }
#clients { padding: 60px 0 0;  }
.variety {min-height: auto;} 

/*.variety.kids {background: url(../images/variety-kids.jpg) no-repeat center bottom;}
.variety.women {background: url(../images/variety-women.jpg) no-repeat center bottom;}
.variety.men {background: url(../images/variety-men.jpg) no-repeat center bottom;} */

p.about {font-size: 25px;font-weight: 600;color: #58595b;text-transform: uppercase;margin-top: 20px; text-align:right;}
p.about a{color:#58595b; float: right;}
/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*//* Desktop Navigation */.main-nav {/* Drop Down *//* Deep Drop Down */}
.main-nav,.main-nav * {margin: 0;padding: 0;list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: right;}
.main-nav > ul > li.search {display: none;}
.main-nav a {display: block;position: relative;color: #58595b;padding: 10px 30px 0;transition: 0.3s;font-size: 16px;font-family: "Zain", noto kufi arabic, 'Open Sans', sans-serif;font-weight: 400;text-transform:uppercase;}
.main-nav > ul > li a:after {content: "";width: 1px;height: 14px;position: absolute;left: 0;top: 13px;}
.main-nav > ul > li:last-child a:after {display:none;}
nav.main-nav {margin-top: 28px;}
.main-nav a:hover,.main-nav .active > a,.main-nav li:hover > a {color: #BADB33;text-decoration: none;}
.main-nav .drop-down ul {display: block;position: absolute;right: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 140px;position: relative;}
.main-nav .drop-down ul a {padding: 6px 20px;font-size: 13px;color: #58595b; text-align:right}
.main-nav .drop-down ul a:hover,.main-nav .drop-down ul .active > a,.main-nav .drop-down ul li:hover > a {color: #BADB33;}
.main-nav .drop-down > a:after {/*  content: "\f107";font-family: FontAwesome;padding-left: 10px; */}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}
/* Mobile Navigation */.mobile-nav {position: fixed;top: 0;padding-top:30px;bottom: auto;z-index: 99999;overflow-y: auto;left: -260px;width: 260px;padding-top: 0px;background: #fff;transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #58595b;padding: 15px 17px;font-weight: 500;text-transform: uppercase;text-align: right; font-family:"Zain", noto kufi arabic, 'Noto Sans'; font-size:15px;}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a {color: #58595b;text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-right: 10px;position: absolute;left: 15px;color:#BADB33;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-left: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: fixed;right: 10px;top: 0;z-index: 999999999;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 13px 0px 0 0;color: #BADB33;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0,0,0,0.2);overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {right: 0%;padding-top: 6px;width: 90%;}
.mobile-nav-active .mobile-nav-toggle i {color: #BADB33;}
/*--------------------------------------------------------------# Sections--------------------------------------------------------------*//* Sections Header--------------------------------*/
.section-title {font-size: 30px;color: #000;text-align: center;font-weight: 600;position: relative; margin-bottom:20px !important; margin-top:0 !important;}
.section-title.white{color:#BADB33;}
.section-header p {text-align: center;margin: auto;font-size: 15px;padding-bottom: 60px;color: #556877;width: 50%;}
/* Section with background--------------------------------*/.section-bg {background: #ecf5ff;}
/* About Us Section--------------------------------*/#about {background: #fff;padding:0 0 60px 0;}
#about .about-container .background {margin: 20px 0;}
#about .about-container .content {background: #fff;}
#about .about-container .title {color: #333;font-weight: 700;font-size: 32px;}
#about .about-container p {line-height: 26px; text-align:center;}
#about .about-container p:last-child {margin-bottom: 0;}
#about .about-container .icon-box {background: #fff;background-size: cover;padding: 0 0 30px 0;}
#about .about-container .icon-box .icon {float: left;background: #fff;width: 64px;height: 64px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;text-align: center;border-radius: 50%;border: 2px solid #007bff;transition: all 0.3s ease-in-out;}
#about .about-container .icon-box .icon i {color: #007bff;font-size: 24px;}
#about .about-container .icon-box:hover .icon {background: #007bff;}
#about .about-container .icon-box:hover .icon i {color: #fff;}
#about .about-container .icon-box .title {margin-left: 80px;font-weight: 600;margin-bottom: 5px;font-size: 18px;}
#about .about-container .icon-box .title a {color: #283d50;}
#about .about-container .icon-box .description {margin-left: 80px;line-height: 24px;font-size: 14px;}
#about .about-extra {padding-top: 60px;}
#about .about-extra h4 {font-weight: 600;font-size: 24px;}
/* Services Section--------------------------------*/#services {padding: 60px 0 40px 0;box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
#services .box {padding: 30px;position: relative;overflow: hidden;border-radius: 10px;margin: 0 10px 40px 10px;background: #fff;box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);transition: all 0.3s ease-in-out;}
#services .box:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
#services .icon {position: absolute;left: -10px;top: calc(50% - 32px);}
#services .icon i {font-size: 64px;line-height: 1;transition: 0.5s;}
#services .title {margin-left: 40px;font-weight: 700;margin-bottom: 15px;font-size: 18px;}
#services .title a {color: #111;}
#services .box:hover .title a {color: #007bff;}
#services .description {font-size: 14px;margin-left: 40px;line-height: 24px;margin-bottom: 0;}
#why-us {padding: 60px 0;background: #004a99;}
#why-us .section-header h3,#why-us .section-header p {color: #fff;}
#why-us .card {background: #00458f;border-color: #00458f;border-radius: 10px;margin: 0 15px;padding: 15px 0;text-align: center;color: #fff;transition: 0.3s ease-in-out;height: 100%;}
#why-us .card:hover {background: #003b7a;border-color: #003b7a;}
#why-us .card i {font-size: 48px;padding-top: 15px;color: #bfddfe;}
#why-us .card h5 {font-size: 22px;font-weight: 600;}
#why-us .card p {font-size: 15px;color: #d8eafe;}
#why-us .card .readmore {color: #fff;font-weight: 600;display: inline-block;transition: 0.3s ease-in-out;border-bottom: #00458f solid 2px;}
#why-us .card .readmore:hover {border-bottom: #fff solid 2px;}
#why-us .counters {padding-top: 40px;}
#why-us .counters span {font-family: "Zain", noto kufi arabic,'Noto Sans' ;font-weight: bold;font-size: 48px;display: block;color: #fff;}
#why-us .counters p {padding: 0;margin: 0 0 20px 0;font-family: "Zain", noto kufi arabic, 'Noto Sans' ;font-size: 14px;color: #cce5ff;}
/* Portfolio Section--------------------------------*/#portfolio {padding: 0px 0 30px;}
#portfolio #portfolio-flters {padding: 0;margin: 5px 0 35px 0;list-style: none;text-align: center;}
#portfolio #portfolio-flters li {cursor: pointer;margin: 15px 50px 15px 0;display: inline-block;padding: 3px 3px;font-size: 13px;line-height: 20px;color: #000;border-radius: 0;text-transform: uppercase;background: #fff;margin-bottom: 5px;transition: all 0.3s ease-in-out;border-top: 1px solid #000;border-bottom: 1px solid #000;}
#portfolio #portfolio-flters li:hover,#portfolio #portfolio-flters li.filter-active {background: #BDDF33;color: #fff;border-color: #BDDF33;padding: 3px 3px;}
#portfolio #portfolio-flters li:last-child {margin-left: 0;}
#portfolio .portfolio-item {position: relative;overflow: hidden;margin-bottom: 30px;}
#portfolio .portfolio-item .portfolio-wrap {overflow: hidden;position: relative;border-radius: 0;margin: 0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;text-align: center;opacity: 0;transition: 0.2s linear;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 {font-size: 22px;line-height: 1px;font-weight: 700;margin-bottom: 14px;padding-bottom: 0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a {color: #fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover {color: #007bff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info p {padding: 0;margin: 0;color: #e2effe;font-weight: 500;font-size: 14px;text-transform: uppercase;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details {display: inline-block;line-height: 1;text-align: center;width: 36px;height: 36px;background: #007bff;border-radius: 50%;margin: 10px 4px 0 4px;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i {padding-top: 6px;font-size: 22px;color: #fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover {background: #3395ff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i {color: #fff;}
#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info {opacity: 1;}
/* Testimonials Section--------------------------------*/#testimonials {padding: 60px 0;box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
#testimonials .section-header {margin-bottom: 40px;}
#testimonials .testimonial-item .testimonial-img {width: 120px;border-radius: 50%;border: 4px solid #fff;float: left;}
#testimonials .testimonial-item h3 {font-size: 20px;font-weight: bold;margin: 10px 0 5px 0;color: #111;margin-left: 140px;}
#testimonials .testimonial-item h4 {font-size: 14px;color: #999;margin: 0 0 15px 0;margin-left: 140px;}
#testimonials .testimonial-item p {font-style: italic;margin: 0 0 15px 140px;}
#testimonials .owl-nav,#testimonials .owl-dots {margin-top: 5px;text-align: center;}
#testimonials .owl-dot {display: inline-block;margin: 0 5px;width: 12px;height: 12px;border-radius: 50%;background-color: #ddd;}
#testimonials .owl-dot.active {background-color: #007bff;}
/* Team Section--------------------------------*/#team {background: #fff;padding: 60px 0;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
#team .member {text-align: center;margin-bottom: 20px;position: relative;border-radius: 50%;overflow: hidden;}
#team .member .member-info {opacity: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: absolute;bottom: 0;top: 0;left: 0;right: 0;transition: 0.2s;}
#team .member .member-info-content {margin-top: 50px;transition: margin 0.2s;}
#team .member:hover .member-info {background: rgba(0, 62, 128, 0.7);opacity: 1;transition: 0.4s;}
#team .member:hover .member-info-content {margin-top: 0;transition: margin 0.4s;}
#team .member h4 {font-weight: 700;margin-bottom: 2px;font-size: 18px;color: #fff;}
#team .member span {font-style: italic;display: block;font-size: 13px;color: #fff;}
#team .member .social {margin-top: 15px;}
#team .member .social a {transition: none;color: #fff;}
#team .member .social a:hover {color: #007bff;}
#team .member .social i {font-size: 18px;margin: 0 2px;}
/* Clients Section--------------------------------*/#clients {padding:20px 0 40px 0;}
#clients .clients-wrap {border-top: 1px solid #d6eaff;border-left: 1px solid #d6eaff;margin-bottom: 30px;}
#clients .client-logo {padding: 64px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-right: 1px solid #d6eaff;border-bottom: 1px solid #d6eaff;overflow: hidden;background: #fff;height: 160px;}
#clients .client-logo:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
#clients img {transition: all 0.4s ease-in-out;}
/* Contact Section--------------------------------*/#contact {box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);padding: 60px 0;overflow: hidden;}
#contact .section-header {padding-bottom: 30px;}
#contact .contact-about h3 {font-size: 36px;margin: 0 0 10px 0;padding: 0;line-height: 1;font-family: "Zain", noto kufi arabic, 'Noto Sans' ;font-weight: 300;letter-spacing: 3px;text-transform: uppercase;color: #007bff;}
#contact .contact-about p {font-size: 14px;line-height: 24px;font-family: "Zain", noto kufi arabic,'Noto Sans' ;color: #888;}
#contact .social-links {padding-bottom: 20px;}
#contact .social-links a {font-size: 18px;display: inline-block;background: #fff;color: #007bff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;border: 1px solid #007bff;}
#contact .social-links a:hover {background: #007bff;color: #fff;}
#contact .info {color: #283d50;}
#contact .info i {font-size: 32px;color: #007bff;float: left;line-height: 1;}
#contact .info p {padding: 0 0 10px 36px;line-height: 28px;font-size: 14px;}
#contact .form #sendmessage {color: #007bff;border: 1px solid #007bff;display: none;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #errormessage {color: red;display: none;border: 1px solid red;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #sendmessage.show,#contact .form #errormessage.show,#contact .form .show {display: block;}
#contact .form .validation {color: red;display: none;margin: 0 0 20px;font-weight: 400;font-size: 13px;}
#contact .form input,#contact .form textarea {border-radius: 0;box-shadow: none;font-size: 14px;}
#contact .form button[type="submit"] {background: #007bff;border: 0;border-radius: 20px;padding: 8px 30px;color: #fff;transition: 0.3s;}
#contact .form button[type="submit"]:hover {background: #0067d5;cursor: pointer;}
/*******************************************************************//*******************************************************************/.special-offer {background: #BDDF33;padding: 8px 10px;color: #fff;font-weight: bold;text-align: center;position: absolute;z-index: 9;top: 0px;right: 0px;}
.new-tag {left: 15px;background-color: rgb(0,0,0,0.6);color: #fff;text-align: center;font-weight: bold;width: 70px;bottom: 10px;position: absolute;padding: 8px 10px;}
.list-product {position: relative;}
.list-product {font-size: 12px;padding: 80px 15px 31px 15px;}
.brand-logo img {width: 100px !important;text-align: center !important;margin: 0 auto !important;}
.brand-logo {position: absolute;top: 45px !important;left: 34% !important;width: 100% !important;right: 0 !important;left: 0 !important;text-align: center;}
.add-to-wishlist {position: absolute;width: 33px;height: 33px;background: #BDDF33;border-radius: 50%;left: 20px;text-align: center;top: 0px;transition: 0.5s;transform: scale(1);border: 1px solid #BDDF33;}
.add-to-wishlist:hover {background: #000;border-color: #000;}
.add-to-wishlist .fa {font-size: 19px;line-height: 33px;font-weight: 600;color:#fff;}
.colors-view p, .colors-view img {display: inline-block;}
.colors-view p {margin-left: 30px;text-transform: uppercase;/* float: left; */font-weight: 600;font-size: 14px;margin-bottom: 0;}
.colors-view img {border-radius: 50%;width: 20px;}
.colors-view {padding: 8px 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;margin: 17px 0;text-align: right;}
p.product-name, p.product-name a {color: rgb(0,0,0,0.6);font-size: 12px;font-weight: 700;text-align: center;text-transform: uppercase;margin-bottom: 10px; padding-bottom:0px; height:70px; line-height:15px; }
p.product-price {text-align: center;font-size: 19px;font-weight: 700;text-align: center;color: #000;text-transform: uppercase;line-height: 14px;direction: rtl;}
span.price-new {display:inline-block}
span.price-old {text-decoration: line-through;color: #d0d0d0;padding: 0 5px;display:inline-block}
/************************************************************************************/.banner-bottom-strip {background: #fff;border-bottom: 1px solid #d8d8d8;border-top: 0px solid #d8d8d8;float: left;width: 100%;}
.banner-bottom-strip ul {width: 100%;float: left;margin: 0;padding: 15px 0;}
.owl-carousel.slider-carousel {direction:ltr !important}
.guarantee-txt { font-size: 45px; width: 100%; float: left; text-align: center; color: #BADB33; font-weight: 600; }
.banner-bottom-strip.strip2 ul{padding:15px 0;}
.banner-bottom-strip ul li{width:33.33%;position:relative;height:86px;display:table; float:right;}
.banner-bottom-strip ul li:before{background:url(../images/sprite.png) no-repeat;background-position:0 0;content:"";position:absolute;right:0px !important;top:10px;width:68px;height:65px;}
.banner-bottom-strip ul li:first-child:before{background-position:0 -88px;}
.banner-bottom-strip ul li:nth-child(2):before{background-position:0 -154px;}
.banner-bottom-strip ul li:last-child:before{background-position:0 -219px;}
.banner-bottom-strip ul li p{display:table-cell;vertical-align:middle;height:100%;float:none;font-size:20px;font-weight:600;text-transform:uppercase;padding:0 85px 0 0px;text-align: right;color:#000}
.strip3.banner-bottom-strip ul li p {display: table-cell; vertical-align: middle; height: 100%; float: none; font-size: 28px; font-weight: normal; text-transform: capitalize; padding: 0 47px 0 0px; text-align: right; color: #6d6e71; width: 69%; line-height: 36px; }
.banner-bottom-strip ul li::after {background: #d8d8d8 !important}
.banner-bottom-strip ul li p a {color: #000;}
.banner-bottom-strip ul li:after{background:#BDDF33;content:"";position:absolute;left:30px;top:14px;width:1px;height: 60%;top: 20%;}
.banner-bottom-strip ul li:last-child:after{display:none;}
.banner-bottom-strip.strip2 ul li p {font-weight: 400;text-transform: none;}
.banner-bottom-strip.strip2 {background: #f4f4f4;border-color: #f4f4f4;}
.banner-bottom-strip.strip2 ul li:first-child:before{background:url(../images/phone.png) no-repeat;background-position:center;content:"";position:absolute;right:40px;top:10px;width:68px;height:65px;background-size: 50px;}
.banner-bottom-strip.strip2 ul li:nth-child(2):before{background:url(../images/whatsapp.png) no-repeat;background-position:center;content:"";position:absolute;right:40px;top:10px;width:68px;height:65px;background-size: 50px;}
.banner-bottom-strip.strip2 ul li:last-child:before{background:url(../images/email.png) no-repeat;background-position:center;content:"";position:absolute;right:40px;top:10px;width:68px;height:65px;background-size: 50px;}
.footer-col.no-border { border: 0 !important; }
.footer-col.no-border.social-area { float: left !important; width: 25%;border:0 }
.footer-col .social {float: left;}
.footer-col .social p { font-size: 21px; color: #fff; font-weight: normal; text-transform: none;border: 0; margin-bottom: 10px; text-transform:capitalize}
.footer-col .social { float: left; width: 41%; }
footer{float:left;width:100%;padding:36px 0 25px 0; background:#383838;}
.footer-col-1{padding-left:0 !important;}
.footer-col p { font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 0; color: #fff; border-bottom: 1px solid #fff; float:right; margin-bottom:10px; line-height:35px; }
.footer-col p a { color:#000; }
.footer-col p a:hover {color:#fa9b25;}
.footer-col ul{margin:0px 0 0 0 !important;list-style-type: none;padding: 0;}
.footer-col ul li{width:100%; float:left}
.footer-col ul li a { color: #fff; font-size: 16px; line-height:25px; text-transform: capitalize; font-weight: 500; padding: 0; float: right; }
.footer-col ul li a:hover {color:#fff;}
.footer-col form input{width:100%;float:left;border:1px solid #e9e9e9;height:40px;padding:0 0 0 20px;margin:0 0 17px 0;}
.footer-col form{margin:25px 0 0 0;float:left;width:100%;}
.footer-col button{background:transparent;border:none;line-height:1;color:#000;font-size:13px;padding:10px 20px;text-transform:uppercase;font-weight:700;transition:0.5s;position:relative;z-index:9;}
.button-wrap{float:left;border-radius:50px;overflow:hidden;background:#BADB33;border:1px solid #FFF;line-height:1;transition:0.5s;position:relative;}
.button-wrap:hover{border:1px solid #BADB33;}
.button-wrap:before{content:"";background:#fff;border:1px solid #fff;width:50%;height:100%;position:absolute;left:-101%;top:0;transition:0.5s;border-radius: 17px 0px 0 17px;}
.button-wrap:hover:before{left:0;transition:0.5s; display:none}
.button-wrap:after{content:"";background:#fff;border:1px solid #fff;width:50%;height:100%;position:absolute;right:-101%;top:0;transition:0.5s; border-radius: 0px 17px 17px 0px;}
.button-wrap:hover:after{right:0;transition:0.5s; display:none}
.copy-txt { float: left; width: 100%; padding: 18px 0 0 0; text-align: center; }
.copy-txt p { font-size: 15px; text-transform: capitalize; color: #6d6e71; font-weight: normal; margin: 0; }
.copy-middle{margin:0px auto; /* width:300px; */width:auto;}
.brand-d{width: auto; float: left;}
.cards { width: 100%; float: none; margin-top: 10px; margin-left: 0; text-align: center; display: table; margin: 0 auto; }
.cards img:last-child{/*margin:0;*/}
.cards img{float:none;margin:0 0 0 4px;}
.copyright-outer {float: left;width: 100%;padding: 15px 0;}
.social{width:auto;float:right;    margin-top: 0px;}
.copyright-outer .social {display: none;}
.social p{width:auto;font-size:13px;text-transform:uppercase;color:#000;font-weight:600;margin:0;padding:0px 15px 0 0;}
.social ul{width:auto;list-style-type: none;padding: 0;float: right;}
.social ul li{width:auto;}
.social ul li:first-child{margin:0;}
.social ul li { width: auto; margin:0 15px 15px 0px; line-height: 1; float: right; border-right: 1px solid #fff; padding-right: 15px;height: 50px; }
.social ul li:first-child {border-right:0;}
.social ul li a{color:#000;font-size:17px;font-weight:700;margin:5px 0 5px 0;float:left;transition:0.5s;}
.social ul li:first-child a:hover {transition:0.5s;color:#475993;}
.social ul li:nth-child(2) a:hover {transition:0.5s;color:#1da1f2;}
.social ul li:nth-child(3) a:hover {transition:0.5s;color:#0077b7;}
.social ul li:nth-child(4) a:hover {transition:0.5s;color:#f61c0d;}
section#newsletter {text-align: center;padding: 25px 0 30px;float: left;width: 100%;}
#newsletter input[type="text"] {width: 75%;float: right;text-transform: capitalize;background: transparent;border: 2px solid #BADB33;padding: 8px 20px;line-height: 27px;color:#000; font-size:10px;}
#newsletter .button-wrap {width: 25%;float: right;border-radius: 0;border: 0;line-height: 27px;}
form#clsNewsletter { width: 67%; margin: 0 auto; float: none; }
#newsletter .button-wrap button {width: 100%;border: 2px solid #BADB33;background:#BADB33;padding: 8px 10px 9px;border-radius: 0;color:#fff;font-size: 20px;}
#newsletter input[type="text"]::placeholder {color: #ccc;}
section#newsletter h2.section-title {margin-bottom: 5px;text-transform: uppercase;}
section#newsletter p {color:#6d6e71;margin-bottom: 20px;font-size: 21px;}
span.term {float: left;width: 100%;margin-top: 40px;color: #fff;}
.footer-col { width: 25%; padding: 0 2%; padding-left:2% !important; text-align:right}
.app-download a span {margin-bottom: 15px;float: right;}
.app-download {margin-top: 10px;}
.app-download a:last-child span{margin-bottom: 0;}
.right-nav ul {list-style-type: none;padding: 0;}
.right-nav ul li {display: inline-block;}
.right-nav {float: right;}
nav.main-nav {margin-top: -15px;float: right !important;}
.right-nav ul li:after {content: "";width: 1px;height: 14px;position: absolute;left: -2px;top: 48%;transform: translateY(-50%);}
.right-nav ul li {position: relative;padding:0 5px;cursor: pointer;}
.right-nav ul li:last-child {padding-right: 0; padding-left:0;}
.right-nav ul li:last-child:after {display: none;}
li.currency select {font-family: "Zain", noto kufi arabic, 'Noto Sans';padding-left: 25px !important;background: transparent;cursor: pointer;padding-right:5px !important;}
li.currency:before {/* content: "\f078"; */font-family: FontAwesome;padding-right: 10px;position: absolute;left: 10px;color: #BADB33;}
.right-nav ul li.currency {padding-left: 0;background: url(../images/menu-arrow.png) no-repeat 15% center;padding-right:0;}
li.language:hover {color: #BADB33;}
.right-nav ul li .dropdown-toggle::after {display: none;}
.right-nav ul li .badge {position: absolute;background: #BADB33;border-radius: 50%;color: #fff;top: -6px;font-size: 10px;left: 16px;
right: 0;margin: 0 auto;width: 12px;height: 12px;line-height: 7px; padding:2px;}
.right-nav ul li, .right-nav ul li a {color: #58595b;font-size: 12px;}
.right-nav ul li .fa, .right-nav ul li a .fa {font-size: 18px;}
.right-nav ul li.wishlist {padding-right:10px;color: red;}
.main-nav > ul > li.drop-down ul {background: rgba(255,255,255,0.8);}
.main-nav > ul > li > li a:after {width: 100%;height: 1px;}
.main-nav > ul > li li a:after {width: 100px;height: 1px;bottom: 0;top: auto;left: 15px;background: #BADB33; left:0; right:0; margin:0 auto}
.main-nav > ul > li li:last-child a:after {display: none;}
.main-nav > ul > li:last-child a {padding-right: 0;}
.mobile-nav a:before {content: "";height: 1px;position: absolute;left: 10px;right: 10px;bottom: 0;background: rgba(88, 89, 91, 0.5);}
.mobile-nav .drop-down li {padding-right: 0;margin-right: 20px;border-right: 3px solid #BADB33;}
.mobile-nav > ul >li.drop-down.active a:before {display: none;}
.mobile-nav > ul >li.drop-down.active li a:before{display:block;background: #BADB33;}
.mobile-nav .active.drop-down > a:after {color: #BADB33;}
li.phone, li.whatsapp, nav.main-nav li.language, nav.main-nav li.wishlist{display:none;}
.main-nav > ul > li:nth-last-child(6) a:after {display: none;}
.main-nav > ul > li:nth-last-child(6) a {padding-left: 0;}
/**********************************************************/
.my-bag ul {
    width: 310px !important;
    right: auto !important;
    left: -10px !important;
    top: 25px !important;
    transform: translateX(0) !important;
}
.my-bag ul li { padding: 0 !important; border: none !important; }
.cart-panel { float: left; width: auto; padding: 10px; background: #fff; border: none; border-top: 0; margin: 0; }
.cart-panel p{font-size:14px;font-weight:300;margin:0 0 20px}
.cart-panel-in{float:left;width:100%}
.images-description-panel {float: right;width:100%;}
.hd {float: right;width:100%;font-size:16px;text-align:center;text-transform:uppercase;color:#555;font-weight:700;margin-bottom:10px;}
.hd span{color:#BADB33}
.cart-item {float: right;width: 100%;border-top: 1px solid #e5e5e5;padding: 10px 0 0 0;margin: 0;position: relative;}
.pro-name{float: right;width:100%;font-size:14px;color:#555;margin:0 0 10px;text-align: right;}
.cart-img {float: right;margin: 0;width: 55px;margin: 0 0 10px 10px;text-align: center;padding:0px;}
.cart-img-disc {float: right;width: 65%;margin: 0 0px 0 0; text-align:right;}
.cncl-pro {float: left;position: absolute;left: 0;top: 40%;}
.rw1 {float:right;width:100%;margin:2px 0 7px;font-size:14px;color:#555;    text-align: right;}
.cl1 {float:right;width:auto; padding-left:5px;}
.cl2 { float: right; width: 12px; }
.cl3 {float:right;width:auto;}
.total { float: left; width: 100%; font-size: 16px; color: #555; font-weight: 700; line-height: 1; }
.cart-item-wrap {float: right;width: 100%;max-height: 301px; height:auto;overflow: auto;}
.bag-buttons.more a{float:right;font-size:12px;text-transform:uppercase;color:#fff;background:rgb(0,0,0,0.6);line-height:1;padding:10px 0px;border-radius:0;width:47%;transition:0.5s;position:relative;overflow:hidden;border: 1px solid rgb(0,0,0,0.6); margin-right:5px}
.bag-buttons.more a.view-bag{float:right;font-size:12px;text-transform:uppercase;color:#fff;background:#BDDF33;line-height:1;padding:10px 0px;border-radius:0;width:47%;transition:0.5s;position:relative;overflow:hidden;border: 1px solid #BADB33; margin-right:5px}
.bag-buttons.more a span{position:relative;z-index:1;background: none; padding:0 25px}
.bag-buttons.more a span:before {display:none;}
.bag-buttons.more a:hover{color:rgb(0,0,0,0.6);}
.bag-buttons.more a.view-bag:hover{color:#BADB33;}
.bag-buttons.more a:before{width:50%;background:#fff;position:absolute;left:-101%;top:0;height:100%;content:"";transition:0.5s;}
.bag-buttons.more a:after{width:50%;background:#fff;position:absolute;right:-101%;top:0;height:100%;content:"";transition:0.5s;}


/*.bag-buttons.more a:hover:before{left:0;transition:0.5s;}
.bag-buttons.more a:hover:after{right:0;transition:0.5s;}*/


.bag-buttons.more { float: left; width: 100%; text-align: center; margin: 20px 0 0 0; }
.dropdown.my-bag { padding-bottom:0px; }
.my-bag ul:before { content: ""; position: absolute; top: -8px; left: 10px !important; left:initial; width: 13px; height: 8px; background: url(../images/my-bags-ul-arrow.png) no-repeat center; }
.togglesearch{background: #E8E8E4;position: absolute;top: 43px;left: 0;width: 350px;height: auto;line-height: 32px;box-shadow: 0 0 10px rgba(0,0,0,0.5);border-top: 1px solid #BADB33;display: none;z-index: 9;}
.togglesearch:before{content: "";position: absolute;top: -28px;left: 13px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 14px solid transparent;border-bottom: 14px solid #BADB33;}
.togglesearch input[type="text"]{width: 70%;padding: 5px 10px;margin-left: 0;border: 1px solid #BADB33;outline: none;}
.togglesearch input[type="button"]{width: 30%;padding: 5px 0;background: #BADB33;color: #fff;margin-right: -4px;border: 1px solid #BADB33;outline: none;cursor: pointer;}
.mobile-hide {display: none;}
.search-label {width: 46px;height: 46px;position: absolute;left: 0;top:0px;padding: 0;margin: 0;text-align: center;cursor: pointer;line-height: 46px;background:transparent;z-index: 90;}
.form-control-submit {background: #fff;opacity: 0;color: transparent;border: none;outline: none;z-index: -1;}
.search-form input {float: left;width: 75%;line-height: 1.5;color: #000;border: 1px solid #fff;border-radius: 0 5px 5px 0;font-size: 16px;font-weight: 400;}
.search-form input {position: absolute;top: 0;left: 0;outline: none;width: 100%;height: 46px;margin: 0;z-index: 10;padding-left: 60px;     text-align: center;}
.form-group.sb-search-open, .no-js .sb-search-open {width: 100%;}
ul.search {width: 100%;float: left;}
.sb-search-open .search-label {background: #BEE034;border-radius:5px 0 0 5px;}
div#search.form-group.sb-search-open, .no-js .sb-search-open {width: 100%;border: 1px solid #BADB33;border-radius: 5px;}
.right-nav > ul {float: right;margin-top: 0px;margin-left: 0;padding-left: 10px;margin-bottom: 0; direction:ltr; max-width:unset;}
div#search {width: 0%;position: relative;width: 0%;min-width: 46px;height: 46px;overflow: hidden;transition: width 1s;top:3px;backface-visibility: hidden;float: right !important; border:1px solid transparent;}
form.search-form {width: 100%;}
li.search {width: 100%;}
.right-nav.hidden-xs {}
.right-nav > ul.search {margin-top: 0;margin-right: 0;padding-left: 0;max-width: 350px;margin-right: 0;}
div#search.form-group.sb-search-open, .no-js .sb-search-open{width: 100%;	}
.right-nav ul li.search {padding-right: 0;}
.item.slide-1 { /*background: url(../images/header-01.jpg) no-repeat center;*/ height:625px;background-size: cover; }
.item.slide-2 { /*background: url(../images/header-02.jpg) no-repeat center; */ height:625px;background-size: cover; }
.slider-carousel .owl-prev { background: #00000021 !important; width: 44px; height: 45px; float: left; }
.slider-carousel .owl-next { background: #00000021 !important; width: 44px; height: 45px; float: right; }
.slider-carousel .owl-nav { width: 100%; float: left; position: absolute; top: 40%; }
[type=button], [type=reset], [type=submit], button{cursor:pointer;}
footer{float:left;width:100%;padding:36px 0 25px 0;background:#383838}
/*********** Detail page**************/.bread-crumb{padding:15px 0;text-align:center;color:#000;font-size:15px;text-transform:uppercase;background:#f7f8f8;border-bottom:1px solid #dbdbdb;}
.bread-crumb a{color:#000;}
.bread-crumb p{margin:0;}
#slider{padding:25px 25px 10px 25px; position:relative;}
#slider .flex-direction-nav{top:auto !important; bottom:32px !important;right: 10px;width:90%;}
.detail-page { margin: 150px 0 50px 0; }
.product-name .content-head{text-align:left;font-size:16px;margin:15px 0 0 0;}
.product-name .content-head:before{left:0;width:80px;display:none}
.product-name .content-head:after{left:0;width:40px;display:none}
.fl-wdth { float: left; width: 100%; }
.zoom-img.col-md-12.col-lg-7.col-sm-12.col-xs-12 { float: right; }
.col-md-12.col-lg-5.col-sm-12.col-xs-12.details-content-wrapp { float: left; padding-right: 3%; width: 78% !important; flex: 78% !important; max-width: 41% !important; border-right: 1px solid #dfe0e1;padding-bottom: 32px; }
.detail-area { float: left; width: 100%; }
.brand-logo.fl-wdth { position: static; width: 100% !important; }
.brand-logo.fl-wdth img {width:150px !important}
.product-name .content-head { text-align: right; font-size: 16px; margin: 15px 0 0 0; color: #BADB33;padding:0 !important}
.model-number.model-number2 { float: right; }
.model-number p { font-size: 16px; text-transform: capitalize; color: #5a5b5d; font-weight: normal;margin-bottom: 0;}
.model-number p span{color:#BADB33;float: left;}
.model-number {float: right;width: auto;margin-left: 40px;}
.model-color{float:left;width:60%;}
.model-color p.fav-color { padding:10px 0 0; color:#FF0000;  text-transform: capitalize; }
.model-color p{font-size:15px;text-transform:uppercase;color:#000;font-weight:600;width:auto;margin:0 5px 0 0;}
.model-color span img{float:left;margin:-4px 5px 0 0;}
.model-details{margin-bottom:0px;}
.model-color span{float:left;font-size:15px;text-transform:uppercase;color:#000;font-weight:600;margin:-4px 0 0 0;}
.add-to-cart-wrap{margin:8px auto 0;padding:0;border-top:0px solid #e9e9e9;border-bottom:0px solid #e9e9e9; float: left; width: 100%;  }
.add-to-cart-details{float:left; margin:0; width: 100%; }
.add-to-cart-details a { background: #BADB33 !important; color: #fff; text-transform: capitalize; font-size: 20px; font-weight: normal; padding: 10px 20px; border-radius: 0; position: relative; float: left; width: 59%; text-align: center; width: 100%; border:1px solid transparent}
.add-to-cart-details a:hover{color:#BADB33;background:#fff !important;border:1px solid #BADB33}
.try-glass-details{float:left;margin:0 20px 0 0;}
.medical-lens a { background: #58595b; color: #fff; text-transform: capitalize; font-size: 20px; font-weight: normal; padding: 10px 20px; border-radius: 0; position: relative;float: left; width: 59%; text-align: center; width: 100%;border:1px solid transparent }
.medical-lens a:hover{color:#58595b;background:#fff !important;border:1px solid #58595b;}
.medical-lens a:before{content:"";position:absolute; background:none;transition:0.5s;}
.rating-share { margin: 10px 0 0px 0; float: left; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.rating-share ul { margin: 0 !important; padding: 0 !important; display:none; }
.rating-share ul li{width:auto;list-style:none;float:right}
.rating-share ul li span{float:left;width:20px;height:18px;background:url(../images/sprite.png) no-repeat -132px 0;}
.rating-share ul li span.star-fill{background-position:-111px 0;}
.rating-share ul li p{width:auto;margin:0 14px 0 0;font-size:13px;text-transform:uppercase;color:#5a5b5d;}
.rating-share ul li i{margin:0;float:left;font-size:24px;color:#000;}
.price-wrap p{font-size:22px;color:#BADB33;font-weight:bold;margin:0 25px 0 0;width:auto;}
.price-wrap p.price-p-old{color:#d0d0d0;margin:0;text-decoration:line-through;}
.price-quantity .wish-list-wrap{width:42px;height:42px;background:#f1f2f2;border-radius:50%;position:relative;top:9px;margin:0 25px 0 0;}
.price-quantity .wish-list-wrap:before{background:url(../images/sprite.png) no-repeat;background-position:-19px -1px;position:absolute;left:11px;top:13px;content:"";width:21px;height:18px;}
.frame-size p { margin-bottom: 0;text-align: right; }
.add-price { float: right; }
.title-p { color: #5a5b5d;float: right; }
.add-price.disc {margin: 0 22px;color: #5a5b5d;}
.price-wrap.fl-wdth {border-bottom:1px solid #ccc;}
.frame-size { margin: 10px 0;color: #5a5b5d;float: right;}
.frame-size b { font-weight: normal; color: #BADB33; float: right; padding-left: 7px; text-transform:uppercase}
.frame-popup a.btn-orange { background: #fff; margin-right: 10px; border: solid 1px #ccc; }
.frame-popup a.btn-orange:hover{ background: #FFF; color:#000; }
.frame-popup a.btn-orange:before{background: url(../images/frame-guide-img-orange.png) no-repeat center;background-position: 0 -12px;}
.frame-popup a.btn-orange:hover:before{background: url(../images/frame-guide-img-orange.png) no-repeat center;background-position: 0 0;  transition: .5s;}
.frame-popup a { display: block; padding: 10px 4px; float: right; border: solid 1px #ccc; border-radius: 0; line-height: 15px; font-size: 14px; font-family: "Zain", noto kufi arabic, 'Source Sans Pro', sans-serif; font-weight: normal; color: #BADB33; background-color: #fff; transition: 0.5s; position: relative; width: 48%; text-align: center; text-transform: uppercase;/* margin: 0 2%; */ }
.frame-popup a:hover{color:#000;background:#fff;transition:0.5s;  border:solid 1px #ccc !important;  }
.add-wish-list-details { float: right; margin-left: 25px;margin-top: 13px; }
.add-wish-list-details a, .share-details a { color: #58595b; font-size: 14px; }
.add-wish-list-details a i, .share-details a i { color: #BADB33; margin-left: 9px; font-size: 26px !important; float: right; }
.add-to-cart-wrap.add-to-cart-wrap2 { width: 270px; margin: 0 auto; float: none; clear: both; }
.share-details {margin-top: 13px;float: left;}
.flex-direction-nav a.flex-prev {background: url(../images/left-arrow.jpg) no-repeat left center !important;width:35px;height:53px;}
.flex-direction-nav a.flex-next {background: url(../images/right-arrow.jpg) no-repeat right center !important;width:35px;height:53px;}
.review-comment input { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; width: 100%; border-radius: 10px; height: 40px; padding: 13px; color: #b0b0b0; }
.comment-title {float: right; font-size: 27px; margin-bottom: 10px; }
.review-btn { width: auto !important; padding: 0 20px !important; color: #fff !important; font-size: 22px; border: 0 !important; 	border-bottom-color: currentcolor; 	border-bottom-style: none; 	border-bottom-width: 0px; border-bottom: 0 !important; font-weight: normal; border-radius:0 !important;margin-top: 0 !important;}
.review-btn:hover {background:#fff !important;border:1px solid #BADB33 !important;color:#BADB33 !important}
.owl-carousel, .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{width:100%;z-index:1}
.owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
.owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;direction: ltr !important;}
.owl-item img{display:block;width:100%}
.owl-dots.disabled,.owl-nav.disabled{display:block}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-dot,.owl-nav .owl-next,.owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl ;}
.client-carousel .owl-stage-outer
{
  direction:rtl !important;
}
.owl-carousel.owl-rtl .owl-item{float:right}
.animated{animation-duration:1s;animation-fill-mode:both}
.owl-animated-in{z-index:0}
.owl-animated-out{z-index:1}
#demos { float: left; width: 100%; }
.slider-carousel .owl-nav { width: 100%; float: left; position: absolute; top: 40%; }
.slider-carousel .owl-prev { background: #00000021 !important; width: 44px; height: 45px; float:left }
.slider-carousel .owl-prev span {font-size: 47px;color: #fff;line-height: 37px;}
.slider-carousel .owl-next { background: #00000021 !important; width: 44px; height: 45px; float:right}
.slider-carousel .owl-next span {font-size: 47px;color: #fff;line-height: 37px;}
.owl-carousel.related-carousel.wow.fadeInUp.owl-loaded.owl-drag { float: left; width: 100%; direction: ltr;}
.product-name { text-align: center; font-size: 14px; }
.owl-carousel.related-carousel .owl-nav button.owl-prev,.client-carousel .owl-nav button.owl-next {top:50%}
.owl-carousel.related-carousel .owl-nav button span {font-size:43px}
.owl-carousel.related-carousel  .owl-nav button span { color: #c0c0c0; font-size: 56px; }
.owl-carousel.related-	carousel  .owl-nav button.owl-prev {left: 0;top: 50%;}
.owl-carousel.related-carousel  .owl-nav button.owl-next {right: 0;top: 50%;}
.owl-carousel.related-carousel .item {text-align:center}
.client-img2 {width: 82% !important;display:initial !important;}
.owl-carousel.related-carousel .owl-prev {float:right;margin-left: -10px !important;}
.owl-carousel.related-carousel .owl-next {float:left;margin-right: -10px !important;}
.owl-carousel.related-carousel .owl-nav { margin-top: -120px; float: left; width: 100%; }
#my-carousel-1 { margin-left: -5px; margin-right: -5px; }
.item .slide-2 .tagline-box { width: 300px; right: 0; left: auto; }
.item .slide-2 .tagline-box  .tagline-1 { color:#fff; }
.item .slide-2 .tagline-box  .tagline-2 { color:#fef32c;  font-size:80px; line-height: 1; }
.banner .slide-2 .tagline-box  .tagline-2 sup { color:#b1d92e;  font-size:40px; }
.banner .slide-2 .tagline-box  .tagline-3 { color:#fff; font-size:24px; float: left; width: 100%;}
.banner .slide-2 .tagline-box a {color: #fff !important; background: transparent; border: 1px solid #fff;}
.banner .slide-2 .tagline-box a:hover {background: #fff;color: #000 !important;}
.guarantee-txt { font-size: 45px; width: 100%; float: left; text-align: center; color: #BADB33; font-weight: 600; }
.details-description-head { color: #BADB33; text-align: center !important; width: 100%; float: left; margin-top: 22px; font-size:33px; text-transform: uppercase; margin-bottom: 0; }
.details-description-wrap.fl-wdth:last-child {border: 0;}
.details-description-wrap { border-bottom: 1px solid #c0c1c2; }
.content-head{margin:0;text-align:center;position:relative;font-size:40px;color:#000;padding:0 0 17px 0;}
.content-head:before{position:absolute;left:46.5%;bottom:0;content:"";background:#000;width:7%;height:1px;}
.content-head:after{position:absolute;left:48.25%;bottom:-6px;content:"";background:#000;width:3.5%;height:1px;}
.review-container { float: left; width: 100%; border: 1px solid #dfdfdf; padding: 30px 80px 0;padding-top: 40px;margin-top: 50px;}
.review-container .container { padding: 0 100px; }
.review-imgcolum { float: right; width: 80px; text-align: right; }
.review-textcolum {float:right;width:860px;}
.review-title { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 5px; }
.review-title-2 { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 5px; }
.review-container .login-leftarea{ width: 100%;border-right:none;    padding: 0 0 30px 0px;}
.review-container .login-leftarea .form-area {     margin: 0 auto;    float: none;}
/* Ratings widget */.rate { display: inline-block; border: 0; float: right; margin-right: 10px; }
/* Hide radio */.rate > input { display: none; }
/* Order correctly by floating highest to the right */.rate > label { float: right; color: #e8e8e8; }
/* The star of the show */.rate > label:before { display: inline-block; font-size:13px; padding: .3rem .2rem; margin: 0; cursor: pointer; font-family: FontAwesome; content: "\f005 "; /* full star */ }
.rate2 > label:before {font-size:15px;}
/* Half star trick */ .rate .half:before { content: "\f089 "; /* half star no outline */ position: absolute; padding-right: 0; }
/* Click + hover color */.rate input:checked ~ label, /* color current and previous stars on checked */.rate label:hover, label:hover ~ label { color: #BADB33 !important  }
/* color previous stars on hover *//* Hover highlights */.rate input:checked + label:hover, .rate input:checked ~ label:hover, /* highlight current and previous stars */.rate input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */.rate label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #ff002e;  }
.review-content { float: left; width: 100%; color: #000; font-size: 14px; }
.review-textcolum { float: left; width: 840px; text-align: right; }
29.review-rating { float: left; width: 100%; }
.review-content { float: left; width: 100%; color: #000; }
.month-area { color: #b0b0b0; }
.review-comment {float:left;width:100%;margin-bottom: 40px;}
.review-comment textarea { border: 1px solid #e0e0e0; width: 100%; border-radius: 10px; height: 100px; padding: 13px; color: #b0b0b0; }
.review-btn {background: #BADB33; width: 160px; float: left; font-size: 16px; color: #000; text-align: center; border: 0; padding: 6px 0; margin: 15px 0 20px 0; border-radius: 50px; clear: both; -webkit-transition: 0.5s; text-transform: uppercase; color: #fff; text-transform: capitalize; font-size: 24px; font-weight: 600; padding: 5px 20px 8px; border-radius: 0; position: relative; border: 1px solid #BADB33}
.review-btn:hover { background: #fff !important;border:1px solid #BADB33;color:#BADB33;}
.review-comment fieldset.rate { float: left; margin-top: 18px; }
.profile-col2 { float: left; width: 100%; padding-left: 0%; }
.profile-col2 .log-reg-input{width:100%;padding: 0 0 5%;border-bottom: 1px dashed #c6c6c6;}
.profile-col2 .log-reg-input:last-child{width:100%;padding: 0 0 5%;border-bottom: none;}
.review-colum {width:100%;float:left;margin-bottom: 50px;}
.strip3.banner-bottom-strip ul li:last-child p {padding-right: 0px !important;}
.right-nav ul li a img { width: 80%;  }
.right-nav ul li.wishlist img { width: 77%; }
.right-nav ul li.wishlist .badge {
    padding-left: 0;
    padding-right: 0;
}
li.currency.mobile {display: none;}
span.search-label img {max-width: 45% !important;}
.mobile-detail {display:none}
::-webkit-input-placeholder { /* Edge */color: #ccc;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #ccc;}
::placeholder {color: #ccc;}
span.search-label img {max-width: 45% !important;}
ul.search.mobile {display:none !important}
ul.search.desktop {display:block !important}
.row.portfolio-container.inside-area {float: left;width: 100%;margin:0px 0 40px 0;background: #f6f6f67d;padding: 50px 0;height: auto !important;}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position:static !important;}
.special-offer2 { width: 100%; float: left; text-align: center; margin-bottom: 50px; font-size: 33px; font-weight: 600; text-transform: capitalize; }
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item .portfolio-wrap {background: #fff;padding: 10px !important;}
p.details-description {text-align: right;}
.price-p span.title-p {margin-right: -23px !important;}
.mobile-block { display:none}
.mobile-none { display:block}
.right-nav ul li.my-bag .badge { left:15px; right:auto; margin:0}

.desktop-social {display:block}
.mobile-social {display:none}


/*--------------------------------------------------------------# Responsive Media Queries--------------------------------------------------------------*/
.footer-col .social {width:100%; display:flex; flex-flow:column; align-items:flex-start}
.footer-col .social p { text-transform:uppercase}
/* li.my-account.hidden-xs.dropdown {
    padding-right: 0;
} */
@media (max-width: 1024px) {.medical-lens a {font-size: 16px;}
.price-wrap p {font-size: 26px;}
.model-number {float: right;width: 100%;margin-left: 0;}
.model-number p {font-size: 18px;}
.review-textcolum {width: 80%;}
.slider-img { background-size: auto 100% !important; height: 580px !important; }
.logo {max-width: 136px;}
.main-selection p {font-size: 53px;}
.copy-middle{width:auto}
p.product-price span {font-size: 13px;}
.right-nav > ul.search { margin-right:250px}
div#search { top:-2px}
}
@media (min-width: 992px) {#testimonials .testimonial-item p {width: 80%;}
}
@media (max-width: 991px) {.slider-img { background-size: auto 100% !important; height: 440px !important; }
div#search { border-radius:5px;  }
#header .logo h1 {font-size: 28px;padding: 8px 0;}
#intro .intro-img {width: 80%;float: none;margin: 0 auto 25px auto;}
#intro .intro-info {width: 80%;float: none;margin: auto;text-align: center;}
#why-us .card {margin: 0;}
.main-selection.trend, .main-selection.promo {margin-bottom: 30px;width: 48%;float: right;}
.main-selection.promo{float:left;}
.variety {min-height: 235px;background-size: cover !important;}
.banner-bottom-strip ul {float: left;width: 100%;padding:0;margin:0;}
.banner-bottom-strip.strip2 ul li:first-child:before, .banner-bottom-strip.strip2 ul li:last-child:before, .banner-bottom-strip.strip2 ul li:nth-child(2):before{left:10px;}
.banner-bottom-strip ul li:first-child:before, .banner-bottom-strip ul li:last-child:before, .banner-bottom-strip ul li:nth-child(2):before{left:10px;}
.banner-bottom-strip.strip2 ul li {width: 30%;}
li.phone, li.whatsapp, .mobile-nav li.language, .mobile-nav li.wishlist{display:block;}
.mobile-nav li.language, .mobile-nav li.wishlist {display: inline-block !important;width:auto;float: left;color: #BADB33;padding: 15px;}
.mobile-nav li.language {text-align: right;display: none !important;}
.mobile-nav li.phone, .mobile-nav li.whatsapp {padding: 15px 0;width: 46%;float: right;background: #f4f4f4;position: relative;text-align: center; margin:5px; border-radius:10px; right:5px;}
li.phone:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/phone.png) no-repeat 15px center;background-size: 20px;}
li.whatsapp:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/whatsapp.png) no-repeat 15px center;background-size: 20px;}
.right-nav {margin-right:0;margin-top:0;}
.app-download span img {max-width: 100%;}
.banner-bottom-strip ul li p {padding: 22px 0;padding-right: 85px;/* padding: 30px 0 30px 85px; */}
.banner-bottom-strip ul li:after {left: 8px;}
p.product-price{    font-size: 16px;}
.product-image img {display: inline-block;}
.product-image {text-align: center;}
.social {width: 100%;text-align: center;}
.copy-txt, .copy-middle {width: 100%;text-align: center;}
.cards {display: inline-block;float: none;}
li.wishlist {display: none !important;}
li.wishlist .black {color: #000;margin-left: 15px;float: right;}
.mobile-nav li.wishlist span.badge {left: 74px;background: #BADB33; color: #fff; position: absolute; width: 15px; border-radius: 50%; height: 15px; line-height: 12px; padding:2px;} 
.mobile-nav li {width: 100%;float: right;}
.togglesearch {right: -177px;}
.togglesearch:before {right: 180px;}
.mobile-hide {display: block;}
.right-nav > ul.search { display: block; margin-right: 93px; padding:0 }
li.phone:before {content: "";position: absolute;right: 0;top: 0;width: 40px;height: 100%;background: url(../images/phone.png) no-repeat 15px center;background-size: 20px;}
li.whatsapp:before {content: "";position: absolute;right: 0;top: 0;width: 40px;height: 100%;background: url(../images/whatsapp.png) no-repeat 15px center;background-size: 20px;}
.mobile-nav li.search div#search {width: 100%;}
.mobile-nav li.search {padding: 0 15px;}
.right-nav ul li.my-bag .badge { left:1px; right:0; margin:0 auto}
div#search { top:4px}
}
@media (max-width: 768px) {
.desktop-social {display:none !important}
.mobile-social {display:block !important}	
#header {
    padding: 10px 0;
}	
li.my-account.hidden-xs.dropdown {
    padding-right:8px;
}
.details-description-head {font-size: 31px;}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position: static !important; width: 50% !important; max-width: 50% !important; flex: 50% !important;}
div#search {margin-bottom: 0 !important}
.frame-size p {width:49% !important;margin-bottom: 0;float: right;}
.detail-page {margin:0px 0 50px 0;}
.mobile-nav .drop-down li a {width: 97% !important;padding: 10px 10px;}
.right-nav ul li.currency {display:none}
li.currency.mobile { margin-right: 9px; /*background: url(../images/menu-arrow.png) no-repeat 85% center;*/ display: block !important; float: right; width: 91px; margin-top: 27px; } 
section#intro {padding-top: 70px;clear: both;}
.footer-col, .footer-col.no-border.social-area {width: 25%;}
.back-to-top {bottom: 15px;}
.strip3.banner-bottom-strip ul li p { font-size: 25px; line-height: 28px; padding-top: 0; }
section#newsletter h2.section-title { font-size: 48px; }
.footer-col .social { float: left; width: 100%; }
.col-md-12.col-lg-5.col-sm-12.col-xs-12.details-content-wrapp { float: left; padding:0 0 15px 0; width: 100% !important; flex: 78% !important; max-width: 100% !important; border-right: 0;}


.right-nav ul li a img { width: 80%;}
span.search-label img {
    max-width: 21px !important;
    max-width: 44% !important;
}
.right-nav ul li:last-child::after {      display: block;  }
.right-nav ul li.search:after { display:none}
.right-nav ul li { text-align:center}
.right-nav ul li::after { left:-2px}
/* .search-label { width:33px; line-height:41px; height:41px} */
#header .logo img { max-height:54px}
.mobile-nav-toggle i { margin: 13px 0px 0 0; color: #BADB33; }
.search-form input { padding-right:37px}
.right-nav ul li { padding:0 10px}
.right-nav > ul { margin-top:-35px; padding-left:0; padding-right:10px}
.right-nav > ul.search { display: block; margin-right: 103px; padding:0 }
.right-nav ul li.search { padding-right: 0; padding-left: 0; } 
.search-label { left:auto; right:0}
.search-form input { padding-right: 37px; }
div#search {margin-bottom:0 !important}
.mobile-nav-toggle { top:11px}
.right-nav ul li .badge {position: absolute;background: #BADB33;border-radius: 50%;color: #fff;top: -6px;font-size: 10px;left: 6px;
right: 0;margin: 0 auto;width: 12px;height: 12px;line-height: 7px; padding:2px;}
.price-wrap .title-p { color:#000}
.add-price.disc,.frame-size {color:#58595b}
.details-content-wrapp { margin-top:0 !important; padding-bottom:15px !important}
.quantity-wrap {    border-bottom: 1px solid #ccc; margin-bottom:10px}
.quantity-wrap .frame-size { width:100%; float:left}
.frame-popup a { padding:5px 4px}
.add-to-cart-wrap { margin:0 auto}
.flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev {background-size: 15px auto !important;}
.owl-carousel.related-carousel  .owl-nav button span { color: #BADB33; font-size: 35px }
.owl-carousel.related-carousel .owl-nav { margin-top:-120px}
.mobile-nav li.phone, .mobile-nav li.whatsapp {background: #BADB33; color:#fff; right:5px;}

/*.mobile-nav li.phone:before { background:url(../images/phone-wh.png) no-repeat 0px center;background-size: 20px;}
.mobile-nav li.whatsapp:before { background:url(../images/whatsapp-wh.png) no-repeat 5px center;background-size: 20px;} */

.mobile-nav .language { margin-top: 2px; margin-bottom: 6px; float: left; margin-right: 20px; } 
.mobile-block { display:block}
.mobile-none { display:none}
.zoom-img {border-bottom: 1px solid #ccc;}
.frame-popup { border-bottom: 1px solid #ccc;}footer { background:transparent; padding:10px 0}
.footer-col .social p {color:#BADB33}
.social ul li { border-right:1px solid #ccc; padding:0 15px; margin:0}
/* .footer-col .social ul { margin-bottom:10px !important} */
.social ul li:first-child {}
.price-wrap,.quantity-wrap,.frame-popup { padding:0 20px}
.frame-popup { padding:10px 20px}
.product-name a { color:#58595b}
.add-price.disc { margin:0 12px}
.quantity-wrap { margin-bottom:0}
.frame-popup a.btn-orange { margin-bottom:0 !important}
.social ul li { border:none; margin:0 8px !important; padding:0 !important}
.mrf img { max-width:100%}
.frame-size p { width:50% !important; font-size:12px}
.frame-size b { padding-left:3px}
.frame-popup a { font-size:13px}
.btm-wrap.btm-wrap2 { position: fixed; bottom: 0; left: 0%; z-index: 99999; width:100% }
.details-description-head { font-size:21px;margin-top:15px}
p.details-description { font-size:14px; font-weight:400; color:#58595b; margin-bottom:15px}
.detail-page { margin: 70px 0 15px 0 !important;}
.row.portfolio-container.inside-area { padding:30px 0}
.special-offer2 { margin-bottom:30px}
.add-wish-list-details a i, .share-details a i { font-size:21px}
#header .logo img { max-height: 40px;}
section#newsletter {padding:10px 0 15px;float: left;width: 100%;background: #BADB33;}
section#newsletter h2.section-title { margin-bottom:0;color:#fff}section#newsletter p { margin-bottom:5px;color:#fff}
#newsletter input[type="text"] {border: 2px solid #fff; color:rgba(255,255,255,1) }
#newsletter input[type="text"]::-webkit-input-placeholder { /* Edge */  color: rgba(255,255,255,0.9);}
#newsletter input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */   color: rgba(255,255,255,0.9); }
#newsletter input[type="text"]::placeholder {   color: rgba(255,255,255,0.9); }
#newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#BADB33;font-size:13px}
.btm-wrap.btm-wrap2 { position:relative; bottom:auto; }
.add-to-cart-wrap { margin:8px auto 0}
.footer-col { display:none}
.footer-col.no-border.social-area { width:100%; display:flex}
.mrf img { max-width: 100%; max-height: 40px; } 
.footer-col .social p {color:#BADB33; line-height:21px; text-transform:uppercase; font-size:20px; font-weight:600;padding-top: 10px;}
.social ul li { border-left:none; margin:0 5px !important; padding:0 !important}
.footer-col .social { float: left; width: 100%; display: flex; flex-flow: column; align-items: center; }
}
@media (max-width: 767px) and (min-width: 600px) {#portfolio .portfolio-item {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.banner-bottom-strip ul li:after {left: 0;margin-left: 0;}
.variety{min-height:305px;}
.frame-popup { padding-top:15px; padding-bottom:15px}
.right-nav ul li.search:last-child::after { display:none}
.right-nav > ul { margin-top:0}
.right-nav > ul.search { float:left}
}
@media (max-width: 767px) {

.right-nav ul li.my-account
{
 display:none !important;
}

span.search-label img {
    max-width: 21px !important;
    max-width: 62% !important;
}
.desktop-social {display:none !important}
.mobile-social {display:block !important}	
.right-nav > ul {
    margin-top: 0;
}	
section#newsletter {padding: 10px 0 15px;float: left;width: 100%;background: #f7f7f7;}
#about .col-lg-4.col-md-4.wow.fadeInUp {margin-bottom: 1px;}
footer {display:block}
section#about .container .row {margin: 0;}
section#about .container .row .col-lg-4{padding:0;}
#intro .intro-info {width: 100%;}
#intro .intro-info h2 {font-size: 34px;margin-bottom: 30px;}
.section-header p {width: 100%;}
#testimonials .testimonial-item {text-align: center;}
#testimonials .testimonial-item .testimonial-img {float: none;margin: auto;}
#testimonials .testimonial-item h3,#testimonials .testimonial-item h4,#testimonials .testimonial-item p {margin-left: 0;}
.banner-bottom-strip ul li p {padding: 28px 0;padding-right: 42px;font-size: 10px;}
.banner-bottom-strip.strip2 ul li:first-child:before, .banner-bottom-strip.strip2 ul li:last-child:before, .banner-bottom-strip.strip2 ul li:nth-child(2):before {right: 0;background-position: right center;top: 50%;transform: translateY(-50%);}
.banner-bottom-strip ul li:first-child:before, .banner-bottom-strip ul li:last-child:before, .banner-bottom-strip ul li:nth-child(2):before {right: 0;/* background-position: left center; */top: 50%;transform: translateY(-50%);width: 35px;height: 28px;/* background-size: 20%; *//* background-position: 0 -114px; */background-size: 85px;}
.banner-bottom-strip ul li:first-child:before {background-position: 0 -37px;}
.banner-bottom-strip ul li:nth-child(2):before {background-position: 0 -66px;}
.banner-bottom-strip ul li:last-child:before {background-position: 0 -92px;}
.banner-bottom-strip ul li:after {left: 8px;}
.footer-col {width: 100%;padding: 0 15px !important;}
.footer-col {   display: none;}
.footer-col.social-area { display:block}
.footer-col.download-app{display:block;}
.footer-col.download-app p {text-align: center;}
.app-download a span {width: 48%;float: right;}
.app-download a:last-child span {float: left;}
.main-selection.promo, .main-selection.trend {display: none;}
.main-selection.winter-sale {min-height: 200px;background: url(../images/winter-sale-mobile.jpg) no-repeat right 0px;}
.main-selection p {font-size: 27px;}

/*.variety.kids {background: url(../images/variety-kids-mobile.jpg) no-repeat center bottom;background-color: #de1923;}
.variety.women {background: url(../images/variety-women-mobile.jpg) no-repeat center bottom;background-color: #3e96a4;}
.variety.men {background: url(../images/variety-men-mobile.jpg) no-repeat center bottom;background-color: #e2a500;}*/

.variety.men, .variety.women, .variety.kids {background-position: right bottom;margin-bottom: 0;}
p.about {font-size: 15px;color: #000; margin-top:10px;}
p.about a{color:#fff}
.variety {min-height: 135px;}
.section-title {font-size: 28px;}
.client-carousel {max-width: 100%;margin: 0;}
#clients {padding:5px 0 10px 0;}
.cards img {max-height: 22px;}
.copy-txt {display: block;}
.social {width: 100%;text-align: center;}
.social ul li, .social p, .social ul {float: none;display: inline-block;}
.copyright-wrap {width: 100%;float: left;padding-bottom: 0;}
#portfolio #portfolio-flters li {margin: 15px;}
section#intro .container , section#about .container{width: 100%;padding: 0;float: left;width: 100%;max-width: none;}
.mobile-nav-toggle{top: 19px;}
.mobile-nav-active .mobile-nav{width:280px;}
section#intro{padding-top: 89px;}
.main-selection.winter-sale {background-color: #567e25;}
#intro .col-lg-8{padding-left:0; padding-right:0}
#intro .row{margin-left:0; margin-right:0}
section#newsletter h2.section-title {font-size: 20px; margin-top:5px;}
#newsletter input[type="text"] {width: 70%;font-size: 10px;}
#newsletter .button-wrap {width: 30%; margin-right:-5px !important;}
#newsletter .button-wrap button {font-size: 12px;}
section#footer {float: left;width: 100%;overflow: hidden;}
section#about {padding: 0;}
section {width: 100%;float: left;}
li.wishlist {display: none !important;}
li.language{display: inline-block !important;}
.logo {max-width: 100px;}
.right-nav {margin-left: 39px;}
.right-nav ul li, .right-nav ul li a {font-size: 12px;}
.right-nav ul li .fa, .right-nav ul li a .fa {font-size: 14px;}
.mobile-nav li.wishlist {color:#000}
.mobile-nav li.language {text-align: left;}
li.phone, li.whatsapp {padding: 15px 15px 15px 40px;width: 50%;float: left;background: #f4f4f4;position:relative;}
li.phone:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/phone.png) no-repeat 15px center;background-size: 20px;}
li.whatsapp:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/whatsapp.png) no-repeat 15px center;background-size: 20px;}
section#newsletter p {font-size: 12px;margin-bottom: 20px;}
.banner-bottom-strip.strip2 {display: none;}
.copyright-outer .social {display: block;}
.footer-col .social {display: block;}
.mobile-nav-active .mobile-nav{width:90%;max-height: 100%;}
#header .logo img { max-height:40px}
#header { padding:10px 0}
section#intro { padding-top: 60px;}
.right-nav { margin: 8px 35px 0 0;}
.mobile-nav-toggle { right:15px;top: 7px; padding:0}
.mobile-nav li.language, .right-nav ul li.currency {  display: none !important;}
.right-nav ul li { display: inline-block;}
.right-nav > ul.search {display: block;display: inline-block;margin: 0;float:left;width: auto;}
.search-label { width: auto; height: auto; position: relative; right:0; top: -17px; padding: 0; margin: 0; text-align: center; cursor: pointer; line-height: 24px; background: none; z-index: 90; border: none;}
div#search { height:27px; min-width:inherit;position:inherit; margin:0; width:100%}
#search .form-control-submit {padding: 0;margin:1px 0 0 0; width: 15px; height: 18px;}
.search-form input { width:100%; padding-right:0; height:24px; display:none}
.search-form .sb-search-open  input {display: block; width: 205px; padding-right: 10px; height: 30px; padding: 0 10px; right: 0; padding: 0 25px 0 5px; border-radius: 5px; font-size: 14px; top: -2px; text-align: center;}
.mobile-nav .search-form { display:none}
.client-carousel .owl-nav button.owl-prev, .client-carousel .owl-nav button.owl-next {top: 50%;}
.client-carousel .owl-nav button span {font-size: 43px;}
.client-carousel {padding: 0 15px;}
p.guarantee-txt { font-size:22px; margin:0 0 15px 0; text-align: center;font-weight: 600; color:#BADB33}
.banner-bottom-strip ul { float:left}
.banner-bottom-strip ul li::after { height:100%; background:#d1d2d3}
.banner-bottom-strip ul li::after { top:-3px}
.banner-bottom-strip ul { margin-bottom:15px}
section#newsletter {padding:10px 0 15px;float: left;width: 100%;}
section#newsletter h2.section-title { margin-bottom:0}
section#newsletter p { margin-bottom:5px}
section#newsletter {padding:10px 0 15px;float: left;width: 100%;background: #BADB33;}
section#newsletter h2.section-title { margin-bottom:0;color:#fff}section#newsletter p { color:#fff; margin:10px 0;}
#newsletter input[type="text"] {border: 2px solid #fff; color:rgba(255,255,255,1) }
#newsletter input[type="text"]::-webkit-input-placeholder { /* Edge */  color: rgba(255,255,255,0.9);}
#newsletter input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */   color: rgba(255,255,255,0.9); }
#newsletter input[type="text"]::placeholder {   color: rgba(255,255,255,0.9); }
#newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#BADB33;font-size:13px}
.mobile-nav li.language,.right-nav ul li.currency { display:none !important}
.mobile-display-block { display:block !important}
.banner-bottom-strip ul li, .banner-bottom-strip ul, .banner-bottom-strip.strip2 ul li, .banner-bottom-strip.strip2 ul {display: inline-block;}
.banner-bottom-strip ul li p {padding: 28px 0;padding-left: 42px;font-size: 10px; padding:40px 15px 0;font-size: 12px;padding: 40px 15px 0;text-align: center;}
.banner-bottom-strip.strip2 ul li:first-child:before, .banner-bottom-strip.strip2 ul li:last-child:before, .banner-bottom-strip.strip2 ul li:nth-child(2):before {left: 0;background-position: left center;top: 50%;transform: translateY(-50%);}
.banner-bottom-strip ul li:first-child:before, .banner-bottom-strip ul li:last-child:before, .banner-bottom-strip ul li:nth-child(2):before {left: 0;left: 0;/* background-position: left center; */top: 50%;transform: translateY(-50%);width:40px;height: 40px;/* background-size: 20%; *//* background-position: 0 -114px; */background-size:109px;}
.banner-bottom-strip ul li:first-child:before {background-position: 0 -45px; top:15px ;right:38px !important }
.banner-bottom-strip ul li:nth-child(2):before {background-position: 0 -86px; top:16px; height:35px;right: 28px !important;}
.banner-bottom-strip ul li:last-child:before {background-position: 0 -123px; top:16px; height:35px;right: 34px !important;}
#portfolio { display:none; }
div#search { border: 0; border-radius: 5px; background: transparent; }
.search-label { background: transparent; }
.sb-search-open .search-label { background: right; border-radius: 0px 5px 5px 0px; }

.right-nav ul li a img { width: 80%;}
.right-nav ul li:last-child::after {      display: block;  }
.right-nav ul li { text-align:center}

.right-nav ul li a img { width: 80%;}
.right-nav ul li:last-child::after {display: block;  }
.right-nav ul li:first-child::after {}
.right-nav ul li { text-align:center}
.right-nav ul li::after { left:-2px}
.brand-logo.fl-wdth img { max-width:55%}
.model-number p { color:#58595b}
.model-number p span { color: #BADB33;}
.rating-share ul li span { width:16px; height:15px;background-position:-172px 0 !important}
.rating-share ul li span.star-fill {background-position:-155px 0 !important}
.rating-share ul li p { font-size:11px}
.price-wrap .title-p { color:#000}
.add-price.disc,.frame-size {color:#58595b}
.details-content-wrapp { margin-top:0 !important; padding-bottom:15px !important}
.quantity-wrap {    border-bottom: 1px solid #ccc; margin-bottom:10px}
.quantity-wrap .frame-size { width:100%; float:left}
.frame-popup a { padding:5px 4px}
.add-to-cart-wrap { margin:0 auto}
.flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev {background-size: 15px auto !important;}
.owl-carousel.related-carousel  .owl-nav button span { color: #BADB33; font-size: 35px }
.owl-carousel.related-carousel .owl-nav { margin-top:-120px}
.mobile-nav li.phone, .mobile-nav li.whatsapp {background: #BADB33; color:#fff; right:5px;}

/*.mobile-nav li.phone:before { background:url(../images/phone-wh.png) no-repeat 0px center;background-size: 20px;}
.mobile-nav li.whatsapp:before { background:url(../images/whatsapp-wh.png) no-repeat 5px center;background-size: 20px;} */

.footer-col.no-border.social-area {width:80%;width: 80%;float: none !important;margin: 0 auto;}
.strip3.banner-bottom-strip ul li p {font-size:12px;}
.banner-bottom-strip.strip3 ul li:first-child::before, .banner-bottom-strip.strip3 ul li:last-child::before, .banner-bottom-strip.strip3 ul li:nth-child(2)::before {right: 35px !important;}
.copyright-outer {border:0; padding:10px 0 0 0;}
.social ul {display:inline-flex; align-items:center;margin-bottom:0 !important; margin-top:0 !important;}
.social ul li {margin:0 20px}
.footer-col .social { display: flex; flex-flow: column; align-items: center; }
.zoom-img { border-bottom:1px solid #ccc}
.price-wrap { padding-bottom:10px}
.frame-popup a { margin:0 auto 10px auto !important}
.frame-popup { border-bottom:1px solid #ccc}
.mobile-block { display:block}
.mobile-none { display:none}
footer { background:transparent; padding:10px 0}
.footer-col .social p {color:#BADB33; line-height:21px; text-transform:uppercase; font-size:16px; font-weight:600;padding-top: 13px;}
.social ul li { border-left:none; margin:0 5px !important; padding:0 !important;height: auto;}
.price-wrap,.quantity-wrap,.frame-popup { padding:0 20px}
.frame-popup { padding:10px 20px}
.product-name a { color:#58595b}
.add-price.disc { margin:0 12px}
.quantity-wrap { margin-bottom:0}
.frame-popup a.btn-orange { margin-bottom:0 !important}
.mrf img { max-width:100%}
.frame-size p { width:50% !important; font-size:12px}
.frame-size b { padding-left:3px}
.frame-popup a { font-size:13px}
.btm-wrap.btm-wrap2 { position: fixed; bottom: 0; left: 0%; z-index: 99999; width:100% }
.container { max-width:100%}
.details-description-head { font-size:21px;margin-top:15px}
p.details-description { font-size:14px; font-weight:400; color:#58595b; margin-bottom:15px}
.detail-page { margin: 70px 0 15px 0 !important}
.row.portfolio-container.inside-area { padding:30px 0; margin-bottom:0}
.special-offer2 { margin-bottom:30px}
.add-wish-list-details a i, .share-details a i { font-size:21px}

.right-nav ul li.search { padding-right:10px}

li.my-account.hidden-xs.dropdown {padding-left: 6px; padding-right: 5px; font-size: 14px;}
li.my-account.hidden-xs.dropdown a {font-size: 14px;}
.right-nav ul li {padding-left: 8px !important; padding-right: 8px !important;}
li.currency.mobile {float: left !important; margin-left: 37px; padding-left: 3px; position:relative;}
li.currency.mobile::after { content: ""; width: 1px; height: 14px; position: absolute; left: -2px; /*background: #58595b;*/ top: 50%; transform: translateY(-50%);} 
.mobile-nav li.wishlist .language.acc {position:relative; margin-right: 12px; padding-right: 0px;}
.mobile-nav li.wishlist .language.acc::after { content: ""; width: 1px; height: 14px; position: absolute; right: -2px;  top: 8px; transform: translateY(-45%);}
.mobile-nav li.wishlist .language.acc img { max-width: 66%; margin-top:-2px; }
li.currency select { padding-left: 0; padding-right: 24px; }
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {margin-bottom:15px;}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item .portfolio-wrap { padding: 15px !important; width:100%;}
.col-md-12.fl-wdth.hidden-xs { padding: 0; }
.col-md-12.fl-wdth.hidden-xs .frame-popup { padding: 10px 0px;border-bottom: 0px; }
.col-md-12.fl-wdth.hidden-xs .frame-popup a { padding: 10px 2px; font-size: 12px; width:48% !important; }
.clsAnc2.btn-orange{ float:left; }
}
@media (max-width: 574px) {.banner-bottom-strip ul li {height:auto}
#intro { padding: 100px 0 0px 0; }
.slider-img { background-size: auto 100% !important; height: 440px !important; }
.banner-bottom-strip ul li:last-child::before {right:-6px !important}
.banner-bottom-strip ul li:nth-child(2)::before  {right:-2px !important}
form#clsNewsletter {width:90%;}
.banner-bottom-strip ul li:first-child::before {right:-2px !important}
#newsletter input[type="text"] {height: 35px;}
.model-number p, .product-name .content-head {text-align:right;font-size: 17px;}
.strip3.banner-bottom-strip ul li {height: 83px;}
.strip3.banner-bottom-strip ul li p { padding:48px 33px 0 30px !important; line-height: 16px; font-size: 14px; width: 100%; text-align: center;text-transform: uppercase; }
.strip3.banner-bottom-strip ul li::after {top:9% !important;left: 0 !important;}
.frame-size p { width:50% !important; font-size:12px}
.frame-size b { padding-left:3px}
}
@media (max-width:480px) {
.search-label {}	
span.search-label img {
    max-width: 21px !important;
    max-width: 64% !important;
}	
.product-image {
    width: 100%;
    margin: 0 auto;
}
.special-offer2 {
    font-size: 25px;
}	
div#search.form-group.sb-search-open, .no-js .sb-search-open {width: auto !important}	
.banner-bottom-strip {padding:5px 0;}
.banner-bottom-strip.strip3 ul li:first-child:before, .banner-bottom-strip.strip3 ul li:last-child:before, .banner-bottom-strip.strip3 ul li:nth-child(2):before {right: 43px !important;top:22px !important;transform: translateY(-50%);background-size: 111px;}
.copyright-wrap {padding-bottom: 100px;}
.copyright-wrap.copyright-wrap2 {padding-bottom: 20px;}
.btm-wrap.btm-wrap2 {position: fixed;bottom: 0;left: 0%;z-index: 99999;}
.my-bag ul {left:auto;right:-35px !important;}
.my-bag ul::before
{
 left:40px;
}
.cncl-pro img {width:auto !important}
.cncl-pro {left: 4%;}
.model-number p span{color:#BADB33;float: left;}
.mobile-detail .model-number.model-number2 p b {font-weight: normal;float: right;margin-right: 30px;}
.mobile-detail .model-number p b {font-weight: normal;float: right;margin-right:0px;}
.row.portfolio-container.inside-area {margin-top:0 !important}
.frame-size p {width:50% !important;margin-bottom: 0;float: right;font-size: 14px;}
.frame-size b { padding-left:3px}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position: static !important; width: 50% !important; max-width: 50% !important; flex: 100% !important;}
form.search-form {width:auto;margin:-2px 0px 0 0px !important; float:right;}
#carousel.flexslider .slides img {padding:10px 25px 30px 34px !important}
.copy-txt p {font-size: 11px;}
.medical-lens a, .add-to-cart-details a {font-size: 16px;}
.product-name .content-head {font-size:16px;}
.model-number p {font-size:12px; float:right; text-align:right;}
ul.search.mobile { display: block !important; margin:15px 0px 0 0px !important; width: auto !important; float: right;padding-right: 0; }
ul.search.desktop {display:none  !important}
ul.search.mobile input.form-control {position: absolute !important;top: 100px;width: 100% !important;left: 0 !important;height: 41px;border-radius: 0;border:5px solid #eee;}
ul.search.mobile div#search.form-group.sb-search-open, ul.search.mobile .no-js .sb-search-open {border:0}
ul.search.mobile li {list-style: none;}
.search-form .sb-search-open  input { display:block;width: 182px; padding-right: 10px; height:30px; padding: 0 10px; left: -8px; padding: 0 0 0 25px; border-radius: 5px; font-size: 14px; top:-2pxp;border: 1px solid #eeee;}
.price-wrap p {font-size: 18px;}
.detail-area.desktop {display: none;}
.mobile-detail {margin-top:20px;display: block;}
.frame-popup a {width:100% !important;margin-bottom:0px !important}
.frame-popup a.btn-orange {width:100% !important;}
.right-nav > ul {    padding-right: 0; padding-left: 0; margin-bottom: 0; margin-top: 0;margin-left:0;margin-right:0;}
.detail-page {margin:0px 0 50px 0;}
.mobile-nav .drop-down li a {width: 94% !important;padding: 10px 10px;}
.bread-crumb {margin-top: 0px;}
.strip3.banner-bottom-strip ul li:last-child p {height: 0;padding-right: 30px !important;width: 100%;float: right;position: static !important;}
#newsletter .button-wrap button {padding: 2px;}
.cards {margin-right:0 !important}
.slider-img { background-size: auto 100% !important; height: 300px !important; }
.review-container {padding:20px !important;}
.review-textcolum {width: 72%;}
.review-comment {float: left;width: 100%;margin-bottom: 40px;padding: 9%;}
/*#carousel.flexslider li  {width:60px !important}
*/#carousel.flexslider .slides img {  padding: 10px 0 10px 0 !important;}
li.currency.mobile { margin-right: 13px; /*background: url(../images/menu-arrow.png) no-repeat 85% center;*/ display: block !important; float: right; width: 60px; margin-top: 16px; }
}
@media (max-width:375px) {.frame-size p {font-size: 13px;}	}

@media (max-width: 370px) {.strip3.banner-bottom-strip ul li p { padding:48px 26px 0 23px !important; line-height: 16px; font-size: 14px; width: 100%; }
}
@media (max-width: 360px) {
.frame-size p {font-size: 13px;}	
.cncl-pro {left: 0px !important;}
ul.search.mobile {display: block !important;margin:14px 0px 0 0px !important;float: right;padding-right: 0;}
form.search-form {width:100%;margin:-2px 0 0 0 !important;}
.cards img {max-height: 18px;}
.right-nav {margin: 12px 30px 0 0;}
.strip3.banner-bottom-strip ul li p {padding-left: 48px;}
.banner-bottom-strip ul li:first-child:before {background-position: 0 -45px; top:22px ; left:8px !important }
.banner-bottom-strip ul li:nth-child(2):before {background-position: 0 -86px; top:25px; height:35px;left:8px !important;}
.banner-bottom-strip ul li:last-child:before {background-position: 0 -123px; top:30px; height:35px;left:8px !important;}
#newsletter .button-wrap button {padding: 2px 1px;}
.footer-col.no-border.social-area {width:80%;width: 80%;float: none !important;margin: 0 auto;}
.strip3.banner-bottom-strip ul li p {font-size:12px;}
.banner-bottom-strip.strip3 ul li:first-child::before, .banner-bottom-strip.strip3 ul li:last-child::before, .banner-bottom-strip.strip3 ul li:nth-child(2)::before {right: 35px !important;}
.social ul { display:inline-flex; align-items:center;}
.social ul li {margin:0 20px}
}
@media (max-width: 320px) {.banner-bottom-strip.strip3 ul li:first-child::before, .banner-bottom-strip.strip3 ul li:last-child::before, .banner-bottom-strip.strip3 ul li:nth-child(2)::before {right: 25px !important;}
form#clsNewsletter {width: 87%;}
.strip3.banner-bottom-strip ul li p {padding: 48px 10px 0 14px !important;}
.strip3.banner-bottom-strip ul li:last-child p {height: 0;padding-right: 10px !important;width: 100%;float: right;position: static !important;}
.frame-size p {font-size: 11px;}
.footer-col .social p {font-size: 14px;}
}





.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity: 1;
}

@media only screen and (min-width:768px){
	.clsDesktop
	{
	 display:block !important;
	}
	.clsMobile
	{
	 display:none !important;
	}
}
@media only screen and (max-width:767px){
    .clsDesktop
	{
	 display:none !important;
	}
	.clsMobile
	{
	 display:block !important;
	}
}


li.my-account .dropdown-menu {
    width: auto;
    padding: 10px;
    text-align: center;
    min-width: 200px;
    left: 0;
    right: auto;
    margin-top: 12px;
}

li.my-account .dropdown-menu a.sign-up {
    background-color: #BADB33;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    
    margin: 8px 0 20px;
    padding: 10px 0px;
    clear: both;
    float: none;
    font-size: 14px !important;
    width: 100%;
    position: relative;
	text-align:center;
}
li.my-account .dropdown-menu p {
    color: rgb(126, 133, 155);
    width: 100%;
    float: left;
    font-size: 13px;
}
li.my-account .dropdown-menu a.sign-in {
    color: #BADB33;
    font-size: 14px !important;
	text-align:center;
}
li.my-account .dropdown-menu i {
    position: absolute;
    bottom: 100%;
    left: 5px;
    margin-left: 0;
    width: 54px;
    height: 12px;
    overflow: hidden;
	right:auto;
}

li.my-account .dropdown-menu a.sign-up::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: -13px;
    left: 0;
}

li.my-account .dropdown-menu i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 15px;
    transform: translate(-50%,50%) rotate(45deg);
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}


li.clsMobile .dropdown-menu
{
  right: auto !important;
  left: -5px !important;
}

li.clsMobile .dropdown-menu i
{
  right:-155px !important;
}

.clsMobile a::before
{
 background:none !important;
}

#form-language a
{
 font-family:"Zain", noto kufi arabic, 'Rubik', sans-serif !important
}


.colors-view
{
 display:none !important;
}

a
{
 text-decoration:none;
}

.selling-product {
    margin-bottom: 10px !important;
}

.clsColorsSections
{
 display:none !important;
}


.owl-carousel
{
 direction:rtl !important;
}

.add-to-wishlist
{
 display:none !important;
}


@media (max-width:767px) {
 .clsPadTop {
    margin-top: 65px !important;
 }
  
}

@media (min-width:768px) { 
  .slider-img {
    height: 490px !important;
  }
}







.common-home li.currency select
{
 
 padding:0 5px;
 border:1px solid #000;
}

.common-home .mobile-nav-toggle i
{
 
}

@media (max-width:767px) { 
	.my-bag 
	{
	 margin-top:3px;
	}
	.common-home .my-bag 
	{
	 margin-top:2px !important;
	}
	.right-nav ul li.language
	{
	  padding-left:8px !important;
	  padding-right:8px !important;
	}
	.common-home .right-nav ul li.language
	{
	 
	}
	.common-home .mobile-nav li.phone, .common-home .mobile-nav li.whatsapp
	{
	 padding:15px 0px;
	}
	.bread-crumb
	{
	 display:none !important;
	}
	.clsPoweredBy
	{
	  background: rgb(0,0,0,0.1);
   	  color: #fff !important;
	  padding-top: 10px !important;
	  padding-bottom: 0 !important;
	}
	.clsPoweredBy .copyright-outer
	{
	 padding-bottom:10px !important;
	}
	.clsPoweredBy .copy-txt p
	{
	 
	  line-height:25px;
	}
	.clsPoweredBy .copy-txt p a
	{
	 color:#BADB33 !important;
	}
}

.selling-product
{
 border:1px solid #fff;
}

.right-nav > ul img
{
 display:initial;
}

.common-home .right-nav > ul.clsRightItems
{
 margin-right:5px;
}

.common-home .right-nav ul.clsRightItems li.my-bag .badge
{
 left:10px;
}

.common-home .right-nav ul.clsRightItems li.wishlist
{
 padding-left:5px;
}

.common-home .right-nav ul.clsRightItems li .badge
{
left:10px;
}



.common-home  li.my-account .dropdown-menu i
{
 left:0px;
}

@media (max-width:767px) { 
	.common-home .right-nav > ul.clsRightItems
	{
	 margin-top:8px;
	}
	.right-nav ul li:last-child {
		padding-right: 0px;
		padding-left: 5px;
	}
	.common-home .right-nav ul li:last-child {
		padding-right: 5px;
		padding-left: 5px;
	}
	.owl-dots
	{
	 display:none;
	}
	.common-home .right-nav ul.clsRightItems li.my-bag .badge
	{
	 left:14px;
	}
}



.insider-opt-in-notification
{
 display:none !important;
}

.bars
{
 margin-top:-20px;
}
.bars div {
  width: 22px;
  height: 2px;
  background-color: #000;
  margin: 6px 0;
}

.client-carousel .fa
{
  color:#BDDF33;
  font-size:30px;
}


.client-carousel .item::after{
  content: '';
  position: absolute;
  top: 25%;
  right: -6px;
  height: 60%;
  width: 1px;
  
}


.right-nav ul li.language:after
{
 
}

.clsHeadcontact
{
 background:none;
 padding:0 !important;
 color:#fff !important;
}

a.clsHeadcontact::before
{
 background:none !important;
}

.slider-carousel .fa
{
  color:#fff;
  font-size:20px;
}




.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
 background:#BADB33 !important;
}

.listing-product-pagination ul li a:hover
{
 color:#fff !important;
 border-color:#BADB33 !important;
}


@media (max-width:767px) { 
	.clsPaginationSections .listing-product-pagination
	{
	 float:none !important;
	}
	.clsPaginationSections .clsPaginationResults
	{
	 float:none !important;
	 text-align:center !important;
	}
	.listing-product-pagination ul li a
	{
	 width:28px !important;
	 line-height:30px !important;
	 font-size:14px !important;
	}
	
	.model-number2
	{
	 float:right !important;
	}
	.model-number2 p
	{
	text-align:right !important;
	float:right !important;
	}
	header#header
	{
	 border-bottom:1px solid #ccc;
	}
}

#carousel.flexslider .slides img::after
{
  content: '';
  position: absolute;
  top: 5px;
  right: -6px;
  height: 15px;
  width: 1px;
  border-right: 1px solid #d8d8d8;
}



.clsCartQty
{
 float:right !important;
 width:auto !important;
}

.clsCartPrice
{
 float:left !important;
 width:auto !important;
}




.bag-buttons.more a:hover
{
   background:#fff !important;
   border: 1px solid rgb(0,0,0,0.6) !important;
}
.bag-buttons.more a.view-bag:hover
{
  background:#fff !important;
  border:1px solid #BDDF33 !important;
}


.clsMyAccount
{
 background:#BADB33 !important;
 color:#fff !important;
 text-align:center !important;
 width:100% !important;
 border:1px solid #BADB33 !important;
 float:left !important;
 line-height:20px !important;
 padding:5px !important;
}
.clsMyAccount:hover
{
  color:#BADB33 !important;
  background:#fff !important;
}
.clsLogout
{
  background:rgb(0,0,0,0.6) !important;
  color:#fff !important;
  text-align:center !important;
  width:100% !important;
  border:1px solid rgb(0,0,0,0.6) !important;
  float:left !important;
 line-height:20px !important;
 padding:5px !important;
  margin-top:10px;
}
.clsLogout:hover
{
 background:#fff !important;
 color:rgb(0,0,0,0.6) !important;
}


@media (max-width:767px) { 
	.right-nav ul li:last-child::after
	{
	  top:50%;
	}
	.owl-carousel.slider-carousel
	{
	 margin-bottom:15px;
	}
}

@media (min-width:768px) { 
	.main-nav .clsCat1 a
	{
	 padding-right:3px;
	}
}




@media (min-width:768px) and (max-width:1024px) 
{
   .right-nav ul li {    
    display: inline-block !important;
    position: relative;
  }
  .right-nav > ul
  {
    margin-top:-38px;
  }
  .right-nav > ul.search
  {
     margin-right:272px;
  }
  .slider-img {
    height: 200px !important;
  }
  .owl-carousel
  {
     margin-bottom:0;
  }
  section#newsletter h2.section-title {
    font-size: 28px;
    padding: 10px 0;
  }
  .social ul li a
  {
     margin-top:-6px !important;
  }
  .footer-col ul
  {
    margin-top:0 !important;
  }
  .mobile-nav li.wishlist .language.acc img
  {
    max-width:66%;
  }
  li.currency.mobile
  {
     float:left !important;
     margin-top:20px !important;
  }
  .mobile-nav li.language, .mobile-nav li.wishlist
  {
     width:auto !important;
  }
  .right-nav
  {
    max-width:500px;
  }
  .footer-col {
    min-height: auto !important;
  }
  /*#portfolio .portfolio-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }*/
  .right-nav ul li:last-child {
    padding-right: 5px;
    padding-left: 5px;
  }
  div#search
  {
     top:4px !important;
  }
  .common-home .right-nav ul.clsRightItems li.wishlist {
    padding-left: 5px;
    padding-right: 5px;
  }
  .clsPadTop {
    margin-top: 70px !important;
  }
  .frame-popup a {
    padding: 10px 4px;
  }
}






.mobile-footer-link
{
   display:none;
}

@media (max-width:768px)
{
  .mobile-footer-link {
    background: transparent;
    width: 100%;
    float: right;
    padding: 20px 0;
  } 
  .mobile-footer-link
  {
   display:block;
  }
  .accordion {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  
  .acc1 {
    border-bottom: 1px solid #fff;
  } 
  .target-fix {
    display: block;
    top: 0;
    right: 0;
    position: fixed;
  }
  [id*="open-accordion"], [id*="close-accordion"] {
    background: #00a486;
    border-bottom: 1px solid #fff;
    line-height: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 99%;
  }
  .accordion span:target ~ [id*="open-accordion"] {
    display: none;
  }
  .accordion a {
      color: #58595b;
      font-size: 16px;
      font-weight: 600;
      padding-right: 0;
      background: none;
      text-transform: uppercase;
      text-decoration: none;
      text-shadow: none;
      border: 0;
  }
  
  [id*="open-accordion"]::after, [id*="close-accordion"]::after {
      content: "";
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #808285;
      position: absolute;
      left: 5px;
      top: 15px;
      z-index: 999;
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
  }
  .accordion span:target ~ [id*="close-accordion"]::after {
    border-top: 6px solid #BDDF33;
    transform: rotate(0deg);
    -webkit-transform: rotate(-180deg);
  }
  
  .accordion-content {
      background: #fff;
      height: 0;
      margin: -1px auto 0;
      padding: 0;
          padding-top: 0px;
          padding-bottom: 0px;
      position: relative;
      overflow: hidden;
      width: 100%;
      transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
  }
  .accordion span:target ~ .accordion-content {
    display: block;
    height: auto;
    background: none !important;
    padding-bottom: 25px;
    padding-top: 10px;
  }
  .accordion-content ul {
    margin: 0 10px 0 0px;
    padding: 0 12px 0 0px;
    border-right: 3px solid #BDDF33;
  }
  .accordion-content ul li {
    list-style: none;
  }
  
  .accordion a {
      color: #58595b;
      font-size: 16px;
      font-weight: 600;
      padding-left: 0;
      background: none;
      text-transform: uppercase;
      text-decoration: none;
      text-shadow: none;
      border: 0;
  }
  .accordion-content ul li a {
    list-style: none;
    font-weight: normal;
  }
  .accordion span:target ~ [id*="open-accordion"] {
    display: none;
  }
  .clsAccordian
  {
     float:none !important;
     background:none !important;
     border:none !important;
  }
  .clsAccordian .panel-heading
  {
     background:none !important;
     border:none !important;
  }
  .clsAccordian a
  {
    color:#58595b !important;
  }
  .clsAccordian .panel-default
  {
     background:none !important;
     border:none !important;
     border-bottom:1px solid #fff !important;
     margin:0 !important;
  }
  .clsAccordian .glyphicon 
  {
     float:left;
  }
  .clsAccordian .accordion-content
  {     
      background:none !important;      
  }
  .clsAccordian .collapse.in .accordion-content
  {
     height:auto !important;
     margin:10px 0 20px;
  }
  .clsAccordian .panel-heading
  {  
    padding:10px 0 !important;
  }
  .clsAccordian .glyphicon-triangle-bottom
  {
     font-size:10px;
  }
  .clsAccordian .glyphicon-triangle-top
  {
     color:#BDDF33 !important;
     font-size:10px !important;
  }
  .clsAccordian
  {
     text-align:right;
  }
  .clsAccordian a
  {
     font-size:14px;
     line-height:24px;
  }
}

.clsLatProductsSection
{
  clear:both;
  float:left;
  width:100%;
 
}
.clsLatProducts
{
   width:33%;
  float:left;
  padding:10px;
}


.clsLatProductsSection  .owl-nav
{
   display:block !important;
}
.clsLatProductsSection  .owl-nav button.owl-prev, .clsLatProductsSection  .owl-nav button.owl-next
{
   top:45%;
   position:absolute;
}
.clsLatProductsSection  .owl-nav button.owl-prev
{
  left:-30px;
  color:#555;
}
.clsLatProductsSection  .owl-nav button.owl-next
{
  right:-30px;
  color:#555;
}

.clsBestTitle
{
  text-align:center;
}

@media (max-width:768px)
{
  .slider-carousel.clsMobile .owl-nav
  {
    
  }
}


.footer-col .social .clsMobileApp .ios-app-down {
    margin-top: 20px;
    float: right;
    transition: 0.3s ease all;
    background: #6f7279;
    color: #fff;
    width: 154px;
    height: 46px;
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;
}

.footer-col .social .clsMobileApp .ios-app-down .fa {
    font-size: 30px;
    padding-left: 10px;
    float: right;
}
.footer-col .social .clsMobileApp .ios-app-down p {
    font-size: 8px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height:20px;
}
.footer-col .social .clsMobileApp .ios-app-down span {
    font-size: 12px;
    font-weight: normal;
}

.clsTry1 {
    float: right !important;
    margin-right:15px;
}
.clsTry2
{
   height:20px;
}

.clsTry1 img
{
   display:inline;
}

.selling-product
{
  padding-bottom:10px !important;
}

@media (max-width:768px)
{
  .mobile-nav-active .bars:after
  {
     content:'X';
     color:#BADB33;
  }
  .mobile-nav-active .bars div
  {
     display:none;
  }
}





.clsMobileApp .ios-app-down {
    margin-top: 20px;
    float: right;
    transition: 0.3s ease all;
    background: #6f7279;
    color: #fff;
    width: 154px;
    height: 46px;
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration:none;
    cursor:pointer;
    margin-left:10px;
}
.clsMobileApp .ios-app-down:hover
{
   background:#ED1C24;
}

.clsMobileApp .ios-app-down img {
    padding-right: 10px;
    float: right;
}
.clsMobileApp .ios-app-down .fa
{
   font-size:30px;
   padding-left:10px;
   float:right;
}
.clsMobileApp .ios-app-down p {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    text-align:center;
}
.clsMobileApp .ios-app-down span {
    font-size: 16px;
    font-weight: normal;
}

@media screen and (min-width:768px)
{
   .clsAppnotification
   {
      display:none;
   }
}

@media screen and (max-width:767px)
{
  .clsAppnotification a.clsAppClose {
    margin: 5px 0 0 5px !important;
    float: left;
    line-height: 10px;
    background: #3A4A42 !important;
    padding: 4px 5px 6px 5px !important;
  }
  .clsAppnotification
  {
      background:#BADB33;
      color:#fff;
      padding:10px;
      line-height:25px;
      text-align:center;
      display:block; 
  }

  .clsAppnotification a
  { 
      background: #4a4c4e !important;
    color: #fff !important;
    padding: 0px 10px;
    border-radius: 5px;
    margin: 0 10px;
    text-decoration:none !important;
    font-size:12px;
  }
}  
  
@media (max-width: 767px)
{
    .clsApp .mobile-nav-toggle
    {
       top:75px !important; 
    }
    .clsApp #header
    {
        padding:0 !important; 
    }
    .clsApp #header .container
    {
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
}


@media (max-width: 767px)
{
    .clsApp section#intro
    {
         padding-top:100px !important;
    }
   
}


.clsTopNote
{
    background:#BEE034 !important;
    width:100%;
    margin-bottom:10px;
}

.clsTopNote p
{
    text-align:center;
    width:85%;
    float:right;
    margin-top: 5px;
    padding-right:150px;
    margin-bottom:5px;
}
.clsTopNote ul, .clsTopNote ul li
{
    float:left;
    list-style:none;
    margin:0;
    padding:3px;
}
#form-language a
{
    color:#000 !important;
}
.clsMainMenubar {
    margin: 0px 0 20px;
    border-top: 1px solid #C0E039;
    padding-top: 20px;
}
.right-nav
{
    margin-top:15px;
}
nav.main-nav
{
    margin-right:25%;
}
.clsLogoSec
{
    width:30%;
    text-align:center;
}
#footer
{
    background:#383838;
    float:left;
}
#footer a, .copy-txt p
{
    color:#BDDF33 !important;
}

.banner-bottom-strip.strip2
{
    background:transparent !important;
    border-top:1px solid #BDDF33 !important;
    border-bottom:1px solid #BDDF33 !important;
}
#form-language
{
    margin-top:5px;
}
#portfolio .portfolio-item:hover
{
    border:1px solid #BDDF33 !important;
}
.clsProdcount8
{
    display:none !important;
}

.clsLenseImg
{
    width:100%;
    text-align:center;
}
.clsLenseImg img
{
    width:100%;
}
.clsLenseSection
{
    background: url(../images/background_lenses.png) no-repeat center center !important;
    height:750px;
}
.clsLenseSection h2
{
    padding-top:100px;
}
.clsLenseShopnow p
{
    width: 200px;
  text-align: center;
  margin: 30px auto;
  background: #fff;
  padding: 5px;
  font-size: 16px;
}
.clsLenseSection a
{
    color:#000;
}
.clsTopNote span
{
    color:#000 !important;
    padding:0 !important;
}

@media screen and (max-width:768px)
{
    .clsTopNote p
    {
        width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }
    .clsTopNote ul
    {
        display:none !important;
    }
    .right-nav {
      margin-top: 0px !important;
    }
    form.search-form {
        width: auto;
        margin: -8px 0px 0 0px !important;
        float: right;
      }
    .clsTopNote
    {
        margin-bottom:0 !important;
    }
     .logo {
        max-width: 150px;
      }
    .mobile-nav-active .bars {
      margin-top: -80px;
    }   
    .clsMainMenubar
    {
        display:none;
    }
    .clsHeadcontact
    {
        direction:ltr;
    }
    .clsCatBanners
    {
        margin:5px !important;
    }
    .clsCatBanners .col-md-4
    {
        width:33.3%;
        padding:5px !important;
    }
    .section-title {
      font-size: 18px;
      margin-bottom: 10px !important;
    }
    .clsLatProductsSection
    {
        background:none;
    }
    .clsSunglassCont
    {
        padding:5px !important;
    }
    .clsSunglassCont .col-md-6
    {
        width:50%;
        padding:5px !important;
    }
    .clsLenseSection
    {
        background: url(../images/background_lenses_mobile2.png) no-repeat top center !important;
        height:880px;
    }
    .mobile-footer-link
    {
        background:transparent;
    }
    .clsFooterLogo img
    {
        width:60%;
        height:auto;
    }
    .clsFooterLogo
    {
        margin:20px !important;
    }
    .cards img
    {
        margin-bottom:10px;
    }
}

.mobile-nav li.language {
    display: block !important;
    padding: 0;
    margin: 0;
    border: none !important;
    background: none !important;
  }
  
  .mobile-nav li.language a::before
  {
      background:none !important;
  }
  .mobile-nav #form-language a {
  color: #000 !important;
  padding: 10px 0 !important;
}
.clsThumb .col-md-6
  {
      width:50% !important;
      float:left !important;
  }
 .clsThumb .col-md-6 img
 {
     text-align:center !important;
     margin:0 auto !important;
     padding:30px;
 }
 
 
 
 
 
 .right-nav
 {
     width:100%;
 }
 .clsRightItems.float-left {
  width: 35%;
  margin-top:15px;
}
.owl-carousel i
{
    font-size:30px;
    color:#BADB33 !important;
}
.clsLatProductsSection .item
{
   border:1px solid #BADB33 !important;   
   padding:10px;
}

.client-carousel .item
{
    border:1px solid #BADB33 !important;   
    border-radius:10px;
    padding: 20px 10px;
}


.clsWhatsappIcon {background: url(../images/whats_app_icon.png) no-repeat top center; width:100%; background-size:cover; }


@media screen and (max-width:768px)
{
   .right-nav
   {
      width:80%;   
      margin-bottom:0 !important;
   }
   .clsRightItems.float-left
   {
       width:auto;
   }
   .icofont-search
   {
       padding:10px 4px !important;
   }
   ul.search.mobile
   {
       float:left !important;
       padding:0 !important;
       margin-top:15px !important;
   }
   .clsRightItems.float-left
   {
       margin-top:3px !important;
   }
   .clsLogoSec {
      width: 70%;
      text-align: center;
   }
    .clsApp .mobile-nav-toggle {
    top: 75px !important;
    right: 20px;
  }
  #header .logo img {
    max-height: 60px;
  }
  .clsApp #header .clsHeaderCont
  {
      
  }
  .clsLatProductsSection .item
  {
      padding:0 !important;
  }
  .clsLatProductsSection .owl-nav button.owl-prev {
      left: 0px;
      top: -35px;
    }
  .clsLatProductsSection .owl-nav button.owl-next {
      right: 0px;
      top: -35px;
    }     
    .clsLenseShopnow p {
      margin-bottom: 30px !important;
      margin-top: 15px !important;
    }
    .client-carousel .owl-nav button.owl-prev
    {
        left:-5px !important;
    }
    .client-carousel .owl-nav button.owl-next
    {
        right:-5px !important;
    }
    .mobile-footer-link .col-md-6
    {
        width:50%;
        float:left;
    }
    .panel-title
    {
        color:#fff !important;
        border-bottom:1px solid #fff;
        padding:10px 5px;
        text-transform: uppercase;
    }
    .mobile-footer-link ul
    {
        margin:0;
        padding:10px;
    }
    .mobile-footer-link ul li
    {
        list-style:none;
        text-transform: uppercase;
    }
    .clsWhatsapplink 
    {
        display:none !important;
    }
    .clsAccordian a
    {
        font-size:13px !important;
    }
    .mobile-nav-active .bars {
        margin-top: -70px;
        margin-right: 0px !important;
    }
    .mobile-nav
    {
        background:#383838 !important;
        border-bottom-left-radius: 10px;
        padding-bottom: 10px;
    }
    .mobile-nav a
    {
        color:#fff !important;
    }
    .common-home li.currency select
    {
        color:#fff !important;
        border:1px solid #fff !important;
    }
    .mobile-nav #form-language a
    {
        color:#fff !important;
        margin-top:9px;
    }
    .mobile-nav li.wishlist span.badge
    {
        left:65px !important;
    }
}   
.clsWhatsIcon
{
    float:left;
}
.brand-logo
{
    display:none;
}
.list-product
{
    padding-top:20px;
}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item .portfolio-wrap
{
    border:1px solid #BDDF33;
}
.clsDescription2, .clsDescription3
{
    display:none;
}
.clsDescription1
{
    border-bottom:none;
}


#clsCartMsg
{
    display:none !important;
}

.clsWhatsapplink 
{
    width:260px !important;
    height:50px;
}
.social p
{
 font-size:16px !important;
}
#product .brand-logo
{
    display:block ;
    margin-top:20px;
}


.clsMobPhone i
{
    font-size:20px;
    padding:0 5px;
    float:left;
}
.clsMobPhone a
{
    color:#383838 !important;
    font-weight:bold;
    font-size:15px !important;
}
.clsMobPhone span
{
  float:left;   
  margin-top:0px;
}

.clsFooterContact {
  text-align: center;
  direction: ltr;
  margin-bottom: 40px;
  float: left;
  width: 100%;
}

#footer .clsFooterContact a {
  background: #BDDF33 !important;
  padding: 10px 15px !important;
  color: #383838 !important;
  font-size: 20px;
  border-radius:10px;
}
#footer .clsFooterContact a span{
    font-weight:bold;
}
#footer .clsFooterContact a i {
 
  padding:0 5px;
}