@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face {
    font-family: 'emiratesmedium';
    src: url('../fonts/emirates_medium-webfont.woff2') format('woff2'),
         url('../fonts/emirates_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{ overflow-x:hidden !important; }
.topbar{ background:#d3222a; }
.logo{ padding:15px 0; }
.logo img{ height:100px; }

.social_media{ text-align:right; margin-top:45px; }
.social_media a{ color:#d3222a; font-size: 18px; background:#fff; padding:10px 12px; border-radius:2px; margin-left:5px; }
.social_media a:hover{ background:#71797e; color:#fff; }

.heading_bar{ background:#71797e; padding:8px 0; }
.header_text{ font-family: 'Montserrat', sans-serif; font-size: 14px; color: #fff; font-weight: 400; animation: color-change 2s infinite; }
@keyframes color-change { 0% { color: #fff; } 50% { color: #e3a617; } 100% { color: #fff; }}

.banner_left_text{ text-align:left; }
.banner_left_text p{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:22px; color:#d3222a; font-weight:500; }
.banner_left_text h1{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:56px; color:#000; font-weight:800; }
.banner_left_text h2{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:24px; color:#000; font-weight:600; text-transform:uppercase; margin-bottom:35px; }
.banner_left_text a{ background:#71797e; font-family: 'Montserrat', sans-serif; font-size:16px; color:#fff; font-weight:400; padding:10px 20px; border-radius:5px; text-transform:uppercase;  transition:.3s ease; }
.banner_left_text a:hover{ background:#d3222a; text-decoration:none; transition:.3s ease; }
.carousel-caption{ text-shadow:none !important; }



.nav_bar{ background:#71797e; position:sticky; top:0px; z-index:999999; }
.main_sec{ padding:30px 0; background:#f5f5f5; }
.cat_img{}
.cat_img a{ opacity:1; transition:.3s ease; }
.cat_img a:hover{ opacity:0.6; transition:.3s ease; }

.new_arrivals{ padding:20px 0 30px 0; background:#f5f5f5; }
.arrivals_head{ text-align:center; font-family: 'Montserrat', sans-serif; font-size: 30px; color: #000; font-weight: 700; margin-bottom:15px; background:url(../img/line.jpg) center bottom no-repeat; padding-bottom:15px; }

.product_box{ margin-bottom:30px; }
.product_box img{ filter:contrast(92%); transition:.3s ease; }
.product_box img:hover{ box-shadow: 0px 0px 10px #ccc; transition:.3s ease; }
.product_box h1{ margin:0px !important; padding:0px !important; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #000; font-weight: 500; margin-top:10px !important; margin-bottom:5px !important; }
.product_box p{ margin:0px !important; padding:0px !important; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #d3222a; font-weight: 500;}

.pdp{background: rgba(58, 58, 58, 0.2); position:absolute; width:96%; height:100%; display:none !important; z-index:99999999; }
.product_box:hover .pdp{display:block !important; z-index:99999999;}

.ftrprdvv{font:normal 14px 'ubuntulight';color:black; text-align:center; width:150px; display:block; margin:40% auto 10px auto; padding:10px 25px; background:#fff; border-bottom:3px #d7d7d7 solid; text-transform:uppercase;} 
.ftrprdvv:hover{font:normal 14px 'ubuntulight'; color:white; text-align:center; padding:10px 25px; background:#333; text-decoration:none;}

.ftrprdaaa{ display:block; margin:10px; color:#d3222a; font-size:20px; }
.ftrprdaaa:hover{ color:#000; }

.ftrprdaa{font:normal 14px 'ubuntulight';color:white; text-align:center; width:150px; display:block; margin:10px auto; padding:10px 20px; background:#d3222a; border-bottom:3px #bd171f solid; text-transform:uppercase;}   
.ftrprdaa:hover{font:normal 14px 'ubuntulight'; color:white; text-align:center; padding:10px 20px; background:#333; text-decoration:none;}

.banner-mid{ background:#f5f5f5; }
.main_con2{ background:#f5f5f5; }

.footer_con{ background:#d3222a; padding:0 0 30px 0; }
.footer_head{ font-family: 'Montserrat', sans-serif; font-size:24px; font-weight:700; color: #fff; padding: 30px 0 5px 0; background:url(../img/footer_img.jpg) left bottom no-repeat; margin-bottom: 30px;}
.footer_head2{ padding: 80px 0 20px 0;}
.footer1{ padding-top: 30px; }
.footer{ margin-bottom: 30px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #fff;}
.footer a{ color: #fff; }
.footer a:hover{ color: #71797e; }
.footer i{ margin-right: 5px; color: #fff;}
.footer li{ padding-bottom: 8px; }
.footer li i{ margin-right: 5px;}
.footer li a{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #fff;transition: .3s ease; display: block;}
.footer li a:hover{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #71797e; padding-left: 10px;transition: .3s ease;}

.footer_icons{}
.footer_icons a{ color:#fff; margin-right:15px; font-size:20px; background: #71797e; padding: 12px 15px; border-radius: 50%;}
.footer_icons a:hover{ color:#71797e;background:#fff; }

.copy_bg{ background: #71797e;  }
.copy_text{ font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #fff; text-align: left; padding: 15px 0;}
.copy_text span{ font-weight: 600; }
.copy_text a{ text-decoration: underline; color: #fff; }
.copy_text a:hover{ color: #702b88; }

.copy_img{ text-align:right; padding-top:10px; }

.search_bar{ margin-top:40px; }
.search_btn{ background:#71797e !important; color:#fff !important; border: solid 1px #71797e; border-radius: 0 5px 5px 0 !important; }
.search-input{ height:37px !important; }

.next_sec{ padding:30px 0; background:#f5f5f5; }
.sub_banner{ text-align:center; }
.right_menu{ background:#d3222a; padding:15px; border-radius:5px;}
.right_menu h1{ margin:0px !important; padding:0px !important; font-family: 'Montserrat', sans-serif; font-size: 20px; color: #fff; font-weight: 700; margin-bottom:15px !important; }
.right_menu ul{}
.right_menu li{ padding-bottom: 8px; }
.right_menu li i{ margin-right: 5px;}
.right_menu li a{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #fff;transition: .3s ease; display: block; border-bottom: dashed 1px #fff; padding: 5px 0;}
.right_menu li a:hover{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #000; padding-left: 10px;transition: .3s ease;}

.next_heading{ font-family: 'Montserrat', sans-serif; font-size: 24px; color: #000; font-weight: 700;  margin-bottom:15px; background:url(../img/line.jpg) left bottom no-repeat; padding-bottom:15px; }

.found{ background:#d3222a; text-align:center; border-radius:5px; padding:10px; font-family: "Outfit", serif; font-size: 14px; color: #fff; font-weight: 400; margin-bottom:30px; }
.d_box{ background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius:5px; margin-bottom:40px; }
.details-1{}
.details-1 h1{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000; font-weight: 600; padding-bottom:10px; }
.details-1 h2{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #000; font-weight: 500; padding-bottom:15px; }
.details-1 h3{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size: 22px; color: #d3222a; font-weight: 600; padding-bottom:25px; }
.details-1 h4{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #000; font-weight: 700; padding-bottom:5px; }
.details-1 p{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #000; font-weight: 400; margin-bottom:30px; }
.details-1 a{ background:#d3222a; padding:12px 25px; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; font-weight: 500; border-radius:5px; }
.details-1 a:hover{ background:#000; color:#fff; text-decoration:none; }

.new_basket_bar{background:#000; padding:10px 0; color:#fff;}


.ibasket{ float:right; margin-top:18px; }
.ibasket a{ background:#fff; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #d3222a;transition: .3s ease; padding:10px 15px; border-radius:5px; }
.ibasket a:hover{ background:#d3222a; color:#fff; text-decoration:none; }
.ibasket span{ position:absolute; top:1px; right:5px; background:black; color:#fff; border-radius:50%; padding:3px 8px; font-size:12px; }

.ibasketnew{ float:right; margin-top:60px; display:none; }
.ibasketnew a{ background:#fff; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; color: #d3222a;transition: .3s ease; padding:8px 8px; border-radius:5px; }
.ibasketnew a:hover{ background:#d3222a; color:#fff; text-decoration:none; }
.ibasketnew span{ position:absolute; top:40px; right:5px; background:black; color:#fff; border-radius:50%; padding:3px 8px; font-size:12px; }

.baskets{ background:#d3222a; padding:5px 12px; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; font-weight: 500; border-radius:5px; border:none; }
.baskets:hover{ background:#000; color:#fff; text-decoration:none; }
.d_name{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #000; font-weight: 700; padding-bottom:5px; }

.sub_banner{ background:url(../img/sub_banner.jpg) center top no-repeat; padding:85px 0; text-align:left; }
.sub_banner h2{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:22px; color:#d3222a; font-weight:500; }
.sub_banner h3{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:56px; color:#000; font-weight:800; }
.sub_banner p{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:24px; color:#000; font-weight:600; text-transform:uppercase; margin-bottom:35px; }
.sub_banner a{ background:#71797e; font-family: 'Montserrat', sans-serif; font-size:16px; color:#fff; font-weight:400; padding:10px 20px; border-radius:5px; text-transform:uppercase;  transition:.3s ease; }
.sub_banner a:hover{ background:#d3222a; text-decoration:none; transition:.3s ease; }

.header_text_m{ display:none; }

.home_banner{ background:url(../img/banner.jpg) center top no-repeat;  text-align:left; padding:230px 0; }



.size-options {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.size-box {
    cursor: pointer;
}

.size-box span {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    transition: 0.3s;
    font-size: 14px;
}

/* Hover */
.size-box span:hover {
    border-color: #000;
}

/* Selected */
.size-box input:checked + span {
    background: #000;
    color: #fff;
    border-color: #000;
}







/* From Bootstrap */
.dropdown-menu>li>a{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; font-weight: 500; padding: 10px 0 10px 10px; border-bottom: solid 1px #000;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color:#000 !important; }

.navbar-default .navbar-nav>li>a{ font-family: 'Albert Sans', sans-serif; font-size:16px; font-weight:500; color: #fff; text-transform: uppercase; padding: 18px 20px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color: #d3222a;}

.carousel-caption{ left: 0px !important; right: 0px !important; top: 1%; padding-top: 0px !important;}
.carousel-caption img{ max-width: 100%; }
.carousel-control{ bottom: 50% !important; top:50% !important; }

.offcanvas-header{ display:none; }
.btn-close{background: #d3222a;margin: 0px 0px 20px 0px; outline: none !important;}
.btn-close:hover{background: #d3222a; outline: none !important;}
.btn{padding: 8px 12px; border-radius: 0px;}
.btn img{ width: 30px; }

.mobile-menu{ display: none !important; }
.menu_1{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500;}
.menu_1 a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; }

.mobile-menu-new{ display: none; }
.mobile-menu-new ul li{ padding: 10px 0; }
.mobile-menu-new ul li a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; cursor: pointer; display: block;}
.mobile-menu-new ul li a:hover{ color: #d3222a; text-decoration: none;}
.mobile-menu-new ul li i{ font-size: 11px; float: right; }

.mobile-menu-new-sub li{ padding: 0 !important; }
.mobile-menu-new-sub li a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; border-bottom: solid 1px #fff; padding: 8px 0;}

.sub_menu{ border-bottom: solid 1px #1f1e1e; padding: 10px 15px; }
.sub_menu a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; line-height: 20px !important;}
.sub_menu a:hover{ color: #fff !important; text-decoration: underline !important; }

@media (max-width: 1725px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1500px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1400px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1350px){
    body{ overflow-x:hidden; }
}
@media (max-width: 1100px){
    body{ overflow-x:hidden; }
}
@media (max-width: 768px){
    body{ overflow-x:hidden; }
    .logo{ text-align:center; }
    .social_media{ display:none; }
    .search_bar{ margin:10px 0 20px 0; }
    .cat_img{ margin-bottom:20px; }
    .banner_right{ margin-bottom:20px; }
    .footer_head2{ padding:0px; }
    .sub_banner{ display:none; }
    .right_menu{ display:none; }
    .details-1{ margin-bottom:30px; }
    .ibasket{ display:block; }
    .header_text{ display:none; }
    .header_text_m{ display:block; }
    .home_banner{ background: url(../img/banner_bg.jpg) center top no-repeat; padding:100px 0 250px 0; }

    .ibasketnew{ display:block; }
    .copy_img{ text-align:center; padding-top:10px; padding-bottom:10px; }

    .navbar-toggle{ float:left !important; }
    .ibasket{ margin-top:10px; }
    .ibasket a{ font-size:10px; padding:6px 10px; }

    .basket_heading{ display:none; }
    .baskets{ font-size:12px; }
    .new_basket_bar{background:transparent; padding:0px 0px 0px 0px; color:#fff;}

    .banner_left_text{ margin-top: 0px; text-align: center !important;}
    .banner_left_text p{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:16px; color:#d3222a; font-weight:500; }
    .banner_left_text h1{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:36px; color:#000; font-weight:800; }
    .banner_left_text h2{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:18px; color:#000; font-weight:600; text-transform:uppercase; margin-bottom:35px; }
    .banner_left_text a{ background:#71797e; font-family: 'Montserrat', sans-serif; font-size:14px; color:#fff; font-weight:400; padding:10px 20px; border-radius:5px; text-transform:uppercase;  transition:.3s ease; }
    .banner_left_text a:hover{ background:#d3222a; text-decoration:none; transition:.3s ease; }

    /*Mobile Banner*/
    .carousel-inner>.item{ height:20px !important; background:none;}
    .carousel-inner>.item>img, .carousel-inner>.item>a>img{ display: none;}
    /*Navbar*/
    .nav>li{ display: none; }
    .navbar-nav{ padding: 0px 20px 0px 15px !important; }
    .mobile-menu{ display: block !important; margin: 0 30px;}
    .menu_1{ padding-bottom: 20px; }
    .menu_1 a{ color: #fff; }
    .menu_1 a:hover{ color: #d3222a; }
    .mobile-menu-new{ display: block; margin: 0 30px;}
    /*Off Canvas*/
    .offcanvas-header{ display:block; text-align: right;}
    .navbar-collapse { position: fixed; z-index: 99999; top:0; bottom: 0;left: 100%; width: 90%; padding-right: 0;padding-left: 0;overflow-y: auto;visibility: hidden;background-color: white;transition: visibility .2s ease-in-out, transform .2s ease-in-out; transform: translateX(-100%);}
    .navbar-collapse.show {visibility: visible; transform: translateX(-100%);background: black;overflow-x: hidden;}
}
/* join chat */
.joinchat_button{background-image: url('../img/whatsapp-support.png');background-size: auto;background-repeat: no-repeat;background-position: center;width: 55px;height: 55px;background-color: transparent;box-shadow: 0px 0px 13px 1px rgb(255 255 255 / 3%); position: fixed; bottom: 36px; right: 25px; border-radius: 60px;cursor: pointer;}
.joinchat_button:hover{background-color: var(--primary-color);transition: background 1.5s linear;}
.sonar-wave { position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 9999px;background-image: linear-gradient(to right, #579544 0%, #29ac00 100%);opacity: 0;z-index: -1;pointer-events: none;}
.sonar-wave { animation: sonarWave 2s linear infinite;}
@keyframes sonarWave {from {opacity: 0.4;} to { transform: scale(3); opacity: 0;}}

/* Bounce To Top */
.hvr-bounce-to-top {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative; -webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.hvr-bounce-to-top:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white;}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}